@oracle/oraclejet-preact 18.0.10 → 18.0.11

package/cjs/useOutsideClick-03a6c38c.js

@@ -1,103 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var hooks = require('preact/hooks');
-var arrayUtils = require('./arrayUtils-7d8dcfc3.js');
-var Layer = require('./Layer-0053053a.js');
-var useModal = require('./useModal-0739a528.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;
-    }
-    // the event target can also occur in a popup layer that belongs to an "inside" container
-    const findLogicalParent = (elem) => {
-        let elemParent = elem.parentElement;
-        while (elemParent) {
-            if (elemParent[Layer.LOGICAL_PARENT]) {
-                return elemParent[Layer.LOGICAL_PARENT];
-            }
-            elemParent = elemParent.parentElement;
-        }
-        return null;
-    };
-    const logicalParent = findLogicalParent(target);
-    // TODO: logical parents could also be nested, search for potential higher-level logical parents too
-    if (logicalParent) {
-        if (ref.some((elRef) => elRef.current?.contains(logicalParent))) {
-            return false;
-        }
-    }
-    // if the click target is a modal overlay and it is part of target's modal layer
-    // then it's an outside click. Otherwise, treat the click as an "inside" click because
-    // it is a click on another modal which must be above our elem
-    if (target[useModal.MODAL_OVERLAY]) {
-        if (!ref.some((elRef) => {
-            const modalParent = elRef.current?.closest('[data-oj-layer="modal"]');
-            return modalParent && modalParent.contains(target);
-        })) {
-            return false;
-        }
-    }
-    // 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;
-    }
-    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 = hooks.useRef(null);
-    hooks.useEffect(() => {
-        const refs = arrayUtils.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]);
-};
-
-exports.useOutsideClick = useOutsideClick;
-//# sourceMappingURL=useOutsideClick-03a6c38c.js.map

package/cjs/useOutsideClick-03a6c38c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOutsideClick-03a6c38c.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  // the event target can also occur in a popup layer that belongs to an \"inside\" container\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 logicalParent = findLogicalParent(target);\n\n  // TODO: logical parents could also be nested, search for potential higher-level logical parents too\n  if (logicalParent) {\n    if (ref.some((elRef: RefObject<HTMLElement>) => elRef.current?.contains(logicalParent))) {\n      return false;\n    }\n  }\n\n  // if the click target is a modal overlay and it is part of target's modal layer\n  // then it's an outside click. Otherwise, treat the click as an \"inside\" click because\n  // it is a click on another modal which must be above our elem\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    }\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  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":["LOGICAL_PARENT","MODAL_OVERLAY","useRef","useEffect","coerceArray"],"mappings":"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"}

package/cjs/usePopupAnimation-2afacc4b.js

