@oracle/oraclejet-preact 20.0.1 → 20.0.3

package/es/{useHiddenTestMethod-ec7b3989.js → useHiddenTestMethod-f3f25093.js}

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { useContext, useEffect } from 'preact/hooks';
-import { E as EnvironmentContext } from './LayerHost-3cf255a6.js';
+import { E as EnvironmentContext } from './LayerHost-7931b424.js';
 import 'preact/jsx-runtime';
 import 'preact/compat';
 
@@ -25,4 +25,4 @@ function useHiddenTestMethod({ elementRef, method, name }) {
 }
 
 export { useHiddenTestMethod as u };
-//# sourceMappingURL=useHiddenTestMethod-ec7b3989.js.map
+//# sourceMappingURL=useHiddenTestMethod-f3f25093.js.map

package/es/{useHiddenTestMethod-ec7b3989.js.map → useHiddenTestMethod-f3f25093.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useHiddenTestMethod-ec7b3989.js","sources":["../../src/hooks/UNSAFE_useHiddenTestMethod/useHiddenTestMethod.ts"],"sourcesContent":["import { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\nimport { useContext } from 'preact/hooks';\n\ntype UseHiddenTestMethodProps = {\n  elementRef: RefObject<HTMLElement>;\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  method: (...args: any[]) => void;\n  name: string;\n};\n\n/**\n * This hook is used to add a hidden method to a component's root DOM element\n * that can be called by test adapters. The hidden method is only added when\n * we are not running in production mode, i.e. it's only used for testing.\n *\n * @param elementRef The ref to a component's root DOM element\n * @param method The hidden method to expose in the DOM\n * @param name The name of the hidden method in the DOM\n */\nexport function useHiddenTestMethod({ elementRef, method, name }: UseHiddenTestMethodProps) {\n  const context = useContext(EnvironmentContext);\n\n  // Add the hidden method to the DOM element only when mode !== production.\n  useEffect(() => {\n    if (elementRef.current && context.mode !== 'production') {\n      /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n      (elementRef.current as any)[name] = method;\n    }\n  }, [context.mode, elementRef, method, name]);\n}\n"],"names":[],"mappings":";;;;;;AAYA;;;;;;;;AAQG;AACG,SAAU,mBAAmB,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAA4B,EAAA;AACxF,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;;IAG/C,SAAS,CAAC,MAAK;QACb,IAAI,UAAU,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,YAAY,EAAE;;AAEtD,YAAA,UAAU,CAAC,OAAe,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;SAC5C;AACH,KAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;AAC/C;;;;"}
+{"version":3,"file":"useHiddenTestMethod-f3f25093.js","sources":["../../src/hooks/UNSAFE_useHiddenTestMethod/useHiddenTestMethod.ts"],"sourcesContent":["import { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\nimport { useContext } from 'preact/hooks';\n\ntype UseHiddenTestMethodProps = {\n  elementRef: RefObject<HTMLElement>;\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  method: (...args: any[]) => void;\n  name: string;\n};\n\n/**\n * This hook is used to add a hidden method to a component's root DOM element\n * that can be called by test adapters. The hidden method is only added when\n * we are not running in production mode, i.e. it's only used for testing.\n *\n * @param elementRef The ref to a component's root DOM element\n * @param method The hidden method to expose in the DOM\n * @param name The name of the hidden method in the DOM\n */\nexport function useHiddenTestMethod({ elementRef, method, name }: UseHiddenTestMethodProps) {\n  const context = useContext(EnvironmentContext);\n\n  // Add the hidden method to the DOM element only when mode !== production.\n  useEffect(() => {\n    if (elementRef.current && context.mode !== 'production') {\n      /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n      (elementRef.current as any)[name] = method;\n    }\n  }, [context.mode, elementRef, method, name]);\n}\n"],"names":[],"mappings":";;;;;;AAYA;;;;;;;;AAQG;AACG,SAAU,mBAAmB,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAA4B,EAAA;AACxF,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;;IAG/C,SAAS,CAAC,MAAK;QACb,IAAI,UAAU,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,YAAY,EAAE;;AAEtD,YAAA,UAAU,CAAC,OAAe,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;SAC5C;AACH,KAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;AAC/C;;;;"}

package/es/{useKeyboardEvents-a1495728.js → useKeyboardEvents-9aae7ea3.js}

@@ -1,5 +1,5 @@
 /* @oracle/oraclejet-preact: undefined */
-import { u as useUser } from './useUser-e543b73c.js';
+import { u as useUser } from './useUser-06d34d19.js';
 import { a as adjustForStep } from './meterUtils-19c07f4c.js';
 
 const handleInput = (inputValue, currentInput, onInput) => {
@@ -82,4 +82,4 @@ function useKeyboardEvents(value, min, max, step, currentInputRef, onCommit, onI
 }
 
 export { handleInput as h, useKeyboardEvents as u };
-//# sourceMappingURL=useKeyboardEvents-a1495728.js.map
+//# sourceMappingURL=useKeyboardEvents-9aae7ea3.js.map

package/es/{useKeyboardEvents-a1495728.js.map → useKeyboardEvents-9aae7ea3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardEvents-a1495728.js","sources":["../../src/hooks/PRIVATE_useVisMeterEvents/events.ts","../../src/hooks/PRIVATE_useVisMeterEvents/useKeyboardEvents.ts"],"sourcesContent":["import type { MutableRef } from 'preact/hooks';\nimport { InputDetail } from '#utils/UNSAFE_meterUtils';\n\nexport const handleInput = (\n  inputValue: number | undefined,\n  currentInput: MutableRef<number | undefined>,\n  onInput?: (detail: InputDetail) => void\n) => {\n  onInput?.({ value: inputValue } as InputDetail);\n  currentInput.current = inputValue;\n};\n\nexport const cancelEvent = (event: Event) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { MutableRef } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { handleInput, cancelEvent } from './events';\nimport { CommitDetail, InputDetail } from '#utils/UNSAFE_meterUtils';\nimport { adjustForStep } from '#utils/PRIVATE_meterUtils/meterUtils';\n\nexport function useKeyboardEvents(\n  value: number,\n  min: number,\n  max: number,\n  step: number,\n  currentInputRef: MutableRef<number | undefined>,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) {\n  const { direction } = useUser();\n\n  const isRtl = direction === 'rtl';\n\n  const stepIncrementedVal = adjustForStep(value + step, step, min, max);\n  const stepDecrementedVal = adjustForStep(value - step, step, min, max);\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(min, stepDecrementedVal), currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, stepIncrementedVal), currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl\n          ? Math.min(max, stepIncrementedVal)\n          : Math.max(min, stepDecrementedVal);\n        handleInput(inputValue, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl\n          ? Math.max(min, stepDecrementedVal)\n          : Math.min(max, stepIncrementedVal);\n        handleInput(inputValue, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        cancelEvent(event);\n        break;\n      case 'Tab':\n        handleInput(value, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'Home':\n        handleInput(min, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'End':\n        handleInput(max, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n    }\n  };\n\n  return {\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useKeyboardEvents-9aae7ea3.js","sources":["../../src/hooks/PRIVATE_useVisMeterEvents/events.ts","../../src/hooks/PRIVATE_useVisMeterEvents/useKeyboardEvents.ts"],"sourcesContent":["import type { MutableRef } from 'preact/hooks';\nimport { InputDetail } from '#utils/UNSAFE_meterUtils';\n\nexport const handleInput = (\n  inputValue: number | undefined,\n  currentInput: MutableRef<number | undefined>,\n  onInput?: (detail: InputDetail) => void\n) => {\n  onInput?.({ value: inputValue } as InputDetail);\n  currentInput.current = inputValue;\n};\n\nexport const cancelEvent = (event: Event) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { MutableRef } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { handleInput, cancelEvent } from './events';\nimport { CommitDetail, InputDetail } from '#utils/UNSAFE_meterUtils';\nimport { adjustForStep } from '#utils/PRIVATE_meterUtils/meterUtils';\n\nexport function useKeyboardEvents(\n  value: number,\n  min: number,\n  max: number,\n  step: number,\n  currentInputRef: MutableRef<number | undefined>,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) {\n  const { direction } = useUser();\n\n  const isRtl = direction === 'rtl';\n\n  const stepIncrementedVal = adjustForStep(value + step, step, min, max);\n  const stepDecrementedVal = adjustForStep(value - step, step, min, max);\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(min, stepDecrementedVal), currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, stepIncrementedVal), currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl\n          ? Math.min(max, stepIncrementedVal)\n          : Math.max(min, stepDecrementedVal);\n        handleInput(inputValue, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl\n          ? Math.max(min, stepDecrementedVal)\n          : Math.min(max, stepIncrementedVal);\n        handleInput(inputValue, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        cancelEvent(event);\n        break;\n      case 'Tab':\n        handleInput(value, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'Home':\n        handleInput(min, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n      case 'End':\n        handleInput(max, currentInputRef, onInput);\n        cancelEvent(event);\n        break;\n    }\n  };\n\n  return {\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler\n  };\n}\n"],"names":[],"mappings":";;;;AAGa,MAAA,WAAW,GAAG,CACzB,UAA8B,EAC9B,YAA4C,EAC5C,OAAuC,KACrC;IACF,OAAO,GAAG,EAAE,KAAK,EAAE,UAAU,EAAiB,CAAC,CAAC;AAChD,IAAA,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC;AACpC,EAAE;AAEK,MAAM,WAAW,GAAG,CAAC,KAAY,KAAI;IAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,eAAe,EAAE,CAAC;AAC1B,CAAC;;ACfD;;;;;;AAMG;AAQa,SAAA,iBAAiB,CAC/B,KAAa,EACb,GAAW,EACX,GAAW,EACX,IAAY,EACZ,eAA+C,EAC/C,QAAyC,EACzC,OAAuC,EAAA;AAEvC,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;AAEhC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;AAElC,IAAA,MAAM,kBAAkB,GAAG,aAAa,CAAC,KAAK,GAAG,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACvE,IAAA,MAAM,kBAAkB,GAAG,aAAa,CAAC,KAAK,GAAG,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAEvE,IAAA,MAAM,cAAc,GAAG,CAAC,KAAoB,KAAI;AAC9C,QAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QAEtB,QAAQ,GAAG;AACT,YAAA,KAAK,KAAK;gBACR,OAAO;AACT,YAAA,KAAK,WAAW;AACd,gBAAA,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,kBAAkB,CAAC,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;gBACzE,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;AACR,YAAA,KAAK,SAAS;AACZ,gBAAA,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,kBAAkB,CAAC,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;gBACzE,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;YACR,KAAK,WAAW,EAAE;gBAChB,MAAM,UAAU,GAAG,KAAK;sBACpB,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,kBAAkB,CAAC;sBACjC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC;AACtC,gBAAA,WAAW,CAAC,UAAU,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;gBAClD,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;aACP;YACD,KAAK,YAAY,EAAE;gBACjB,MAAM,UAAU,GAAG,KAAK;sBACpB,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,kBAAkB,CAAC;sBACjC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC;AACtC,gBAAA,WAAW,CAAC,UAAU,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;gBAClD,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;aACP;SACF;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,CAAC,KAAoB,KAAI;AAC5C,QAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QAEtB,QAAQ,GAAG;AACT,YAAA,KAAK,OAAO;gBACV,QAAQ,GAAG,EAAE,KAAK,EAAE,KAAK,EAAkB,CAAC,CAAC;gBAC7C,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;AACR,YAAA,KAAK,KAAK;AACR,gBAAA,WAAW,CAAC,KAAK,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;gBAC7C,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;AACR,YAAA,KAAK,MAAM;AACT,gBAAA,WAAW,CAAC,GAAG,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;gBAC3C,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;AACR,YAAA,KAAK,KAAK;AACR,gBAAA,WAAW,CAAC,GAAG,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;gBAC3C,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;SACT;AACH,KAAC,CAAC;IAEF,OAAO;AACL,QAAA,OAAO,EAAE,YAAY;AACrB,QAAA,SAAS,EAAE,cAAc;KAC1B,CAAC;AACJ;;;;"}

package/es/useLegendContextMenu-a678b26f.js

@@ -7,18 +7,18 @@ import { f as getLegendCurrentItemStyle, h as getItemProps, j as getGridCellIndi
 import { S as SvgSymbol } from './SvgSymbol-a3802183.js';
 import { T as Text } from './Text-834eb35e.js';
 import { useState, useLayoutEffect } from 'preact/hooks';
-import { u as useUser } from './useUser-e543b73c.js';
+import { u as useUser } from './useUser-06d34d19.js';
 import { D as DATATIP_OFFSET } from './datatipUtils-0a36125e.js';
-import { u as useDatatip } from './useDatatip-ef5c47a7.js';
+import { u as useDatatip } from './useDatatip-4895a07a.js';
 import { u as useContextMenu } from './useContextMenu-730d6c12.js';
 import './SelectMenuGroupContext-aa1fe822.js';
 import 'preact';
 import './logger-c92f309c.js';
-import './LayerHost-3cf255a6.js';
+import './LayerHost-7931b424.js';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-90fb656f.js';
+import './tooltipUtils-af0abd38.js';
 import './IconStyle.styles.css';
 import './UNSAFE_Menu/themes/MenuItemStyles.css.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';

package/es/{useMeterDatatip-f61ca3e0.js → useMeterDatatip-538a4d53.js}

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { useRef } from 'preact/hooks';
-import { h as handleInput } from './useKeyboardEvents-a1495728.js';
-import { u as useDatatip } from './useDatatip-ef5c47a7.js';
+import { h as handleInput } from './useKeyboardEvents-9aae7ea3.js';
+import { u as useDatatip } from './useDatatip-4895a07a.js';
 
 function usePointerEvents(value, getValue, targetRef, currentInputRef, isPointerActiveRef, onCommit, onInput) {
     const isPointerDown = useRef(false);
@@ -70,4 +70,4 @@ function useMeterDatatip(value, isPointerActiveRef, datatip, ariaDescribedBy) {
 }
 
 export { useMeterDatatip as a, usePointerEvents as u };
-//# sourceMappingURL=useMeterDatatip-f61ca3e0.js.map
+//# sourceMappingURL=useMeterDatatip-538a4d53.js.map

package/es/{useMeterDatatip-f61ca3e0.js.map → useMeterDatatip-538a4d53.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useMeterDatatip-f61ca3e0.js","sources":["../../src/hooks/PRIVATE_useVisMeterEvents/usePointerEvents.ts","../../src/hooks/PRIVATE_useVisMeterEvents/useMeterDatatip.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\nimport { handleInput } from './events';\nimport { CommitDetail, InputDetail } from '#utils/UNSAFE_meterUtils';\n\ntype getValueFromEvent = (event: PointerEvent) => number | undefined;\n\nexport function usePointerEvents(\n  value: number | undefined,\n  getValue: getValueFromEvent,\n  targetRef: RefObject<HTMLDivElement>,\n  currentInputRef: MutableRef<number | undefined>,\n  isPointerActiveRef: MutableRef<boolean | undefined>,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) {\n  const isPointerDown = useRef<boolean>(false);\n\n  const onPointerUp = (event: PointerEvent) => {\n    isPointerDown.current = false;\n    const val = getValue(event);\n    if (val !== undefined) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    if (isPointerDown.current) {\n      const val = getValue(event);\n      if (val !== undefined && val != currentInputRef.current) {\n        handleInput(val, currentInputRef, onInput);\n      }\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    isPointerDown.current = true;\n    targetRef.current?.setPointerCapture(event.pointerId);\n    const val = getValue(event);\n    if (val !== undefined && val != currentInputRef.current) {\n      handleInput(val, currentInputRef, onInput);\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onBlur = () => {\n    isPointerDown.current = false;\n    onCommit?.({ value: value } as CommitDetail);\n    isPointerActiveRef.current = false;\n  };\n\n  const onPointerLeave = () => {\n    isPointerActiveRef.current = false;\n  };\n\n  const onPointerEnter = () => {\n    isPointerActiveRef.current = true;\n  };\n\n  return {\n    onPointerUp,\n    onBlur,\n    onPointerMove,\n    onPointerDown,\n    onPointerLeave,\n    onPointerEnter\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { MutableRef } from 'preact/hooks';\nimport { useDatatip } from '#hooks/PRIVATE_useDatatip';\n\nexport function useMeterDatatip(\n  value: number,\n  isPointerActiveRef: MutableRef<boolean>,\n  datatip?: string | null,\n  ariaDescribedBy?: string\n) {\n  const datatipText = datatip === undefined ? `${value}` : datatip;\n  const { datatipContent, datatipProps } = useDatatip({\n    content: datatipText,\n    anchor: isPointerActiveRef.current ? 'pointer' : 'element',\n    offset: {\n      mainAxis: 8,\n      crossAxis: 0\n    },\n    placement: 'top',\n    touchResponse: 'touchStart'\n  });\n\n  datatipProps['aria-describedby'] =\n    [ariaDescribedBy, datatipProps['aria-describedby']].filter(Boolean).join(' ') || undefined;\n\n  return { datatipContent, datatipProps };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useMeterDatatip-538a4d53.js","sources":["../../src/hooks/PRIVATE_useVisMeterEvents/usePointerEvents.ts","../../src/hooks/PRIVATE_useVisMeterEvents/useMeterDatatip.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\nimport { handleInput } from './events';\nimport { CommitDetail, InputDetail } from '#utils/UNSAFE_meterUtils';\n\ntype getValueFromEvent = (event: PointerEvent) => number | undefined;\n\nexport function usePointerEvents(\n  value: number | undefined,\n  getValue: getValueFromEvent,\n  targetRef: RefObject<HTMLDivElement>,\n  currentInputRef: MutableRef<number | undefined>,\n  isPointerActiveRef: MutableRef<boolean | undefined>,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) {\n  const isPointerDown = useRef<boolean>(false);\n\n  const onPointerUp = (event: PointerEvent) => {\n    isPointerDown.current = false;\n    const val = getValue(event);\n    if (val !== undefined) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    if (isPointerDown.current) {\n      const val = getValue(event);\n      if (val !== undefined && val != currentInputRef.current) {\n        handleInput(val, currentInputRef, onInput);\n      }\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    isPointerDown.current = true;\n    targetRef.current?.setPointerCapture(event.pointerId);\n    const val = getValue(event);\n    if (val !== undefined && val != currentInputRef.current) {\n      handleInput(val, currentInputRef, onInput);\n    }\n    isPointerActiveRef.current = true;\n  };\n\n  const onBlur = () => {\n    isPointerDown.current = false;\n    onCommit?.({ value: value } as CommitDetail);\n    isPointerActiveRef.current = false;\n  };\n\n  const onPointerLeave = () => {\n    isPointerActiveRef.current = false;\n  };\n\n  const onPointerEnter = () => {\n    isPointerActiveRef.current = true;\n  };\n\n  return {\n    onPointerUp,\n    onBlur,\n    onPointerMove,\n    onPointerDown,\n    onPointerLeave,\n    onPointerEnter\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { MutableRef } from 'preact/hooks';\nimport { useDatatip } from '#hooks/PRIVATE_useDatatip';\n\nexport function useMeterDatatip(\n  value: number,\n  isPointerActiveRef: MutableRef<boolean>,\n  datatip?: string | null,\n  ariaDescribedBy?: string\n) {\n  const datatipText = datatip === undefined ? `${value}` : datatip;\n  const { datatipContent, datatipProps } = useDatatip({\n    content: datatipText,\n    anchor: isPointerActiveRef.current ? 'pointer' : 'element',\n    offset: {\n      mainAxis: 8,\n      crossAxis: 0\n    },\n    placement: 'top',\n    touchResponse: 'touchStart'\n  });\n\n  datatipProps['aria-describedby'] =\n    [ariaDescribedBy, datatipProps['aria-describedby']].filter(Boolean).join(' ') || undefined;\n\n  return { datatipContent, datatipProps };\n}\n"],"names":[],"mappings":"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"}

package/es/useNavigation-b257c33a.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { useState, useRef, useMemo, useEffect, useCallback } from 'preact/hooks';
-import { u as useCurrentKey } from './useCurrentKey-38e5f097.js';
+import { u as useCurrentKey } from './useCurrentKey-5f865bbd.js';
 import { u as useReorderableContext } from './useReorderableContext-79b1c941.js';
 import { u as useCollectionFocusRing } from './useCollectionFocusRing-23ac7f97.js';
 import { u as useTabbableModeSet } from './useTabbableModeSet-159b0279.js';

package/es/{useOutsideClick-01f3d3e1.js → useOutsideClick-b777a43e.js}

@@ -1,7 +1,7 @@
 /* @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-6c27170e.js';
+import { a as LOGICAL_PARENT } from './Layer-535577b5.js';
 import { M as MODAL_OVERLAY } from './useModal-953082f2.js';
 
 /**
@@ -112,4 +112,4 @@ const useOutsideClick = ({ isDisabled: disabled = false, ref, handler }) => {
 };
 
 export { useOutsideClick as u };
-//# sourceMappingURL=useOutsideClick-01f3d3e1.js.map
+//# sourceMappingURL=useOutsideClick-b777a43e.js.map

package/es/{useOutsideClick-01f3d3e1.js.map → useOutsideClick-b777a43e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick-01f3d3e1.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  // 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 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 overlay 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    } else {\n      return true;\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  // 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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"}
+{"version":3,"file":"useOutsideClick-b777a43e.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  // 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 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 overlay 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    } else {\n      return true;\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  // 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-e0866d58.js → useOutsideMousedown-c45c22c0.js}

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { useEffect } from 'preact/hooks';
 import { c as coerceArray } from './arrayUtils-35a58161.js';
-import { i as isLogicalAncestor } from './popupUtils-7774330e.js';
+import { i as isLogicalAncestor } from './popupUtils-51366a29.js';
 
 /**
  * @license
@@ -45,4 +45,4 @@ const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }) =>
 };
 
 export { useOutsideMousedown as u };
-//# sourceMappingURL=useOutsideMousedown-e0866d58.js.map
+//# sourceMappingURL=useOutsideMousedown-c45c22c0.js.map

package/es/{useOutsideMousedown-e0866d58.js.map → useOutsideMousedown-c45c22c0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useOutsideMousedown-e0866d58.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;;;;"}
+{"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-7c5db425.js → usePopupAnimation-96d2bc83.js}

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { u as useAnimationStatus } from './useAnimationStatus-b881f39a.js';
-import { u as useUser } from './useUser-e543b73c.js';
+import { u as useUser } from './useUser-06d34d19.js';
 import { useState, useCallback, useEffect } from 'preact/hooks';
 import { g as getTransformOrigin } from './popupAnimationUtils-175151d9.js';
 
@@ -82,4 +82,4 @@ function usePopupAnimation(props) {
 }
 
 export { usePopupAnimation as u };
-//# sourceMappingURL=usePopupAnimation-7c5db425.js.map
+//# sourceMappingURL=usePopupAnimation-96d2bc83.js.map

package/es/{usePopupAnimation-7c5db425.js.map → usePopupAnimation-96d2bc83.js.map}

@@ -1 +1 @@
-{"version":3,"file":"usePopupAnimation-7c5db425.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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"}
+{"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":";;;;;;AAyCA,MAAM,eAAe,GAAG;AACtB,IAAA,OAAO,EAAE,CAAC,IAA2B,KAAI;QACvC,OAAO;;AAEL,YAAA,IAAI,EAAE;AACJ,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,kBAAkB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;AACpE,aAAA;AACD,YAAA,EAAE,EAAE;AACF,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,kBAAkB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;AACpE,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,QAAQ,EAAE,GAAG;AACd,aAAA;SACF,CAAC;KACH;AACD,IAAA,OAAO,EAAE,CAAC,IAA2B,KAAI;QACvC,OAAO;;AAEL,YAAA,IAAI,EAAE;AACJ,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,kBAAkB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;AACpE,aAAA;AACD,YAAA,EAAE,EAAE;AACF,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,kBAAkB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;AACpE,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,QAAQ,EAAE,GAAG;AACd,aAAA;SACF,CAAC;KACH;CACF,CAAC;AAEI,SAAU,iBAAiB,CAAC,KAA0B,EAAA;AAK1D,IAAA,MAAM,EACJ,MAAM,EACN,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,eAAe,EAAE,oBAAoB,EACrC,UAAU,EACX,GAAG,KAAK,CAAC;;IAGV,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAY,SAAS,CAAC,CAAC;AACnF,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;IAChC,MAAM,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,EAAE,GAC3D,kBAAkB,CAAwB;AACxC,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,iBAAiB,EAAE,iBAAiB;QACpC,eAAe,EAAE,oBAAoB,IAAI,eAAe;QACxD,eAAe;AAChB,KAAA,CAAC,CAAC;IACL,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAE5C,IAAA,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,IAAI,KAAI;AACP,QAAA,IAAI,eAAe,CAAC,OAAO,KAAK,IAAI,EAAE;;;YAGpC,eAAe,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;SACpD;AACD,QAAA,IAAI,kBAAkB,KAAK,IAAI,CAAC,SAAS,EAAE;AACzC,YAAA,qBAAqB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACvC;AACD,QAAA,UAAU,GAAG,IAAI,CAAC,CAAC;KACpB,EACD,CAAC,UAAU,EAAE,eAAe,EAAE,kBAAkB,CAAC,CAClD,CAAC;;IAGF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,eAAe,IAAI,IAAI,IAAI,eAAe,CAAC,OAAO,IAAI,IAAI,IAAI,MAAM,IAAI,WAAW,EAAE;YACvF,IAAI,eAAe,CAAC,OAAO,CAAC,SAAS,KAAK,kBAAkB,EAAE;AAC5D,gBAAA,eAAe,CAAC,OAAO,CAAC,SAAS,GAAG,kBAAkB,CAAC;aACxD;AACD,YAAA,eAAe,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;SAC/C;KACF,EAAE,CAAC,eAAe,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC;AAC5E;;;;"}

package/es/{usePrefixSuffix-95fc00fd.js → usePrefixSuffix-f981b65f.js}

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { l } from './stringUtils-0fe25200.js';
-import { u as useUser } from './useUser-e543b73c.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.
@@ -67,4 +67,4 @@ function getText(direction, hasValue, prefix, suffix, value) {
 }
 
 export { usePrefixSuffix as u };
-//# sourceMappingURL=usePrefixSuffix-95fc00fd.js.map
+//# sourceMappingURL=usePrefixSuffix-f981b65f.js.map

package/es/{usePrefixSuffix-95fc00fd.js.map → usePrefixSuffix-f981b65f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"usePrefixSuffix-95fc00fd.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;;;;"}
+{"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-d9eecfb4.js → useRadioFocusManager-36eb283e.js}

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { useRef, useCallback, useEffect } from 'preact/hooks';
-import { u as useUser } from './useUser-e543b73c.js';
+import { u as useUser } from './useUser-06d34d19.js';
 import { g as getClientHints } from './clientHints-a42b510c.js';
 
 /**
@@ -105,4 +105,4 @@ const useRadioFocusManager = (containerRef, children) => {
 };
 
 export { useRadioFocusManager as u };
-//# sourceMappingURL=useRadioFocusManager-d9eecfb4.js.map
+//# sourceMappingURL=useRadioFocusManager-36eb283e.js.map

package/es/{useRadioFocusManager-d9eecfb4.js.map → useRadioFocusManager-36eb283e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useRadioFocusManager-d9eecfb4.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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"}
+{"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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"}

package/es/{useReorderableItem-06bd7a7b.js → useReorderableItem-857636b7.js}

@@ -1,8 +1,8 @@
 /* @oracle/oraclejet-preact: undefined */
 import { useRef, useState, useCallback, useEffect } from 'preact/hooks';
 import { u as useId } from './useId-03dbfdf0.js';
-import { u as useUser } from './useUser-e543b73c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-bc6e0896.js';
+import { u as useUser } from './useUser-06d34d19.js';
+import { u as useTranslationBundle } from './useTranslationBundle-4822502f.js';
 import { g as getClientHints } from './clientHints-a42b510c.js';
 import { c as getItemKeysArray, a as getKey } from './collectionUtils-5313629f.js';
 import { c as classNames } from './classNames-4e12b00d.js';
@@ -293,4 +293,4 @@ function useReorderableItem(options) {
 }
 
 export { useReorderableItem as a, useReorderable as u };
-//# sourceMappingURL=useReorderableItem-06bd7a7b.js.map
+//# sourceMappingURL=useReorderableItem-857636b7.js.map

package/es/{useReorderableItem-06bd7a7b.js.map → useReorderableItem-857636b7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useReorderableItem-06bd7a7b.js","sources":["../../src/hooks/PRIVATE_useReorderable/useReorderable.ts","../../src/hooks/PRIVATE_useReorderable/useReorderableItem.ts"],"sourcesContent":["import type { RefObject } from 'preact';\nimport { useRef, useCallback, useState } from 'preact/hooks';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ReorderProps } from '#UNSAFE_Collection/Reorderable.types';\n\ntype useReorderableProps<K> = ReorderProps<K> & {\n  rootRef: RefObject<HTMLDivElement>;\n  itemSelector: string;\n  isDisabled?: boolean;\n  columns?: number;\n};\n\n/**\n * Implements keyboard reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderable<K extends string | number>(options: useReorderableProps<K>) {\n  const { onReorder, rootRef, itemSelector, isDisabled, columns } = options;\n\n  const currentItemKey = useRef<K | undefined>();\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const reorderInstructionsId = 'reorderable_' + useId();\n  const { deviceType, platform } = getClientHints();\n  const keyPressed =\n    platform === 'windows' ? translations.accControlKey() : translations.accCommandKey();\n  const reorderInstructions =\n    deviceType === 'phone' || deviceType === 'tablet'\n      ? ''\n      : translations.accReorderInstructions({\n          keyPressed: keyPressed\n        });\n  const [reorderStatus, setReorderStatus] = useState<string | undefined>('');\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n      if (\n        (e.metaKey || e.ctrlKey) &&\n        e.shiftKey &&\n        keyHandlers.includes(e.key) &&\n        onReorder &&\n        rootRef.current\n      ) {\n        if (e.metaKey) {\n          e.preventDefault();\n        }\n        const itemKeysArray = getItemKeysArray(rootRef.current, itemSelector);\n        const newArray = [...itemKeysArray];\n        const lastIndex = newArray.length - 1;\n        const currentItemIndex = newArray.indexOf(currentItemKey.current);\n        // get reference item index and reordered keys\n        const referenceItemIndex = getReferenceItemIndex(\n          e.key,\n          isRtl,\n          currentItemIndex,\n          lastIndex,\n          columns\n        );\n        if (referenceItemIndex !== undefined && currentItemIndex !== referenceItemIndex) {\n          const referenceKey = newArray[referenceItemIndex]?.toString();\n          newArray.splice(currentItemIndex, 1);\n          newArray.splice(referenceItemIndex as number, 0, currentItemKey.current);\n          onReorder?.({\n            reorderedKeys: newArray as K[],\n            itemKeys: [currentItemKey.current as K],\n            // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n            referenceKey: referenceItemIndex === 0 ? null : (newArray[referenceItemIndex - 1] as K)\n          });\n          // set acc status\n          const isPrev = e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? true : false;\n          const position = isPrev\n            ? translations.accPositionBefore()\n            : translations.accPositionAfter();\n          const itemKeyString = currentItemKey?.current?.toString();\n          if (referenceKey && position && itemKeyString) {\n            setReorderStatus(\n              translations.accAnnounceMovedKey({\n                itemKey: itemKeyString,\n                position: position,\n                referenceKey: referenceKey\n              })\n            );\n          }\n        }\n      }\n    },\n    [currentItemKey, onReorder, columns, isRtl, itemSelector, rootRef, translations]\n  );\n\n  const eventProps = isDisabled ? {} : { onKeyDown };\n\n  return {\n    reorderProps: eventProps,\n    reorderContext: {\n      currentItemKey\n    },\n    reorderInstructionsId,\n    reorderInstructions,\n    reorderStatus\n  } as const;\n}\n\n/**\n * A helper function to get referenceItemIndex during keyboard reordering\n *\n * @param eventKey the arrow event keys\n * @param isRtl whether RTL is enabled\n * @param currentItemIndex the index of current item\n * @param lastIndex the last index\n * @param columns optional param to specify the number of columns, for keyboard reordering by arrow up/down keys.\n */\nconst getReferenceItemIndex = (\n  eventKey: string,\n  isRtl: boolean,\n  currentItemIndex: number,\n  lastIndex: number,\n  columns?: number\n) => {\n  const leftDropIndex = currentItemIndex > 0 ? currentItemIndex - 1 : 0;\n  const rightDropIndex = currentItemIndex < lastIndex ? currentItemIndex + 1 : lastIndex;\n  switch (eventKey) {\n    case 'ArrowLeft':\n      return isRtl ? rightDropIndex : leftDropIndex;\n    case 'ArrowRight':\n      return isRtl ? leftDropIndex : rightDropIndex;\n    case 'ArrowUp':\n      if (columns) {\n        // if the current item is at the top row, arrow up should not move anywhere\n        return currentItemIndex < columns ? currentItemIndex : currentItemIndex - columns;\n      }\n    case 'ArrowDown':\n      if (columns) {\n        // if the current item is at the bottom row, arrow down should not move anywhere\n        return currentItemIndex > lastIndex - columns\n          ? currentItemIndex\n          : currentItemIndex + columns;\n      }\n    default:\n      return undefined;\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useState, useRef, useCallback, useEffect } from 'preact/hooks';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { createDragImage } from '#utils/PRIVATE_dndUtils';\nimport { getKey, getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { ReorderableItemProps } from '#UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableItemStyles.css';\nimport { isKeyDefined } from '#utils/UNSAFE_keys';\n\nexport type useReorderableOptions<K extends string | number> = Omit<\n  ReorderableItemProps<K>,\n  'children'\n> & {\n  isDisabled: boolean;\n  ref: RefObject<HTMLDivElement>;\n  getItem: () => Element | null | undefined; // a function to get the reorderable item\n  setTransferData: (event: DragEvent) => void; // a function to set the transfer data and type\n  itemStyles: {\n    // component specific style for two overlay divs, e.g. component has different gap sizes\n    itemOverlayFront: string;\n    itemOverlayRear: string;\n    itemDragger?: string; // component specific style for drag image\n  };\n  itemSelector: string;\n  isVertical?: boolean; // used when the component is vertical and has one column, e.g. ListView\n};\n\n/**\n * Implements mouse reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderableItem<K extends string | number>(options: useReorderableOptions<K>) {\n  const {\n    isDisabled,\n    dragKey,\n    setDragKey,\n    onReorder,\n    ref,\n    rootRef,\n    itemStyles,\n    getItem,\n    setTransferData,\n    itemSelector,\n    isVertical\n  } = options;\n\n  const [itemKey, setItemKey] = useState<K | undefined>(undefined);\n\n  // 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\n  useEffect(() => {\n    if (ref.current) {\n      const item = getItem();\n      const key = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      setItemKey(key);\n    }\n  }, [dragKey]);\n\n  const [position, setPosition] = useState<'before' | 'after' | undefined>();\n  const pendingPositionRef = useRef<typeof position>();\n  const dragImgRef = useRef<HTMLElement | undefined>(undefined);\n\n  const itemDraggerClasses = classNames([styles.itemDragger, itemStyles.itemDragger]);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  /**\n   * Drag start handler\n   * The data-oj-draggable attribute need to be required and set to true to the target element. This\n   * attribute is used to identify which element can act as drag handles during the drag and drop process.\n   */\n  const handleDragStart = useCallback(\n    (e: DragEvent) => {\n      const item = getItem();\n      let targetElement: HTMLElement | null = e.target as HTMLElement;\n      const currentDragKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n\n      let dragHandle;\n      while (targetElement) {\n        //data-oj-draggable attribute is only to use to draggable element\n        if (targetElement.hasAttribute('data-oj-draggable')) {\n          dragHandle = targetElement;\n          break;\n        } else if (targetElement === item) {\n          break;\n        }\n        targetElement = targetElement.parentElement;\n      }\n\n      if (!dragHandle) {\n        e.preventDefault();\n        e.stopPropagation();\n      } else {\n        if (ref?.current && setDragKey) {\n          dragImgRef.current = createDragImage(ref.current, itemDraggerClasses);\n          if (ref.current !== dragHandle) {\n            e?.dataTransfer?.setDragImage(\n              dragImgRef.current,\n              dragHandle.offsetLeft + dragHandle.offsetWidth / 2,\n              dragHandle.offsetTop + dragHandle.offsetHeight / 2\n            );\n          } else {\n            e?.dataTransfer?.setDragImage(\n              dragImgRef.current,\n              dragHandle.offsetWidth / 2,\n              dragHandle.offsetHeight / 2\n            );\n          }\n          setTransferData(e);\n          setDragKey(currentDragKey as K);\n        }\n      }\n    },\n    [getItem, setTransferData, itemDraggerClasses, ref, setDragKey]\n  );\n\n  const handleDragOver = useCallback(\n    (e: DragEvent) => {\n      if (isKeyDefined(dragKey)) {\n        e.preventDefault();\n      }\n    },\n    [dragKey]\n  );\n\n  //Once drag is over, reset styling of dragged item to it's original styling\n  const handleDragEnd = useCallback(() => {\n    setDragKey?.(undefined);\n    document.body.removeChild(dragImgRef.current as HTMLElement);\n  }, [setDragKey]);\n\n  // detect drop target position on the overlay divs and render drop target\n  const handleDragEnterBeforeZone = () => {\n    setPosition('before');\n    pendingPositionRef.current = 'before';\n  };\n\n  const handleDragLeaveBeforeZone = () => {\n    if (pendingPositionRef.current === 'before') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDragEnterAfterZone = () => {\n    setPosition('after');\n    pendingPositionRef.current = 'after';\n  };\n\n  const handleDragLeaveAfterZone = () => {\n    if (pendingPositionRef.current === 'after') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDrop = useCallback(() => {\n    if (rootRef?.current) {\n      const item = getItem();\n      const currentDropKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      const reference = currentDropKey;\n      const itemKeys = getItemKeysArray(rootRef.current, itemSelector);\n      let insertPos;\n      const newArray = [...itemKeys];\n      const dragIndex = newArray.indexOf(dragKey);\n      if (reference != null) {\n        const dropIndex = newArray.indexOf(reference);\n        if (dragIndex != null && dropIndex != null && dragIndex != dropIndex) {\n          if (!isRtl) {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex - 1 : dropIndex;\n            } else {\n              insertPos = position === 'before' ? dropIndex : dropIndex + 1;\n            }\n          } else {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex : dropIndex - 1;\n            } else {\n              insertPos = position === 'before' ? dropIndex + 1 : dropIndex;\n            }\n          }\n        }\n      }\n      if (insertPos !== undefined && dragIndex !== insertPos) {\n        const sourceData = itemKeys[dragIndex];\n        newArray.splice(dragIndex, 1);\n        newArray.splice(insertPos as number, 0, sourceData);\n        onReorder?.({\n          reorderedKeys: newArray as K[],\n          itemKeys: [dragKey as K],\n          // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n          referenceKey: insertPos === 0 ? null : (newArray[insertPos - 1] as K)\n        });\n        setPosition(undefined);\n        setDragKey?.(undefined);\n      }\n    }\n  }, [dragKey, position, getItem, isRtl, itemSelector, onReorder, rootRef, setDragKey]);\n\n  if (isDisabled) {\n    return {};\n  }\n\n  //change dragged item visual to appear disable\n  const isDragged = itemKey != null && itemKey === dragKey;\n\n  const dndItemClasses = classNames([styles.itemDnd, isDragged && styles.itemDragged]);\n\n  const itemOverlayClassesBefore = classNames([\n    itemStyles.itemOverlayFront,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'before' && styles.itemOverlayBefore,\n    position === 'before' && isRtl && styles.itemOverlayBeforeRtl\n  ]);\n  const itemOverlayClassesAfter = classNames([\n    itemStyles.itemOverlayFront,\n    itemStyles.itemOverlayRear,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'after' && styles.itemOverlayAfter,\n    position === 'after' && isRtl && styles.itemOverlayAfterRtl\n  ]);\n\n  return {\n    rootProps: mergeProps({\n      ref: ref,\n      onDragStart: handleDragStart,\n      onDragEnd: handleDragEnd,\n      onDragOver: handleDragOver,\n      onDrop: handleDrop,\n      isDisabled: isDisabled,\n      class: dndItemClasses\n    }),\n    isDragged: isDragged,\n    overlayZoneBeforeProps: mergeProps({\n      onDragEnter: handleDragEnterBeforeZone,\n      onDragLeave: handleDragLeaveBeforeZone,\n      class: itemOverlayClassesBefore\n    }),\n    overlayZoneAfterProps: mergeProps({\n      onDragEnter: handleDragEnterAfterZone,\n      onDragLeave: handleDragLeaveAfterZone,\n      class: itemOverlayClassesAfter\n    })\n  } as const;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAiBA;;AAEG;AACG,SAAU,cAAc,CAA4B,OAA+B,EAAA;AACvF,IAAA,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;AAE1E,IAAA,MAAM,cAAc,GAAG,MAAM,EAAiB,CAAC;AAC/C,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;AAChC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;AAClC,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,qBAAqB,GAAG,cAAc,GAAG,KAAK,EAAE,CAAC;IACvD,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;AAClD,IAAA,MAAM,UAAU,GACd,QAAQ,KAAK,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,GAAG,YAAY,CAAC,aAAa,EAAE,CAAC;IACvF,MAAM,mBAAmB,GACvB,UAAU,KAAK,OAAO,IAAI,UAAU,KAAK,QAAQ;AAC/C,UAAE,EAAE;AACJ,UAAE,YAAY,CAAC,sBAAsB,CAAC;AAClC,YAAA,UAAU,EAAE,UAAU;AACvB,SAAA,CAAC,CAAC;IACT,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;AAE3E,IAAA,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,CAAgB,KAAI;QACnB,MAAM,WAAW,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QACxE,IACE,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO;AACvB,YAAA,CAAC,CAAC,QAAQ;AACV,YAAA,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;YAC3B,SAAS;YACT,OAAO,CAAC,OAAO,EACf;AACA,YAAA,IAAI,CAAC,CAAC,OAAO,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;aACpB;YACD,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AACtE,YAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,aAAa,CAAC,CAAC;AACpC,YAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;YACtC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;;AAElE,YAAA,MAAM,kBAAkB,GAAG,qBAAqB,CAC9C,CAAC,CAAC,GAAG,EACL,KAAK,EACL,gBAAgB,EAChB,SAAS,EACT,OAAO,CACR,CAAC;YACF,IAAI,kBAAkB,KAAK,SAAS,IAAI,gBAAgB,KAAK,kBAAkB,EAAE;gBAC/E,MAAM,YAAY,GAAG,QAAQ,CAAC,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;AAC9D,gBAAA,QAAQ,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;gBACrC,QAAQ,CAAC,MAAM,CAAC,kBAA4B,EAAE,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;AACzE,gBAAA,SAAS,GAAG;AACV,oBAAA,aAAa,EAAE,QAAe;AAC9B,oBAAA,QAAQ,EAAE,CAAC,cAAc,CAAC,OAAY,CAAC;;AAEvC,oBAAA,YAAY,EAAE,kBAAkB,KAAK,CAAC,GAAG,IAAI,GAAI,QAAQ,CAAC,kBAAkB,GAAG,CAAC,CAAO;AACxF,iBAAA,CAAC,CAAC;;gBAEH,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC;gBAC3E,MAAM,QAAQ,GAAG,MAAM;AACrB,sBAAE,YAAY,CAAC,iBAAiB,EAAE;AAClC,sBAAE,YAAY,CAAC,gBAAgB,EAAE,CAAC;gBACpC,MAAM,aAAa,GAAG,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAC1D,gBAAA,IAAI,YAAY,IAAI,QAAQ,IAAI,aAAa,EAAE;AAC7C,oBAAA,gBAAgB,CACd,YAAY,CAAC,mBAAmB,CAAC;AAC/B,wBAAA,OAAO,EAAE,aAAa;AACtB,wBAAA,QAAQ,EAAE,QAAQ;AAClB,wBAAA,YAAY,EAAE,YAAY;AAC3B,qBAAA,CAAC,CACH,CAAC;iBACH;aACF;SACF;AACH,KAAC,EACD,CAAC,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,CAAC,CACjF,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;IAEnD,OAAO;AACL,QAAA,YAAY,EAAE,UAAU;AACxB,QAAA,cAAc,EAAE;YACd,cAAc;AACf,SAAA;QACD,qBAAqB;QACrB,mBAAmB;QACnB,aAAa;KACL,CAAC;AACb,CAAC;AAED;;;;;;;;AAQG;AACH,MAAM,qBAAqB,GAAG,CAC5B,QAAgB,EAChB,KAAc,EACd,gBAAwB,EACxB,SAAiB,EACjB,OAAgB,KACd;AACF,IAAA,MAAM,aAAa,GAAG,gBAAgB,GAAG,CAAC,GAAG,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC;AACtE,IAAA,MAAM,cAAc,GAAG,gBAAgB,GAAG,SAAS,GAAG,gBAAgB,GAAG,CAAC,GAAG,SAAS,CAAC;IACvF,QAAQ,QAAQ;AACd,QAAA,KAAK,WAAW;YACd,OAAO,KAAK,GAAG,cAAc,GAAG,aAAa,CAAC;AAChD,QAAA,KAAK,YAAY;YACf,OAAO,KAAK,GAAG,aAAa,GAAG,cAAc,CAAC;AAChD,QAAA,KAAK,SAAS;YACZ,IAAI,OAAO,EAAE;;AAEX,gBAAA,OAAO,gBAAgB,GAAG,OAAO,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,OAAO,CAAC;aACnF;AACH,QAAA,KAAK,WAAW;YACd,IAAI,OAAO,EAAE;;AAEX,gBAAA,OAAO,gBAAgB,GAAG,SAAS,GAAG,OAAO;AAC3C,sBAAE,gBAAgB;AAClB,sBAAE,gBAAgB,GAAG,OAAO,CAAC;aAChC;AACH,QAAA;AACE,YAAA,OAAO,SAAS,CAAC;KACpB;AACH,CAAC;;ACrHD;;AAEG;AACG,SAAU,kBAAkB,CAA4B,OAAiC,EAAA;IAC7F,MAAM,EACJ,UAAU,EACV,OAAO,EACP,UAAU,EACV,SAAS,EACT,GAAG,EACH,OAAO,EACP,UAAU,EACV,OAAO,EACP,eAAe,EACf,YAAY,EACZ,UAAU,EACX,GAAG,OAAO,CAAC;IAEZ,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,SAAS,CAAC,CAAC;;IAGjE,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,GAAG,CAAC,OAAO,EAAE;AACf,YAAA,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;AACvB,YAAA,MAAM,GAAG,GAAG,IAAI,IAAI,IAAI,GAAI,MAAM,CAAC,IAAmB,CAAO,GAAG,SAAS,CAAC;YAC1E,UAAU,CAAC,GAAG,CAAC,CAAC;SACjB;AACH,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAkC,CAAC;AAC3E,IAAA,MAAM,kBAAkB,GAAG,MAAM,EAAmB,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,MAAM,CAA0B,SAAS,CAAC,CAAC;AAE9D,IAAA,MAAM,kBAAkB,GAAG,UAAU,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;AAEpF,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;AAChC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;AAElC;;;;AAIG;AACH,IAAA,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAY,KAAI;AACf,QAAA,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;AACvB,QAAA,IAAI,aAAa,GAAuB,CAAC,CAAC,MAAqB,CAAC;AAChE,QAAA,MAAM,cAAc,GAAG,IAAI,IAAI,IAAI,GAAI,MAAM,CAAC,IAAmB,CAAO,GAAG,SAAS,CAAC;AAErF,QAAA,IAAI,UAAU,CAAC;QACf,OAAO,aAAa,EAAE;;AAEpB,YAAA,IAAI,aAAa,CAAC,YAAY,CAAC,mBAAmB,CAAC,EAAE;gBACnD,UAAU,GAAG,aAAa,CAAC;gBAC3B,MAAM;aACP;AAAM,iBAAA,IAAI,aAAa,KAAK,IAAI,EAAE;gBACjC,MAAM;aACP;AACD,YAAA,aAAa,GAAG,aAAa,CAAC,aAAa,CAAC;SAC7C;QAED,IAAI,CAAC,UAAU,EAAE;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;aAAM;AACL,YAAA,IAAI,GAAG,EAAE,OAAO,IAAI,UAAU,EAAE;gBAC9B,UAAU,CAAC,OAAO,GAAG,eAAe,CAAC,GAAG,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;AACtE,gBAAA,IAAI,GAAG,CAAC,OAAO,KAAK,UAAU,EAAE;AAC9B,oBAAA,CAAC,EAAE,YAAY,EAAE,YAAY,CAC3B,UAAU,CAAC,OAAO,EAClB,UAAU,CAAC,UAAU,GAAG,UAAU,CAAC,WAAW,GAAG,CAAC,EAClD,UAAU,CAAC,SAAS,GAAG,UAAU,CAAC,YAAY,GAAG,CAAC,CACnD,CAAC;iBACH;qBAAM;oBACL,CAAC,EAAE,YAAY,EAAE,YAAY,CAC3B,UAAU,CAAC,OAAO,EAClB,UAAU,CAAC,WAAW,GAAG,CAAC,EAC1B,UAAU,CAAC,YAAY,GAAG,CAAC,CAC5B,CAAC;iBACH;gBACD,eAAe,CAAC,CAAC,CAAC,CAAC;gBACnB,UAAU,CAAC,cAAmB,CAAC,CAAC;aACjC;SACF;AACH,KAAC,EACD,CAAC,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,EAAE,UAAU,CAAC,CAChE,CAAC;AAEF,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAY,KAAI;AACf,QAAA,IAAI,YAAY,CAAC,OAAO,CAAC,EAAE;YACzB,CAAC,CAAC,cAAc,EAAE,CAAC;SACpB;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;;AAGF,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,MAAK;AACrC,QAAA,UAAU,GAAG,SAAS,CAAC,CAAC;QACxB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,OAAsB,CAAC,CAAC;AAC/D,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;;IAGjB,MAAM,yBAAyB,GAAG,MAAK;QACrC,WAAW,CAAC,QAAQ,CAAC,CAAC;AACtB,QAAA,kBAAkB,CAAC,OAAO,GAAG,QAAQ,CAAC;AACxC,KAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,MAAK;AACrC,QAAA,IAAI,kBAAkB,CAAC,OAAO,KAAK,QAAQ,EAAE;YAC3C,WAAW,CAAC,SAAS,CAAC,CAAC;SACxB;AACH,KAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,MAAK;QACpC,WAAW,CAAC,OAAO,CAAC,CAAC;AACrB,QAAA,kBAAkB,CAAC,OAAO,GAAG,OAAO,CAAC;AACvC,KAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,MAAK;AACpC,QAAA,IAAI,kBAAkB,CAAC,OAAO,KAAK,OAAO,EAAE;YAC1C,WAAW,CAAC,SAAS,CAAC,CAAC;SACxB;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAClC,QAAA,IAAI,OAAO,EAAE,OAAO,EAAE;AACpB,YAAA,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;AACvB,YAAA,MAAM,cAAc,GAAG,IAAI,IAAI,IAAI,GAAI,MAAM,CAAC,IAAmB,CAAO,GAAG,SAAS,CAAC;YACrF,MAAM,SAAS,GAAG,cAAc,CAAC;YACjC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AACjE,YAAA,IAAI,SAAS,CAAC;AACd,YAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;YAC/B,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC5C,YAAA,IAAI,SAAS,IAAI,IAAI,EAAE;gBACrB,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;AAC9C,gBAAA,IAAI,SAAS,IAAI,IAAI,IAAI,SAAS,IAAI,IAAI,IAAI,SAAS,IAAI,SAAS,EAAE;oBACpE,IAAI,CAAC,KAAK,EAAE;AACV,wBAAA,IAAI,SAAS,GAAG,SAAS,EAAE;AACzB,4BAAA,SAAS,GAAG,QAAQ,KAAK,QAAQ,GAAG,SAAS,GAAG,CAAC,GAAG,SAAS,CAAC;yBAC/D;6BAAM;AACL,4BAAA,SAAS,GAAG,QAAQ,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC;yBAC/D;qBACF;yBAAM;AACL,wBAAA,IAAI,SAAS,GAAG,SAAS,EAAE;AACzB,4BAAA,SAAS,GAAG,QAAQ,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC;yBAC/D;6BAAM;AACL,4BAAA,SAAS,GAAG,QAAQ,KAAK,QAAQ,GAAG,SAAS,GAAG,CAAC,GAAG,SAAS,CAAC;yBAC/D;qBACF;iBACF;aACF;YACD,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,SAAS,EAAE;AACtD,gBAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AACvC,gBAAA,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;gBAC9B,QAAQ,CAAC,MAAM,CAAC,SAAmB,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC;AACpD,gBAAA,SAAS,GAAG;AACV,oBAAA,aAAa,EAAE,QAAe;oBAC9B,QAAQ,EAAE,CAAC,OAAY,CAAC;;AAExB,oBAAA,YAAY,EAAE,SAAS,KAAK,CAAC,GAAG,IAAI,GAAI,QAAQ,CAAC,SAAS,GAAG,CAAC,CAAO;AACtE,iBAAA,CAAC,CAAC;gBACH,WAAW,CAAC,SAAS,CAAC,CAAC;AACvB,gBAAA,UAAU,GAAG,SAAS,CAAC,CAAC;aACzB;SACF;AACH,KAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEtF,IAAI,UAAU,EAAE;AACd,QAAA,OAAO,EAAE,CAAC;KACX;;IAGD,MAAM,SAAS,GAAG,OAAO,IAAI,IAAI,IAAI,OAAO,KAAK,OAAO,CAAC;AAEzD,IAAA,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;IAErF,MAAM,wBAAwB,GAAG,UAAU,CAAC;AAC1C,QAAA,UAAU,CAAC,gBAAgB;QAC3B,UAAU,GAAG,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,WAAW;AAC5D,QAAA,QAAQ,KAAK,QAAQ,IAAI,MAAM,CAAC,iBAAiB;AACjD,QAAA,QAAQ,KAAK,QAAQ,IAAI,KAAK,IAAI,MAAM,CAAC,oBAAoB;AAC9D,KAAA,CAAC,CAAC;IACH,MAAM,uBAAuB,GAAG,UAAU,CAAC;AACzC,QAAA,UAAU,CAAC,gBAAgB;AAC3B,QAAA,UAAU,CAAC,eAAe;QAC1B,UAAU,GAAG,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,WAAW;AAC5D,QAAA,QAAQ,KAAK,OAAO,IAAI,MAAM,CAAC,gBAAgB;AAC/C,QAAA,QAAQ,KAAK,OAAO,IAAI,KAAK,IAAI,MAAM,CAAC,mBAAmB;AAC5D,KAAA,CAAC,CAAC;IAEH,OAAO;QACL,SAAS,EAAE,UAAU,CAAC;AACpB,YAAA,GAAG,EAAE,GAAG;AACR,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,SAAS,EAAE,aAAa;AACxB,YAAA,UAAU,EAAE,cAAc;AAC1B,YAAA,MAAM,EAAE,UAAU;AAClB,YAAA,UAAU,EAAE,UAAU;AACtB,YAAA,KAAK,EAAE,cAAc;SACtB,CAAC;AACF,QAAA,SAAS,EAAE,SAAS;QACpB,sBAAsB,EAAE,UAAU,CAAC;AACjC,YAAA,WAAW,EAAE,yBAAyB;AACtC,YAAA,WAAW,EAAE,yBAAyB;AACtC,YAAA,KAAK,EAAE,wBAAwB;SAChC,CAAC;QACF,qBAAqB,EAAE,UAAU,CAAC;AAChC,YAAA,WAAW,EAAE,wBAAwB;AACrC,YAAA,WAAW,EAAE,wBAAwB;AACrC,YAAA,KAAK,EAAE,uBAAuB;SAC/B,CAAC;KACM,CAAC;AACb;;;;"}
+{"version":3,"file":"useReorderableItem-857636b7.js","sources":["../../src/hooks/PRIVATE_useReorderable/useReorderable.ts","../../src/hooks/PRIVATE_useReorderable/useReorderableItem.ts"],"sourcesContent":["import type { RefObject } from 'preact';\nimport { useRef, useCallback, useState } from 'preact/hooks';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ReorderProps } from '#UNSAFE_Collection/Reorderable.types';\n\ntype useReorderableProps<K> = ReorderProps<K> & {\n  rootRef: RefObject<HTMLDivElement>;\n  itemSelector: string;\n  isDisabled?: boolean;\n  columns?: number;\n};\n\n/**\n * Implements keyboard reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderable<K extends string | number>(options: useReorderableProps<K>) {\n  const { onReorder, rootRef, itemSelector, isDisabled, columns } = options;\n\n  const currentItemKey = useRef<K | undefined>();\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const reorderInstructionsId = 'reorderable_' + useId();\n  const { deviceType, platform } = getClientHints();\n  const keyPressed =\n    platform === 'windows' ? translations.accControlKey() : translations.accCommandKey();\n  const reorderInstructions =\n    deviceType === 'phone' || deviceType === 'tablet'\n      ? ''\n      : translations.accReorderInstructions({\n          keyPressed: keyPressed\n        });\n  const [reorderStatus, setReorderStatus] = useState<string | undefined>('');\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n      if (\n        (e.metaKey || e.ctrlKey) &&\n        e.shiftKey &&\n        keyHandlers.includes(e.key) &&\n        onReorder &&\n        rootRef.current\n      ) {\n        if (e.metaKey) {\n          e.preventDefault();\n        }\n        const itemKeysArray = getItemKeysArray(rootRef.current, itemSelector);\n        const newArray = [...itemKeysArray];\n        const lastIndex = newArray.length - 1;\n        const currentItemIndex = newArray.indexOf(currentItemKey.current);\n        // get reference item index and reordered keys\n        const referenceItemIndex = getReferenceItemIndex(\n          e.key,\n          isRtl,\n          currentItemIndex,\n          lastIndex,\n          columns\n        );\n        if (referenceItemIndex !== undefined && currentItemIndex !== referenceItemIndex) {\n          const referenceKey = newArray[referenceItemIndex]?.toString();\n          newArray.splice(currentItemIndex, 1);\n          newArray.splice(referenceItemIndex as number, 0, currentItemKey.current);\n          onReorder?.({\n            reorderedKeys: newArray as K[],\n            itemKeys: [currentItemKey.current as K],\n            // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n            referenceKey: referenceItemIndex === 0 ? null : (newArray[referenceItemIndex - 1] as K)\n          });\n          // set acc status\n          const isPrev = e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? true : false;\n          const position = isPrev\n            ? translations.accPositionBefore()\n            : translations.accPositionAfter();\n          const itemKeyString = currentItemKey?.current?.toString();\n          if (referenceKey && position && itemKeyString) {\n            setReorderStatus(\n              translations.accAnnounceMovedKey({\n                itemKey: itemKeyString,\n                position: position,\n                referenceKey: referenceKey\n              })\n            );\n          }\n        }\n      }\n    },\n    [currentItemKey, onReorder, columns, isRtl, itemSelector, rootRef, translations]\n  );\n\n  const eventProps = isDisabled ? {} : { onKeyDown };\n\n  return {\n    reorderProps: eventProps,\n    reorderContext: {\n      currentItemKey\n    },\n    reorderInstructionsId,\n    reorderInstructions,\n    reorderStatus\n  } as const;\n}\n\n/**\n * A helper function to get referenceItemIndex during keyboard reordering\n *\n * @param eventKey the arrow event keys\n * @param isRtl whether RTL is enabled\n * @param currentItemIndex the index of current item\n * @param lastIndex the last index\n * @param columns optional param to specify the number of columns, for keyboard reordering by arrow up/down keys.\n */\nconst getReferenceItemIndex = (\n  eventKey: string,\n  isRtl: boolean,\n  currentItemIndex: number,\n  lastIndex: number,\n  columns?: number\n) => {\n  const leftDropIndex = currentItemIndex > 0 ? currentItemIndex - 1 : 0;\n  const rightDropIndex = currentItemIndex < lastIndex ? currentItemIndex + 1 : lastIndex;\n  switch (eventKey) {\n    case 'ArrowLeft':\n      return isRtl ? rightDropIndex : leftDropIndex;\n    case 'ArrowRight':\n      return isRtl ? leftDropIndex : rightDropIndex;\n    case 'ArrowUp':\n      if (columns) {\n        // if the current item is at the top row, arrow up should not move anywhere\n        return currentItemIndex < columns ? currentItemIndex : currentItemIndex - columns;\n      }\n    case 'ArrowDown':\n      if (columns) {\n        // if the current item is at the bottom row, arrow down should not move anywhere\n        return currentItemIndex > lastIndex - columns\n          ? currentItemIndex\n          : currentItemIndex + columns;\n      }\n    default:\n      return undefined;\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useState, useRef, useCallback, useEffect } from 'preact/hooks';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { createDragImage } from '#utils/PRIVATE_dndUtils';\nimport { getKey, getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { ReorderableItemProps } from '#UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableItemStyles.css';\nimport { isKeyDefined } from '#utils/UNSAFE_keys';\n\nexport type useReorderableOptions<K extends string | number> = Omit<\n  ReorderableItemProps<K>,\n  'children'\n> & {\n  isDisabled: boolean;\n  ref: RefObject<HTMLDivElement>;\n  getItem: () => Element | null | undefined; // a function to get the reorderable item\n  setTransferData: (event: DragEvent) => void; // a function to set the transfer data and type\n  itemStyles: {\n    // component specific style for two overlay divs, e.g. component has different gap sizes\n    itemOverlayFront: string;\n    itemOverlayRear: string;\n    itemDragger?: string; // component specific style for drag image\n  };\n  itemSelector: string;\n  isVertical?: boolean; // used when the component is vertical and has one column, e.g. ListView\n};\n\n/**\n * Implements mouse reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderableItem<K extends string | number>(options: useReorderableOptions<K>) {\n  const {\n    isDisabled,\n    dragKey,\n    setDragKey,\n    onReorder,\n    ref,\n    rootRef,\n    itemStyles,\n    getItem,\n    setTransferData,\n    itemSelector,\n    isVertical\n  } = options;\n\n  const [itemKey, setItemKey] = useState<K | undefined>(undefined);\n\n  // 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\n  useEffect(() => {\n    if (ref.current) {\n      const item = getItem();\n      const key = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      setItemKey(key);\n    }\n  }, [dragKey]);\n\n  const [position, setPosition] = useState<'before' | 'after' | undefined>();\n  const pendingPositionRef = useRef<typeof position>();\n  const dragImgRef = useRef<HTMLElement | undefined>(undefined);\n\n  const itemDraggerClasses = classNames([styles.itemDragger, itemStyles.itemDragger]);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  /**\n   * Drag start handler\n   * The data-oj-draggable attribute need to be required and set to true to the target element. This\n   * attribute is used to identify which element can act as drag handles during the drag and drop process.\n   */\n  const handleDragStart = useCallback(\n    (e: DragEvent) => {\n      const item = getItem();\n      let targetElement: HTMLElement | null = e.target as HTMLElement;\n      const currentDragKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n\n      let dragHandle;\n      while (targetElement) {\n        //data-oj-draggable attribute is only to use to draggable element\n        if (targetElement.hasAttribute('data-oj-draggable')) {\n          dragHandle = targetElement;\n          break;\n        } else if (targetElement === item) {\n          break;\n        }\n        targetElement = targetElement.parentElement;\n      }\n\n      if (!dragHandle) {\n        e.preventDefault();\n        e.stopPropagation();\n      } else {\n        if (ref?.current && setDragKey) {\n          dragImgRef.current = createDragImage(ref.current, itemDraggerClasses);\n          if (ref.current !== dragHandle) {\n            e?.dataTransfer?.setDragImage(\n              dragImgRef.current,\n              dragHandle.offsetLeft + dragHandle.offsetWidth / 2,\n              dragHandle.offsetTop + dragHandle.offsetHeight / 2\n            );\n          } else {\n            e?.dataTransfer?.setDragImage(\n              dragImgRef.current,\n              dragHandle.offsetWidth / 2,\n              dragHandle.offsetHeight / 2\n            );\n          }\n          setTransferData(e);\n          setDragKey(currentDragKey as K);\n        }\n      }\n    },\n    [getItem, setTransferData, itemDraggerClasses, ref, setDragKey]\n  );\n\n  const handleDragOver = useCallback(\n    (e: DragEvent) => {\n      if (isKeyDefined(dragKey)) {\n        e.preventDefault();\n      }\n    },\n    [dragKey]\n  );\n\n  //Once drag is over, reset styling of dragged item to it's original styling\n  const handleDragEnd = useCallback(() => {\n    setDragKey?.(undefined);\n    document.body.removeChild(dragImgRef.current as HTMLElement);\n  }, [setDragKey]);\n\n  // detect drop target position on the overlay divs and render drop target\n  const handleDragEnterBeforeZone = () => {\n    setPosition('before');\n    pendingPositionRef.current = 'before';\n  };\n\n  const handleDragLeaveBeforeZone = () => {\n    if (pendingPositionRef.current === 'before') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDragEnterAfterZone = () => {\n    setPosition('after');\n    pendingPositionRef.current = 'after';\n  };\n\n  const handleDragLeaveAfterZone = () => {\n    if (pendingPositionRef.current === 'after') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDrop = useCallback(() => {\n    if (rootRef?.current) {\n      const item = getItem();\n      const currentDropKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      const reference = currentDropKey;\n      const itemKeys = getItemKeysArray(rootRef.current, itemSelector);\n      let insertPos;\n      const newArray = [...itemKeys];\n      const dragIndex = newArray.indexOf(dragKey);\n      if (reference != null) {\n        const dropIndex = newArray.indexOf(reference);\n        if (dragIndex != null && dropIndex != null && dragIndex != dropIndex) {\n          if (!isRtl) {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex - 1 : dropIndex;\n            } else {\n              insertPos = position === 'before' ? dropIndex : dropIndex + 1;\n            }\n          } else {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex : dropIndex - 1;\n            } else {\n              insertPos = position === 'before' ? dropIndex + 1 : dropIndex;\n            }\n          }\n        }\n      }\n      if (insertPos !== undefined && dragIndex !== insertPos) {\n        const sourceData = itemKeys[dragIndex];\n        newArray.splice(dragIndex, 1);\n        newArray.splice(insertPos as number, 0, sourceData);\n        onReorder?.({\n          reorderedKeys: newArray as K[],\n          itemKeys: [dragKey as K],\n          // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n          referenceKey: insertPos === 0 ? null : (newArray[insertPos - 1] as K)\n        });\n        setPosition(undefined);\n        setDragKey?.(undefined);\n      }\n    }\n  }, [dragKey, position, getItem, isRtl, itemSelector, onReorder, rootRef, setDragKey]);\n\n  if (isDisabled) {\n    return {};\n  }\n\n  //change dragged item visual to appear disable\n  const isDragged = itemKey != null && itemKey === dragKey;\n\n  const dndItemClasses = classNames([styles.itemDnd, isDragged && styles.itemDragged]);\n\n  const itemOverlayClassesBefore = classNames([\n    itemStyles.itemOverlayFront,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'before' && styles.itemOverlayBefore,\n    position === 'before' && isRtl && styles.itemOverlayBeforeRtl\n  ]);\n  const itemOverlayClassesAfter = classNames([\n    itemStyles.itemOverlayFront,\n    itemStyles.itemOverlayRear,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'after' && styles.itemOverlayAfter,\n    position === 'after' && isRtl && styles.itemOverlayAfterRtl\n  ]);\n\n  return {\n    rootProps: mergeProps({\n      ref: ref,\n      onDragStart: handleDragStart,\n      onDragEnd: handleDragEnd,\n      onDragOver: handleDragOver,\n      onDrop: handleDrop,\n      isDisabled: isDisabled,\n      class: dndItemClasses\n    }),\n    isDragged: isDragged,\n    overlayZoneBeforeProps: mergeProps({\n      onDragEnter: handleDragEnterBeforeZone,\n      onDragLeave: handleDragLeaveBeforeZone,\n      class: itemOverlayClassesBefore\n    }),\n    overlayZoneAfterProps: mergeProps({\n      onDragEnter: handleDragEnterAfterZone,\n      onDragLeave: handleDragLeaveAfterZone,\n      class: itemOverlayClassesAfter\n    })\n  } as const;\n}\n"],"names":[],"mappings":"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"}

package/es/{useRovingTabIndexContainer-c0356f5d.js → useRovingTabIndexContainer-5992e107.js}

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { useRef, useState, useEffect } from 'preact/hooks';
-import { u as useUser } from './useUser-e543b73c.js';
+import { u as useUser } from './useUser-06d34d19.js';
 import { g as getClientHints } from './clientHints-a42b510c.js';
 
 /**
@@ -103,4 +103,4 @@ const getNextItem = (items, eventCode, focusedId, isRtl) => {
 };
 
 export { useRovingTabIndexContainer as u };
-//# sourceMappingURL=useRovingTabIndexContainer-c0356f5d.js.map
+//# sourceMappingURL=useRovingTabIndexContainer-5992e107.js.map