@oracle/oraclejet-preact 20.0.4 → 20.1.0

package/cjs/useOutsideMousedown-70f36cca.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOutsideMousedown-70f36cca.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":["isLogicalAncestor","useEffect","coerceArray"],"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,CAACA,4BAAiB,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;IAC3FC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAGC,sBAAW,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/cjs/usePopupAnimation-f3b34413.js

@@ -1,87 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var useAnimationStatus = require('./useAnimationStatus-8075dc19.js');
-var useUser = require('./useUser-1295b5cb.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-f3b34413.js.map

package/cjs/usePopupAnimation-f3b34413.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePopupAnimation-f3b34413.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-23d1cc33.js

@@ -1,72 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var stringUtils = require('./stringUtils-3e19c8af.js');
-var useUser = require('./useUser-1295b5cb.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.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;
-}
-
-exports.usePrefixSuffix = usePrefixSuffix;
-//# sourceMappingURL=usePrefixSuffix-23d1cc33.js.map

package/cjs/usePrefixSuffix-23d1cc33.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePrefixSuffix-23d1cc33.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":["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,aAAK,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/useRadioFocusManager-a11750e7.js

@@ -1,110 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var hooks = require('preact/hooks');
-var useUser = require('./useUser-1295b5cb.js');
-var clientHints = require('./clientHints-c40c5250.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 = hooks.useRef([]);
-    // current index
-    const focusIndexRef = hooks.useRef(0);
-    // determine if the direction is RTL for arrow key handling
-    const isRtl = useUser.useUser().direction === 'rtl';
-    const isSafari = clientHints.getClientHints().browser === 'safari';
-    // move focus to the next radio element
-    const focusNext = hooks.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 = hooks.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 = hooks.useCallback((index) => {
-        focusIndexRef.current = index;
-    }, []);
-    // reset focus to the element indicated by the current index, mainly for testing purposes
-    const resetFocus = hooks.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 = hooks.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 = hooks.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
-    hooks.useEffect(() => {
-        const container = containerRef?.current;
-        if (!container)
-            return;
-        resetManager();
-    }, [resetManager, children, containerRef]);
-    return {
-        focusNext,
-        focusPrevious,
-        resetFocus,
-        setFocusIndex,
-        focusIndex: focusIndexRef.current,
-        handleArrowKeyPress
-    };
-};
-
-exports.useRadioFocusManager = useRadioFocusManager;
-//# sourceMappingURL=useRadioFocusManager-a11750e7.js.map

package/cjs/useRadioFocusManager-a11750e7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRadioFocusManager-a11750e7.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":["useRef","useUser","getClientHints","useCallback","useEffect"],"mappings":"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"}

package/cjs/useReorderableItem-64be8d2b.js

@@ -1,299 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var hooks = require('preact/hooks');
-var useId = require('./useId-6c0eeb27.js');
-var useUser = require('./useUser-1295b5cb.js');
-var useTranslationBundle = require('./useTranslationBundle-12dd087d.js');
-var clientHints = require('./clientHints-c40c5250.js');
-var collectionUtils = require('./collectionUtils-f1d3183f.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 [itemKey, setItemKey] = hooks.useState(undefined);
-    // This is used to set the current itemKey and that in turn sets isDragged class. It needs to be updated everytime dragKey changes because otherwise itemKey will be the previously draggedKey
-    hooks.useEffect(() => {
-        if (ref.current) {
-            const item = getItem();
-            const key = item != null ? collectionUtils.getKey(item) : undefined;
-            setItemKey(key);
-        }
-    }, [dragKey]);
-    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';
-    /**
-     * Drag start handler
-     * The data-oj-draggable attribute need to be required and set to true to the target element. This
-     * attribute is used to identify which element can act as drag handles during the drag and drop process.
-     */
-    const handleDragStart = hooks.useCallback((e) => {
-        const item = getItem();
-        let targetElement = e.target;
-        const currentDragKey = item != null ? collectionUtils.getKey(item) : undefined;
-        let dragHandle;
-        while (targetElement) {
-            //data-oj-draggable attribute is only to use to draggable element
-            if (targetElement.hasAttribute('data-oj-draggable')) {
-                dragHandle = targetElement;
-                break;
-            }
-            else if (targetElement === item) {
-                break;
-            }
-            targetElement = targetElement.parentElement;
-        }
-        if (!dragHandle) {
-            e.preventDefault();
-            e.stopPropagation();
-        }
-        else {
-            if (ref?.current && setDragKey) {
-                dragImgRef.current = dndUtils.createDragImage(ref.current, itemDraggerClasses);
-                if (ref.current !== dragHandle) {
-                    e?.dataTransfer?.setDragImage(dragImgRef.current, dragHandle.offsetLeft + dragHandle.offsetWidth / 2, dragHandle.offsetTop + dragHandle.offsetHeight / 2);
-                }
-                else {
-                    e?.dataTransfer?.setDragImage(dragImgRef.current, dragHandle.offsetWidth / 2, dragHandle.offsetHeight / 2);
-                }
-                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-64be8d2b.js.map