@@ -1,87 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var useAnimationStatus = require('./useAnimationStatus-e55dfa64.js');
-var useUser = require('./useUser-a4bfc560.js');
-var hooks = require('preact/hooks');
-var popupAnimationUtils = require('./popupAnimationUtils-dcace427.js');
-
-const animationStates = {
-    opening: (node) => {
-        return {
-            //zoomIn
-            from: {
-                scaleX: 0,
-                scaleY: 0,
-                opacity: 0,
-                transformOrigin: popupAnimationUtils.getTransformOrigin(node.placement, node.direction)
-            },
-            to: {
-                scaleX: 1,
-                scaleY: 1,
-                opacity: 1,
-                transformOrigin: popupAnimationUtils.getTransformOrigin(node.placement, node.direction)
-            },
-            options: {
-                duration: 200
-            }
-        };
-    },
-    closing: (node) => {
-        return {
-            //zoomOut
-            from: {
-                scaleX: 1,
-                scaleY: 1,
-                opacity: 1,
-                transformOrigin: popupAnimationUtils.getTransformOrigin(node.placement, node.direction)
-            },
-            to: {
-                scaleX: 0,
-                scaleY: 0,
-                opacity: 0,
-                transformOrigin: popupAnimationUtils.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] = hooks.useState(placement);
-    const { direction } = useUser.useUser();
-    const { setAnimationElementRef, animationElementRef, status } = useAnimationStatus.useAnimationStatus({
-        isOpen: isOpen,
-        isAnimatedOnMount: isAnimatedOnMount,
-        animationStates: propsAnimationStates ?? animationStates,
-        onTransitionEnd
-    });
-    const popupElementRef = animationElementRef;
-    const onPositionAnimated = hooks.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.
-    hooks.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 };
-}
-
-exports.usePopupAnimation = usePopupAnimation;
-//# sourceMappingURL=usePopupAnimation-2afacc4b.js.map

package/cjs/usePopupAnimation-2afacc4b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePopupAnimation-2afacc4b.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":["getTransformOrigin","useState","useUser","useAnimationStatus","useCallback","useEffect"],"mappings":"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"}

package/cjs/usePrefixSuffix-23341de3.js

@@ -1,72 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var stringUtils = require('./stringUtils-4e4a6b2b.js');
-var useUser = require('./useUser-a4bfc560.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.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
-        ? stringUtils.merge([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;
-}
-
-exports.usePrefixSuffix = usePrefixSuffix;
-//# sourceMappingURL=usePrefixSuffix-23341de3.js.map

package/cjs/usePrefixSuffix-23341de3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePrefixSuffix-23341de3.js","sources":["../../src/hooks/UNSAFE_usePrefixSuffix/usePrefixSuffix.tsx"],"sourcesContent":["import { merge } from '../../utils/UNSAFE_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":["useUser","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,GAAGA,eAAO,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;UAC1BC,iBAAK,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/cjs/usePressClick-421494df.js

@@ -1,33 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var hooks = require('preact/hooks');
-
-const DefaultSettings = {
-    isDisabled: false
-};
-/**
- * Returns a click handler that can make a target element either clickable or keyboard pressable.
- *
- * @param onPressHandler function
- * @param isDisabled boolean
- * @returns
- */
-function usePressClick(onPressHandler, settings = DefaultSettings) {
-    // Not adding any detection of repeat keyboard triggering, such as onKeyDown setting
-    // state to gate dispatch, to try to keep changes as basic as possible for now.
-    const onClick = hooks.useCallback((event) => {
-        // See note above about why propagation is stopped: to prevent nested component bubbling clicks issue
-        event.stopPropagation();
-        // in legacy, we would check event.detail <= 1 to fire only once on multi-clicks,
-        // however, for now keeping this simple.
-        onPressHandler(event);
-    }, [onPressHandler]);
-    const pressProps = settings?.isDisabled ? {} : { onClick };
-    return {
-        pressProps
-    };
-}
-
-exports.usePressClick = usePressClick;
-//# sourceMappingURL=usePressClick-421494df.js.map

package/cjs/usePressClick-421494df.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePressClick-421494df.js","sources":["../../src/hooks/UNSAFE_usePressClick/usePressClick.ts"],"sourcesContent":["import { useCallback } from 'preact/hooks';\n\ntype PressOptions = {\n  isDisabled?: boolean;\n};\n\nconst DefaultSettings = {\n  isDisabled: false\n};\n\n/**\n * Returns a click handler that can make a target element either clickable or keyboard pressable.\n *\n * @param onPressHandler function\n * @param isDisabled boolean\n * @returns\n */\n\nexport function usePressClick(\n  onPressHandler: (event: Event) => void,\n  settings: PressOptions = DefaultSettings\n): { pressProps: Record<string, any> } {\n  // Not adding any detection of repeat keyboard triggering, such as onKeyDown setting\n  // state to gate dispatch, to try to keep changes as basic as possible for now.\n  const onClick = useCallback(\n    (event: Event) => {\n      // See note above about why propagation is stopped: to prevent nested component bubbling clicks issue\n      event.stopPropagation();\n      // in legacy, we would check event.detail <= 1 to fire only once on multi-clicks,\n      // however, for now keeping this simple.\n      onPressHandler(event);\n    },\n    [onPressHandler]\n  );\n\n  const pressProps = settings?.isDisabled ? {} : { onClick };\n\n  return {\n    pressProps\n  };\n}\n"],"names":["useCallback"],"mappings":";;;;;AAMA,MAAM,eAAe,GAAG;AACtB,IAAA,UAAU,EAAE,KAAK;CAClB,CAAC;AAEF;;;;;;AAMG;SAEa,aAAa,CAC3B,cAAsC,EACtC,WAAyB,eAAe,EAAA;;;AAIxC,IAAA,MAAM,OAAO,GAAGA,iBAAW,CACzB,CAAC,KAAY,KAAI;;QAEf,KAAK,CAAC,eAAe,EAAE,CAAC;;;QAGxB,cAAc,CAAC,KAAK,CAAC,CAAC;AACxB,KAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG,QAAQ,EAAE,UAAU,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;IAE3D,OAAO;QACL,UAAU;KACX,CAAC;AACJ;;;;"}

package/cjs/useReorderableItem-0dbb8843.js

@@ -1,271 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var hooks = require('preact/hooks');
-var useId = require('./useId-6c0eeb27.js');
-var useUser = require('./useUser-a4bfc560.js');
-var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
-var clientHints = require('./clientHints-a0f8f4d2.js');
-var collectionUtils = require('./collectionUtils-d9fdec19.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var mergeProps = require('./mergeProps-e3da7237.js');
-var dndUtils = require('./dndUtils-21d97036.js');
-var hooks_PRIVATE_useReorderable_themes_ReorderableItemStyles_css = require('./hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css.js');
-var keys = require('./keys-25710458.js');
-
-/**
- * Implements keyboard reorder behavior for list-like components, e.g. TabBar, ListView, CardView
- */
-function useReorderable(options) {
-    const { onReorder, rootRef, itemSelector, isDisabled, columns } = options;
-    const currentItemKey = hooks.useRef();
-    const { direction } = useUser.useUser();
-    const isRtl = direction === 'rtl';
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const reorderInstructionsId = 'reorderable_' + useId.useId();
-    const { deviceType, platform } = clientHints.getClientHints();
-    const keyPressed = platform === 'windows' ? translations.accControlKey() : translations.accCommandKey();
-    const reorderInstructions = deviceType === 'phone' || deviceType === 'tablet'
-        ? ''
-        : translations.accReorderInstructions({
-            keyPressed: keyPressed
-        });
-    const [reorderStatus, setReorderStatus] = hooks.useState('');
-    const onKeyDown = hooks.useCallback((e) => {
-        const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];
-        if ((e.metaKey || e.ctrlKey) &&
-            e.shiftKey &&
-            keyHandlers.includes(e.key) &&
-            onReorder &&
-            rootRef.current) {
-            if (e.metaKey) {
-                e.preventDefault();
-            }
-            const itemKeysArray = collectionUtils.getItemKeysArray(rootRef.current, itemSelector);
-            const newArray = [...itemKeysArray];
-            const lastIndex = newArray.length - 1;
-            const currentItemIndex = newArray.indexOf(currentItemKey.current);
-            // get reference item index and reordered keys
-            const referenceItemIndex = getReferenceItemIndex(e.key, isRtl, currentItemIndex, lastIndex, columns);
-            if (referenceItemIndex !== undefined && currentItemIndex !== referenceItemIndex) {
-                const referenceKey = newArray[referenceItemIndex]?.toString();
-                newArray.splice(currentItemIndex, 1);
-                newArray.splice(referenceItemIndex, 0, currentItemKey.current);
-                onReorder?.({
-                    reorderedKeys: newArray,
-                    itemKeys: [currentItemKey.current],
-                    // If the dragged items were dropped at the very beginning, the referenceKey will be null.
-                    referenceKey: referenceItemIndex === 0 ? null : newArray[referenceItemIndex - 1]
-                });
-                // set acc status
-                const isPrev = e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? true : false;
-                const position = isPrev
-                    ? translations.accPositionBefore()
-                    : translations.accPositionAfter();
-                const itemKeyString = currentItemKey?.current?.toString();
-                if (referenceKey && position && itemKeyString) {
-                    setReorderStatus(translations.accAnnounceMovedKey({
-                        itemKey: itemKeyString,
-                        position: position,
-                        referenceKey: referenceKey
-                    }));
-                }
-            }
-        }
-    }, [currentItemKey, onReorder, columns, isRtl, itemSelector, rootRef, translations]);
-    const eventProps = isDisabled ? {} : { onKeyDown };
-    return {
-        reorderProps: eventProps,
-        reorderContext: {
-            currentItemKey
-        },
-        reorderInstructionsId,
-        reorderInstructions,
-        reorderStatus
-    };
-}
-/**
- * A helper function to get referenceItemIndex during keyboard reordering
- *
- * @param eventKey the arrow event keys
- * @param isRtl whether RTL is enabled
- * @param currentItemIndex the index of current item
- * @param lastIndex the last index
- * @param columns optional param to specify the number of columns, for keyboard reordering by arrow up/down keys.
- */
-const getReferenceItemIndex = (eventKey, isRtl, currentItemIndex, lastIndex, columns) => {
-    const leftDropIndex = currentItemIndex > 0 ? currentItemIndex - 1 : 0;
-    const rightDropIndex = currentItemIndex < lastIndex ? currentItemIndex + 1 : lastIndex;
-    switch (eventKey) {
-        case 'ArrowLeft':
-            return isRtl ? rightDropIndex : leftDropIndex;
-        case 'ArrowRight':
-            return isRtl ? leftDropIndex : rightDropIndex;
-        case 'ArrowUp':
-            if (columns) {
-                // if the current item is at the top row, arrow up should not move anywhere
-                return currentItemIndex < columns ? currentItemIndex : currentItemIndex - columns;
-            }
-        case 'ArrowDown':
-            if (columns) {
-                // if the current item is at the bottom row, arrow down should not move anywhere
-                return currentItemIndex > lastIndex - columns
-                    ? currentItemIndex
-                    : currentItemIndex + columns;
-            }
-        default:
-            return undefined;
-    }
-};
-
-/**
- * Implements mouse reorder behavior for list-like components, e.g. TabBar, ListView, CardView
- */
-function useReorderableItem(options) {
-    const { isDisabled, dragKey, setDragKey, onReorder, ref, rootRef, itemStyles, getItem, setTransferData, itemSelector, isVertical } = options;
-    const item = getItem();
-    const itemKey = item != null ? collectionUtils.getKey(item) : undefined;
-    const [position, setPosition] = hooks.useState();
-    const pendingPositionRef = hooks.useRef();
-    const dragImgRef = hooks.useRef(undefined);
-    const itemDraggerClasses = classNames.classNames([hooks_PRIVATE_useReorderable_themes_ReorderableItemStyles_css.styles.itemDragger, itemStyles.itemDragger]);
-    const { direction } = useUser.useUser();
-    const isRtl = direction === 'rtl';
-    const handleDragStart = hooks.useCallback((e) => {
-        const item = getItem();
-        const currentDragKey = item != null ? collectionUtils.getKey(item) : undefined;
-        //create drag image clone of the item and show it
-        if (ref?.current && setDragKey) {
-            dragImgRef.current = dndUtils.createDragImage(ref.current, itemDraggerClasses);
-            //if there is drag icon, set the drag image at the drag icon position
-            const dragIcon = ref.current.querySelector('[draggable=true]');
-            if (dragIcon != null) {
-                e?.dataTransfer?.setDragImage(dragImgRef.current, dragIcon.offsetLeft + dragIcon.offsetWidth / 2, dragIcon.offsetTop + dragIcon.offsetHeight / 2);
-            }
-            else {
-                e?.dataTransfer?.setDragImage(dragImgRef.current, 0, 0);
-            }
-            setTransferData(e);
-            setDragKey(currentDragKey);
-        }
-    }, [getItem, setTransferData, itemDraggerClasses, ref, setDragKey]);
-    const handleDragOver = hooks.useCallback((e) => {
-        if (keys.isKeyDefined(dragKey)) {
-            e.preventDefault();
-        }
-    }, [dragKey]);
-    //Once drag is over, reset styling of dragged item to it's original styling
-    const handleDragEnd = hooks.useCallback(() => {
-        setDragKey?.(undefined);
-        document.body.removeChild(dragImgRef.current);
-    }, [setDragKey]);
-    // detect drop target position on the overlay divs and render drop target
-    const handleDragEnterBeforeZone = () => {
-        setPosition('before');
-        pendingPositionRef.current = 'before';
-    };
-    const handleDragLeaveBeforeZone = () => {
-        if (pendingPositionRef.current === 'before') {
-            setPosition(undefined);
-        }
-    };
-    const handleDragEnterAfterZone = () => {
-        setPosition('after');
-        pendingPositionRef.current = 'after';
-    };
-    const handleDragLeaveAfterZone = () => {
-        if (pendingPositionRef.current === 'after') {
-            setPosition(undefined);
-        }
-    };
-    const handleDrop = hooks.useCallback(() => {
-        if (rootRef?.current) {
-            const item = getItem();
-            const currentDropKey = item != null ? collectionUtils.getKey(item) : undefined;
-            const reference = currentDropKey;
-            const itemKeys = collectionUtils.getItemKeysArray(rootRef.current, itemSelector);
-            let insertPos;
-            const newArray = [...itemKeys];
-            const dragIndex = newArray.indexOf(dragKey);
-            if (reference != null) {
-                const dropIndex = newArray.indexOf(reference);
-                if (dragIndex != null && dropIndex != null && dragIndex != dropIndex) {
-                    if (!isRtl) {
-                        if (dragIndex < dropIndex) {
-                            insertPos = position === 'before' ? dropIndex - 1 : dropIndex;
-                        }
-                        else {
-                            insertPos = position === 'before' ? dropIndex : dropIndex + 1;
-                        }
-                    }
-                    else {
-                        if (dragIndex < dropIndex) {
-                            insertPos = position === 'before' ? dropIndex : dropIndex - 1;
-                        }
-                        else {
-                            insertPos = position === 'before' ? dropIndex + 1 : dropIndex;
-                        }
-                    }
-                }
-            }
-            if (insertPos !== undefined && dragIndex !== insertPos) {
-                const sourceData = itemKeys[dragIndex];
-                newArray.splice(dragIndex, 1);
-                newArray.splice(insertPos, 0, sourceData);
-                onReorder?.({
-                    reorderedKeys: newArray,
-                    itemKeys: [dragKey],
-                    // If the dragged items were dropped at the very beginning, the referenceKey will be null.
-                    referenceKey: insertPos === 0 ? null : newArray[insertPos - 1]
-                });
-                setPosition(undefined);
-                setDragKey(undefined);
-            }
-        }
-    }, [dragKey, position, getItem, isRtl, itemSelector, onReorder, rootRef, setDragKey]);
-    if (isDisabled) {
-        return {};
-    }
-    //change dragged item visual to appear disable
-    const isDragged = itemKey != null && itemKey === dragKey;
-    const dndItemClasses = classNames.classNames([hooks_PRIVATE_useReorderable_themes_ReorderableItemStyles_css.styles.itemDnd, isDragged && hooks_PRIVATE_useReorderable_themes_ReorderableItemStyles_css.styles.itemDragged]);
-    const itemOverlayClassesBefore = classNames.classNames([
-        itemStyles.itemOverlayFront,
-        isVertical ? hooks_PRIVATE_useReorderable_themes_ReorderableItemStyles_css.styles.itemOverlayVertical : hooks_PRIVATE_useReorderable_themes_ReorderableItemStyles_css.styles.itemOverlay,
-        position === 'before' && hooks_PRIVATE_useReorderable_themes_ReorderableItemStyles_css.styles.itemOverlayBefore,
-        position === 'before' && isRtl && hooks_PRIVATE_useReorderable_themes_ReorderableItemStyles_css.styles.itemOverlayBeforeRtl
-    ]);
-    const itemOverlayClassesAfter = classNames.classNames([
-        itemStyles.itemOverlayFront,
-        itemStyles.itemOverlayRear,
-        isVertical ? hooks_PRIVATE_useReorderable_themes_ReorderableItemStyles_css.styles.itemOverlayVertical : hooks_PRIVATE_useReorderable_themes_ReorderableItemStyles_css.styles.itemOverlay,
-        position === 'after' && hooks_PRIVATE_useReorderable_themes_ReorderableItemStyles_css.styles.itemOverlayAfter,
-        position === 'after' && isRtl && hooks_PRIVATE_useReorderable_themes_ReorderableItemStyles_css.styles.itemOverlayAfterRtl
-    ]);
-    return {
-        rootProps: mergeProps.mergeProps({
-            ref: ref,
-            onDragStart: handleDragStart,
-            onDragEnd: handleDragEnd,
-            onDragOver: handleDragOver,
-            onDrop: handleDrop,
-            isDisabled: isDisabled,
-            class: dndItemClasses
-        }),
-        isDragged: isDragged,
-        overlayZoneBeforeProps: mergeProps.mergeProps({
-            onDragEnter: handleDragEnterBeforeZone,
-            onDragLeave: handleDragLeaveBeforeZone,
-            class: itemOverlayClassesBefore
-        }),
-        overlayZoneAfterProps: mergeProps.mergeProps({
-            onDragEnter: handleDragEnterAfterZone,
-            onDragLeave: handleDragLeaveAfterZone,
-            class: itemOverlayClassesAfter
-        })
-    };
-}
-
-exports.useReorderable = useReorderable;
-exports.useReorderableItem = useReorderableItem;
-//# sourceMappingURL=useReorderableItem-0dbb8843.js.map