@oracle/oraclejet-preact 14.0.0

package/es/hooks/UNSAFE_useTextFieldInputHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useTextFieldInputHandlers.js","sources":["../../../src/hooks/UNSAFE_useTextFieldInputHandlers/useTextFieldInputHandlers.ts"],"sourcesContent":["import { useCallback, useReducer, useRef } from 'preact/hooks';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\nimport { ValueUpdateDetail } from '../../utils/UNSAFE_valueUpdateDetail';\n\ntype TextFieldInputProps = {\n  currentCommitValue?: string;\n  value?: string;\n  onInput?: (detail: ValueUpdateDetail<string>) => void;\n  onCommit?: (detail: ValueUpdateDetail<string>) => void;\n  onKeyDown?: (event: KeyboardEvent) => void;\n};\n\nexport function useTextFieldInputHandlers({\n  currentCommitValue,\n  value,\n  onInput,\n  onCommit,\n  onKeyDown\n}: TextFieldInputProps) {\n  const isComposing = useRef(false);\n\n  // preactjs/preact #1899 - https://github.com/preactjs/preact/issues/1899\n  // Preact does not force the native input to be controlled, so we need to\n  // trigger a rerender in order to keep it fully controlled.\n  // Force update hack is from https://reactjs.org/docs/hooks-faq.html#is-there-something-like-forceupdate\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n\n  // TODO: Currently, this assumes that the input field is a text field\n  // so that the change event can be simulated by capturing blur and enter keydown\n  // event. We might have to make this generic to handle other input types\n  // as well like radio, select, checkbox.\n  const handleChange = useCallback(\n    (event: Event) => {\n      const currentValue = (event.target as HTMLInputElement).value;\n      // When do we *not* want to call onCommit?\n      // When the input's value\n      // is the same as the currentCommitValue (like if the user hits Enter over and over,\n      // or if the user focuses and blurs over and over).\n      // Or when the component's value is programmatically changed.\n      // (currentCommitValue is updated whenever we commit or get a programmatic change.\n      // See component code and useCurrentValueReducer hook)\n\n      // We only need to trigger an onCommit for user interacted changes, not programmatic changes\n      if (currentCommitValue !== currentValue) {\n        onCommit?.({ previousValue: currentCommitValue, value: currentValue });\n      }\n    },\n    [onCommit, currentCommitValue]\n  );\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      onKeyDown?.(event);\n\n      if (event.key === 'Enter') {\n        handleChange(event);\n      }\n    },\n    [handleChange, onKeyDown]\n  );\n  const handleCompositionStart = useCallback(() => {\n    isComposing.current = true;\n  }, []);\n  const handleCompositionEnd = useCallback((event: Event) => {\n    isComposing.current = false;\n    // On some browsers, compositionend event is fired before the final input event,\n    // while it's the other way around on other browsers. Just call handleInput here\n    // anyway since handleInput will compare the value before actually calling it.\n    // When all browsers support the input event's isComposing property, we can use that.\n    // https://w3c.github.io/uievents/#dom-inputevent-iscomposing\n    handleInput(event);\n  }, []);\n  const handleInput = useCallback(\n    (event: Event) => {\n      // In android device we need to update input value even for composition events\n      // See JET-39086 for more details.\n      if (isComposing.current && getClientHints().platform !== 'android') return;\n\n      const newValue = (event.target as HTMLInputElement).value;\n      if (value === newValue) return;\n\n      onInput?.({ previousValue: value, value: newValue });\n\n      // preactjs/preact #1899 - https://github.com/preactjs/preact/issues/1899\n      // Preact does not force the native input to be controlled, so we need to\n      // trigger a rerender in order to keep it fully controlled.\n      // Force a rerender here, so if the value was not pushed back, the input\n      // will be reset to the old value mimicking a controlled input.\n      // One minor issue here is that the cursor position will also be reverted\n      // back to the end due to the forced value update. But this behavior should\n      // be fine as it happens in our oj-input-text as well.\n      forceUpdate(null);\n    },\n    [value, onInput]\n  );\n\n  return {\n    // With preact/compat, we will not have an onChange event.\n    // \"If you're using preact/compat, most onChange events are internally converted to onInput\n    // to emulate React's behavior. This is one of the tricks we use to ensure maximum\n    // compatibility with the React ecosystem.\"\n    // Since we need the onChange event, we will be simulating this to match the native event\n    // as best as we can. To do this, we will be capturing `blur` event and Enter `keydown` event.\n    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event\n    onBlur: handleChange,\n    onKeyDown: handleKeyDown,\n    // Since, preact does not support onCompositionStart and onCompositionEnd events\n    // we need to use all lowercase event name to use the native DOM events. Also,\n    // currently we do not have any need for the event object in these two handlers\n    // so ignored the arguments here.\n    oncompositionstart: handleCompositionStart,\n    oncompositionend: handleCompositionEnd,\n    onInput: handleInput\n  };\n}\n"],"names":[],"mappings":";;;;AAYgB,SAAA,yBAAyB,CAAC,EACxC,kBAAkB,EAClB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACW,EAAA;AACpB,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;;;;;AAMlC,IAAA,MAAM,GAAG,WAAW,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;;;;;AAMpD,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAY,KAAI;AACf,QAAA,MAAM,YAAY,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;;;;;;;;;QAU9D,IAAI,kBAAkB,KAAK,YAAY,EAAE;AACvC,YAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,CAAG,EAAE,aAAa,EAAE,kBAAkB,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;AACxE,SAAA;AACH,KAAC,EACD,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAC/B,CAAC;AACF,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAoB,KAAI;AACvB,QAAA,SAAS,aAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAG,KAAK,CAAC,CAAC;AAEnB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzB,YAAY,CAAC,KAAK,CAAC,CAAC;AACrB,SAAA;AACH,KAAC,EACD,CAAC,YAAY,EAAE,SAAS,CAAC,CAC1B,CAAC;AACF,IAAA,MAAM,sBAAsB,GAAG,WAAW,CAAC,MAAK;AAC9C,QAAA,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;KAC5B,EAAE,EAAE,CAAC,CAAC;AACP,IAAA,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,KAAY,KAAI;AACxD,QAAA,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;;;;;;QAM5B,WAAW,CAAC,KAAK,CAAC,CAAC;KACpB,EAAE,EAAE,CAAC,CAAC;AACP,IAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAY,KAAI;;;QAGf,IAAI,WAAW,CAAC,OAAO,IAAI,cAAc,EAAE,CAAC,QAAQ,KAAK,SAAS;YAAE,OAAO;AAE3E,QAAA,MAAM,QAAQ,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QAC1D,IAAI,KAAK,KAAK,QAAQ;YAAE,OAAO;AAE/B,QAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAG,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;;;;;;;;;QAUrD,WAAW,CAAC,IAAI,CAAC,CAAC;AACpB,KAAC,EACD,CAAC,KAAK,EAAE,OAAO,CAAC,CACjB,CAAC;IAEF,OAAO;;;;;;;;AAQL,QAAA,MAAM,EAAE,YAAY;AACpB,QAAA,SAAS,EAAE,aAAa;;;;;AAKxB,QAAA,kBAAkB,EAAE,sBAAsB;AAC1C,QAAA,gBAAgB,EAAE,oBAAoB;AACtC,QAAA,OAAO,EAAE,WAAW;KACrB,CAAC;AACJ;;;;;;;"}

package/es/hooks/UNSAFE_useTheme.js

@@ -0,0 +1,30 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+import { useContext } from 'preact/hooks';
+import { EnvironmentContext } from '../UNSAFE_Environment.js';
+import 'preact';
+import 'preact/jsx-runtime';
+import '../UNSAFE_Layer.js';
+import 'preact/compat';
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+function useTheme() {
+    return useContext(EnvironmentContext).theme;
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+export { useTheme };
+/*  */
+//# sourceMappingURL=UNSAFE_useTheme.js.map

package/es/hooks/UNSAFE_useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useTheme.js","sources":["../../../src/hooks/UNSAFE_useTheme/useTheme.ts","../../../src/hooks/UNSAFE_useTheme/index.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 */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useTheme() {\n  return useContext(EnvironmentContext).theme;\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 */\nexport { useTheme } from './useTheme';\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;AAMG;SAIa,QAAQ,GAAA;AACtB,IAAA,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC;AAC9C;;ACZA;;;;;;AAMG;;;;;;;"}

package/es/hooks/UNSAFE_useTimer.js

@@ -0,0 +1,59 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+import { useRef, useState, useEffect } from 'preact/hooks';
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Hook for a timer.
+ * @param isStarted Specifies whether the timer should be started: true to start it, false to stop
+ * it.
+ * @param delay Specifies the delay after which the timer should expire.
+ * @returns True if the timer expires, false if it was stopped before that.
+ *
+ */
+function useTimer({ isStarted, delay = 0 }) {
+    const timeoutId = useRef(null);
+    const [isExpired, setExpired] = useState(false);
+    useEffect(() => {
+        if (!isStarted) {
+            // if not started, clear the current timeout
+            if (timeoutId.current) {
+                clearTimeout(timeoutId.current);
+                timeoutId.current = null;
+            }
+            setExpired(false);
+        }
+        else {
+            // if started, only create a new timeout if we don't already have one
+            if (!timeoutId.current) {
+                timeoutId.current = setTimeout(() => {
+                    setExpired(true);
+                }, delay);
+            }
+        }
+        return () => {
+            if (timeoutId.current) {
+                clearTimeout(timeoutId.current);
+                timeoutId.current = null;
+            }
+        };
+    }, [isStarted, delay]);
+    return isExpired;
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+export { useTimer };
+/*  */
+//# sourceMappingURL=UNSAFE_useTimer.js.map

package/es/hooks/UNSAFE_useTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useTimer.js","sources":["../../../src/hooks/UNSAFE_useTimer/useTimer.ts","../../../src/hooks/UNSAFE_useTimer/index.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\nimport { useEffect, useRef, useState } from 'preact/hooks';\n\ntype Props = {\n  isStarted: boolean;\n  delay?: number;\n};\n\n/**\n * Hook for a timer.\n * @param isStarted Specifies whether the timer should be started: true to start it, false to stop\n * it.\n * @param delay Specifies the delay after which the timer should expire.\n * @returns True if the timer expires, false if it was stopped before that.\n *\n */\nexport function useTimer({ isStarted, delay = 0 }: Props): boolean {\n  const timeoutId = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [isExpired, setExpired] = useState(false);\n  useEffect(() => {\n    if (!isStarted) {\n      // if not started, clear the current timeout\n      if (timeoutId.current) {\n        clearTimeout(timeoutId.current);\n        timeoutId.current = null;\n      }\n      setExpired(false);\n    } else {\n      // if started, only create a new timeout if we don't already have one\n      if (!timeoutId.current) {\n        timeoutId.current = setTimeout(() => {\n          setExpired(true);\n        }, delay);\n      }\n    }\n    return () => {\n      if (timeoutId.current) {\n        clearTimeout(timeoutId.current);\n        timeoutId.current = null;\n      }\n    };\n  }, [isStarted, delay]);\n\n  return isExpired;\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 */\nexport { useTimer } from './useTimer';\n"],"names":[],"mappings":";;;AAAA;;;;;;AAMG;AASH;;;;;;;AAOG;AACG,SAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAS,EAAA;AACtD,IAAA,MAAM,SAAS,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACrE,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,SAAS,EAAE;;YAEd,IAAI,SAAS,CAAC,OAAO,EAAE;AACrB,gBAAA,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AAChC,gBAAA,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;AAC1B,aAAA;YACD,UAAU,CAAC,KAAK,CAAC,CAAC;AACnB,SAAA;AAAM,aAAA;;AAEL,YAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;AACtB,gBAAA,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;oBAClC,UAAU,CAAC,IAAI,CAAC,CAAC;iBAClB,EAAE,KAAK,CAAC,CAAC;AACX,aAAA;AACF,SAAA;AACD,QAAA,OAAO,MAAK;YACV,IAAI,SAAS,CAAC,OAAO,EAAE;AACrB,gBAAA,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AAChC,gBAAA,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;AAC1B,aAAA;AACH,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;AAEvB,IAAA,OAAO,SAAS,CAAC;AACnB;;ACnDA;;;;;;AAMG;;;;;;;"}

package/es/hooks/UNSAFE_useToggle.js

@@ -0,0 +1,32 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+import { useState, useMemo } from 'preact/hooks';
+
+/**
+ * useToggle is a state toggle hook
+ *
+ * @param defaultValue
+ * @returns
+ */
+function useToggle(defaultValue = false) {
+    const [bool, setBool] = useState(defaultValue);
+    const toggleHandlers = useMemo(() => {
+        return {
+            toggle: () => setBool((x) => !x),
+            setTrue: () => setBool(true),
+            setFalse: () => setBool(false)
+        };
+    }, []);
+    return Object.assign({ bool }, toggleHandlers);
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+export { useToggle };
+/*  */
+//# sourceMappingURL=UNSAFE_useToggle.js.map

package/es/hooks/UNSAFE_useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useToggle.js","sources":["../../../src/hooks/UNSAFE_useToggle/useToggle.ts","../../../src/hooks/UNSAFE_useToggle/index.ts"],"sourcesContent":["import { useState, useMemo } from 'preact/hooks';\n\n/**\n * useToggle is a state toggle hook\n *\n * @param defaultValue\n * @returns\n */\n\nexport function useToggle(defaultValue = false) {\n  const [bool, setBool] = useState(defaultValue);\n  const toggleHandlers = useMemo(() => {\n    return {\n      toggle: () => setBool((x) => !x),\n      setTrue: () => setBool(true),\n      setFalse: () => setBool(false)\n    };\n  }, []);\n\n  return {\n    bool,\n    ...toggleHandlers\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 */\nexport { useToggle } from './useToggle';\n"],"names":[],"mappings":";;;AAEA;;;;;AAKG;AAEa,SAAA,SAAS,CAAC,YAAY,GAAG,KAAK,EAAA;IAC5C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;AAC/C,IAAA,MAAM,cAAc,GAAG,OAAO,CAAC,MAAK;QAClC,OAAO;AACL,YAAA,MAAM,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAChC,YAAA,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC;AAC5B,YAAA,QAAQ,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC;SAC/B,CAAC;KACH,EAAE,EAAE,CAAC,CAAC;IAEP,OACE,MAAA,CAAA,MAAA,CAAA,EAAA,IAAI,EACD,EAAA,cAAc,CACjB,CAAA;AACJ;;ACvBA;;;;;;AAMG;;;;;;;"}

package/es/hooks/UNSAFE_useTooltip.css

@@ -0,0 +1,4 @@
+._1071n2l{display:flex;align-items:flex-end;overflow-y:hidden;}
+.c3xikh{opacity:0;max-height:0;}
+._1ntmaqk{color:var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-text-color);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-bg-color);white-space:nowrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-padding-vertical);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-padding-horizontal);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-padding-horizontal);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-padding-vertical);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-border-radius);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-border-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-font-size);border-width:var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-border-width);border-style:solid;}
+._16rlniq{--oj-c-PRIVATE-DO-NOT-USE-tooltip-bg-color:rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0));--oj-c-PRIVATE-DO-NOT-USE-tooltip-text-color:rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190));--oj-c-PRIVATE-DO-NOT-USE-tooltip-padding-vertical:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);--oj-c-PRIVATE-DO-NOT-USE-tooltip-border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);--oj-c-PRIVATE-DO-NOT-USE-tooltip-border-color:rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190),0.65);--oj-c-PRIVATE-DO-NOT-USE-tooltip-font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);}

package/es/hooks/UNSAFE_useTooltip.js

@@ -0,0 +1,368 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+import { useRef, useEffect, useState, useCallback, useLayoutEffect } from 'preact/hooks';
+import { jsx } from 'preact/jsx-runtime';
+import { useId } from './UNSAFE_useId.js';
+import { Floating } from '../UNSAFE_Floating.js';
+import { Layer } from '../UNSAFE_Layer.js';
+import { useHover } from './UNSAFE_useHover.js';
+import { useFocus } from './UNSAFE_useFocus.js';
+import { useTouch } from './UNSAFE_useTouch.js';
+import { mergeProps } from '../utils/UNSAFE_mergeProps.js';
+import { stringLiteralArray } from '../utils/UNSAFE_arrayUtils.js';
+import { _ as __rest } from '../tslib.es6-8b94ba02.js';
+import { useAnimation } from './UNSAFE_useAnimation.js';
+import "./UNSAFE_useTooltip.css";
+import { classNames } from '../utils/UNSAFE_classNames.js';
+import 'preact/compat';
+import '../index-14bba6f7.js';
+import './UNSAFE_useUser.js';
+import '../UNSAFE_Environment.js';
+import 'preact';
+import '../utils/PRIVATE_floatingUtils.js';
+import '../utils/PRIVATE_refUtils.js';
+import './UNSAFE_useOutsideClick.js';
+import './UNSAFE_useToggle.js';
+
+const styles = {
+  wrapper: "_1071n2l",
+  inner: "c3xikh",
+  base: "_1ntmaqk",
+  datatip: "_16rlniq"
+};
+const TooltipContent = _a => {
+  var {
+    children,
+    isOpen,
+    isDatatip,
+    onTransitionEnd
+  } = _a,
+      props = __rest(_a, ["children", "isOpen", "isDatatip", "onTransitionEnd"]);
+
+  const uniqueID = useId();
+  const wrapperRef = useRef(null);
+  const popoverRef = useRef(null);
+  const {
+    nodeRef
+  } = useAnimation(isOpen ? 'mounted' : 'unmounted', {
+    animationStates: {
+      mounted: _node => {
+        const childNode = _node.firstChild;
+        return {
+          from: {
+            maxHeight: '0',
+            opacity: '0%'
+          },
+          to: {
+            maxHeight: `${childNode === null || childNode === void 0 ? void 0 : childNode.offsetHeight}px`,
+            opacity: isDatatip ? '100%' : '95%'
+          },
+          options: {
+            duration: isDatatip ? 1 : 100,
+            easing: [0.0, 0.0, 0.2, 1]
+          }
+        };
+      },
+      unmounted: _node => {
+        return {
+          from: {
+            opacity: isDatatip ? '100%' : '95%'
+          },
+          to: {
+            maxHeight: '0',
+            opacity: '0%'
+          },
+          options: {
+            duration: isDatatip ? 1 : 100,
+            easing: [0.0, 0.0, 0.2, 1]
+          }
+        };
+      }
+    },
+    isAnimatedOnMount: true,
+    onAnimationEnd: () => onTransitionEnd === null || onTransitionEnd === void 0 ? void 0 : onTransitionEnd()
+  }); // Set up initial wrapper height so Tooltip can animate from the bottom to the top
+
+  useEffect(() => {
+    var _a, _b;
+
+    if (wrapperRef.current && ((_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight)) {
+      wrapperRef.current.style.height = `${(_b = popoverRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight}px`;
+    }
+  }, []);
+  return jsx("div", Object.assign({
+    ref: wrapperRef,
+    id: uniqueID,
+    role: "tooltip",
+    class: styles.wrapper
+  }, {
+    children: jsx("div", Object.assign({
+      ref: nodeRef,
+      class: classNames([styles.inner])
+    }, props, {
+      children: jsx("div", Object.assign({
+        ref: popoverRef,
+        class: classNames([styles.base, isDatatip ? styles.datatip : ''])
+      }, {
+        children: children
+      }))
+    }))
+  }));
+};
+
+const positions = stringLiteralArray([
+    'start',
+    'top-start',
+    'top',
+    'top-end',
+    'end',
+    'bottom-end',
+    'bottom',
+    'bottom-start'
+]);
+const positionToPlacement = (position) => {
+    let placement = 'bottom';
+    switch (position) {
+        case 'top':
+        case 'end':
+        case 'bottom':
+        case 'start':
+            placement = position;
+            break;
+        case 'top-end':
+            placement = 'top-end-corner';
+            break;
+        case 'bottom-end':
+            placement = 'bottom-end-corner';
+            break;
+        case 'bottom-start':
+            placement = 'bottom-start-corner';
+            break;
+        case 'top-start':
+            placement = 'top-start-corner';
+            break;
+    }
+    return placement;
+};
+const anchorTos = stringLiteralArray(['element', 'pointer']);
+const useTooltipControlled = ({ text, isOpen = false, variant = 'tooltip', position = 'bottom', isDisabled = false, anchor = { x: 'element', y: 'element' }, offset = { mainAxis: 0, crossAxis: 0 }, onToggle }) => {
+    const disabled = isDisabled || !text;
+    const isInitialRenderState = useRef(true);
+    const [state, setState] = useState(!disabled && isOpen ? 'mounting' : 'unmounted');
+    const [needsUpdate, setNeedsUpdate] = useState(false);
+    setNeedsUpdate(false);
+    const isDatatip = variant === 'datatip';
+    const isInitialRenderTrigger = useRef(true);
+    const { hoverProps, isHover } = useHover({ isDisabled });
+    const { touchProps, isTouch } = useTouch({ isDisabled }); // TODO replace by useLongPress actionhook
+    // we only care about keyboard focus, don't enable useFocus hook if isHover or isTouch are active
+    const { focusProps, isFocus } = useFocus({ isDisabled: isHover || isTouch });
+    const { hoverProps: popoverHoverProps, isHover: popoverIsHover } = useHover({ isDisabled });
+    const isPointer = anchor.x === 'pointer' || anchor.y === 'pointer';
+    const uniqueID = useId();
+    const targetRef = useRef(null);
+    const coordsRef = useRef({ x: 0, y: 0 });
+    // if anchor is set to pointer and target does not have keyboard focus, use coords
+    const usedRef = isPointer && !isFocus ? coordsRef : targetRef;
+    const delay = isDatatip ? 0 : 250;
+    const toggleTimeoutRef = useRef(null);
+    const updateTimeoutRef = useRef(null);
+    const toggleTimeoutClear = () => {
+        if (toggleTimeoutRef.current) {
+            clearTimeout(toggleTimeoutRef.current);
+        }
+    };
+    const updateTimeoutClear = () => {
+        if (updateTimeoutRef.current) {
+            clearTimeout(updateTimeoutRef.current);
+        }
+    };
+    const updateState = useCallback((open) => {
+        if (open) {
+            // At least one toggle event is set to true
+            switch (state) {
+                case 'unmounting':
+                case 'unmounted':
+                    setState('mountPending'); // Set mount pending state if tooltip is unmounted or in unmounting transition
+                    break;
+                case 'unmountPending':
+                    toggleTimeoutClear();
+                    setState('mounted'); // Clear timers immediately and keep the tooltip mounted
+                    break;
+            }
+        }
+        else {
+            // No toggle events are set to true
+            switch (state) {
+                case 'mounting':
+                case 'mounted':
+                    setState('unmountPending'); // Set unmount pending state if tooltip is mounted or in mounting transition
+                    break;
+                case 'mountPending':
+                    toggleTimeoutClear();
+                    setState('unmounted'); // Unmount tooltip immediately if mounting is pending
+                    break;
+            }
+        }
+    }, [state]);
+    useEffect(() => {
+        if (isInitialRenderState.current) {
+            // On onitial render do not trigger rerender
+            isInitialRenderState.current = false;
+            return;
+        }
+        setState(isOpen ? 'mounting' : 'unmounting');
+    }, [isOpen]);
+    useEffect(() => {
+        if (isInitialRenderTrigger.current) {
+            // On onitial render do not trigger rerender
+            isInitialRenderTrigger.current = false;
+            return;
+        }
+        // When pointer is used, handleMouseMove method is responsible for state updates
+        // until the tooltip is mounted
+        if (isPointer && isHover && state === 'unmounted') {
+            return;
+        }
+        updateTimeoutClear();
+        // isHover and popoverIsHover may change rapidly as the pointer moves between the target
+        // and tooltip. Need to wait for changes to settle to avoid flashing.
+        updateTimeoutRef.current = setTimeout(() => {
+            updateState(isHover || isFocus || popoverIsHover || isTouch);
+        }, 20);
+    }, [isHover, isFocus, popoverIsHover, isTouch, isPointer, state, updateState]);
+    /*
+     In some cases, several state transitions can occur at once. Due to the asynchronous nature
+     of hooks, this can create a race condition. For example, when the cursor leaves the target
+     element and immediately moves to the tooltip itself, the following sequence occurs:
+     1. isHover is set to false and a new render is triggered
+     2. The state is set to 'unmountPending' and a new render is triggered
+     3. Pending timeout is set
+     4. isHover is set to true and a new render is triggered
+     5. Pending timeout is cleared
+     However, sometimes the timeout is cleared before it is set. The useLayoutEffect prevents this
+     race condition by always scheduling the timeout synchronously.
+    */
+    useLayoutEffect(() => {
+        if (state === 'mountPending' || state === 'unmountPending') {
+            toggleTimeoutRef.current = setTimeout(() => onToggle === null || onToggle === void 0 ? void 0 : onToggle({ value: state === 'mountPending' }), delay);
+        }
+    }, [state, delay, onToggle]);
+    const handleMouseMove = (event) => {
+        var _a;
+        // we only want track mouse move while the state is 'unmounted' or when moving a 'mounted' datatip
+        if (state !== 'unmounted' && !(variant === 'datatip' && state === 'mounted')) {
+            return;
+        }
+        const targetRect = (_a = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        // Tooltip maintains static offset from left side of window
+        const distanceX = document.body.scrollLeft + ((targetRect === null || targetRect === void 0 ? void 0 : targetRect.left) || 0) + ((targetRect === null || targetRect === void 0 ? void 0 : targetRect.width) || 0);
+        // Tooltip maintains static offset from top side of the window
+        const distanceY = document.body.scrollTop + ((targetRect === null || targetRect === void 0 ? void 0 : targetRect.top) || 0) + ((targetRect === null || targetRect === void 0 ? void 0 : targetRect.height) || 0);
+        // Display tooltip at the mouse position if both anchors are set to pointer
+        const x = anchor.x === 'pointer' ? event.clientX : distanceX;
+        const y = anchor.y === 'pointer' ? event.clientY : distanceY;
+        if (state === 'mounted') {
+            coordsRef.current = { x, y };
+            if (needsUpdate !== true)
+                setNeedsUpdate(true);
+        }
+        else if (state === 'unmounted') {
+            toggleTimeoutClear();
+            toggleTimeoutRef.current = setTimeout(() => {
+                if (state === 'unmounted') {
+                    coordsRef.current = { x, y };
+                    onToggle === null || onToggle === void 0 ? void 0 : onToggle({ value: true });
+                }
+            }, delay);
+        }
+    };
+    const focusInitProps = {
+        onFocus: (event) => {
+            if (event.eventPhase === Event.AT_TARGET ||
+                (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)) {
+                targetRef.current = event.target;
+            }
+        }
+    };
+    let actionableProps;
+    if (disabled) {
+        actionableProps = mergeProps(focusProps, focusInitProps);
+    }
+    else {
+        const anchorInitProps = Object.assign({ 'aria-describedby': uniqueID, onMouseEnter: (event) => {
+                if (event.eventPhase === Event.AT_TARGET ||
+                    (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)) {
+                    targetRef.current = event.target;
+                }
+            } }, (isPointer && {
+            onMouseLeave: () => {
+                if (state === 'mounting') {
+                    return;
+                }
+                toggleTimeoutClear();
+            },
+            onMouseMove: (event) => {
+                if (event.eventPhase === Event.AT_TARGET ||
+                    (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)) {
+                    handleMouseMove(event);
+                }
+            }
+        }));
+        actionableProps = mergeProps(hoverProps, focusProps, touchProps, focusInitProps, anchorInitProps);
+    }
+    // No need to process tooltip if disabled or no text is provided
+    // Include actionableProps to detect mouseenter in components
+    // hovered state won't update unless actionableProps are already present in the component when mouse enters
+    if (disabled) {
+        toggleTimeoutClear();
+        return {
+            tooltipContent: null,
+            tooltipProps: actionableProps
+        };
+    }
+    const placement = positionToPlacement(position);
+    const handleTransitionEnd = () => {
+        if (state === 'mounting') {
+            setState('mounted');
+        }
+        if (state === 'unmounting') {
+            setState('unmounted');
+        }
+    };
+    const renderContent = (jsx(Layer, Object.assign({ logicalParentRef: targetRef }, { children: jsx(Floating, Object.assign({ anchorRef: usedRef, placement: placement, offsetValue: offset }, { children: jsx(TooltipContent, Object.assign({ isOpen: ['mounting', 'mounted', 'unmountPending'].includes(state) }, popoverHoverProps, { isDatatip: isDatatip, onTransitionEnd: handleTransitionEnd }, { children: text })) })) })));
+    return {
+        tooltipContent: !['unmounted', 'mountPending'].includes(state) && renderContent,
+        tooltipProps: actionableProps
+    };
+};
+
+const useTooltip = ({ text, position = 'bottom', isDisabled = false, anchor = { x: 'element', y: 'element' }, offset = { mainAxis: 0, crossAxis: 0 }, variant = 'tooltip' }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const disabled = isDisabled || !text;
+    const { tooltipContent, tooltipProps } = useTooltipControlled({
+        text,
+        isOpen,
+        position,
+        isDisabled: disabled,
+        offset,
+        anchor,
+        variant,
+        onToggle: ({ value }) => setIsOpen(value)
+    });
+    return {
+        tooltipContent,
+        tooltipProps
+    };
+};
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+export { useTooltip, useTooltipControlled };
+/*  */
+//# sourceMappingURL=UNSAFE_useTooltip.js.map

package/es/hooks/UNSAFE_useTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useTooltip.js","sources":["../../../src/hooks/UNSAFE_useTooltip/TooltipContent.tsx","../../../src/hooks/UNSAFE_useTooltip/useTooltipControlled.tsx","../../../src/hooks/UNSAFE_useTooltip/useTooltip.tsx","../../../src/hooks/UNSAFE_useTooltip/index.ts"],"sourcesContent":["import { useAnimation } from '../UNSAFE_useAnimation';\nimport { useId } from '../UNSAFE_useId';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../../utils/UNSAFE_classNames';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { HTMLAttributesSignalExcluded } from '../../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Status = 'mounted' | 'unmounted';\n\ntype ContentProps = IntrinsicProps & {\n  isOpen: boolean;\n  isDatatip: boolean;\n  onTransitionEnd: () => void;\n};\n\nconst styles = {\n  wrapper: cssProps`${{\n    display: 'flex',\n    alignItems: 'flex-end',\n    overflowY: 'hidden'\n  }}`,\n  inner: cssProps`${{\n    opacity: '0',\n    maxHeight: '0'\n  }}`,\n  base: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-text-color)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-bg-color)',\n    whiteSpace: 'nowrap',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-padding-vertical)',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-padding-horizontal)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-padding-horizontal)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-padding-vertical)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-border-radius)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-border-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-font-size)',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-tooltip-border-width)',\n    borderStyle: 'solid'\n  }}`,\n  datatip: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-tooltip-bg-color':\n      'rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-0))',\n    '--oj-c-PRIVATE-DO-NOT-USE-tooltip-text-color':\n      'rgb(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190))',\n    '--oj-c-PRIVATE-DO-NOT-USE-tooltip-padding-vertical':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    '--oj-c-PRIVATE-DO-NOT-USE-tooltip-border-radius':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)',\n    '--oj-c-PRIVATE-DO-NOT-USE-tooltip-border-color':\n      'rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-190), 0.65)',\n    '--oj-c-PRIVATE-DO-NOT-USE-tooltip-font-size':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size)'\n  }}`\n};\n\nexport const TooltipContent = ({\n  children,\n  isOpen,\n  isDatatip,\n  onTransitionEnd,\n  ...props\n}: ContentProps) => {\n  const uniqueID = useId();\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(isOpen ? 'mounted' : 'unmounted', {\n    animationStates: {\n      mounted: (_node) => {\n        const childNode = _node.firstChild as HTMLDivElement;\n        return {\n          from: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          to: {\n            maxHeight: `${childNode?.offsetHeight}px`,\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 100,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      },\n      unmounted: (_node) => {\n        return {\n          from: {\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          to: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 100,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      }\n    },\n    isAnimatedOnMount: true,\n    onAnimationEnd: () => onTransitionEnd?.()\n  });\n\n  // Set up initial wrapper height so Tooltip can animate from the bottom to the top\n  useEffect(() => {\n    if (wrapperRef.current && popoverRef.current?.offsetHeight) {\n      wrapperRef.current.style.height = `${popoverRef.current?.offsetHeight}px`;\n    }\n  }, []);\n\n  return (\n    <div ref={wrapperRef} id={uniqueID} role=\"tooltip\" class={styles.wrapper}>\n      <div ref={nodeRef} class={classNames([styles.inner])} {...props}>\n        <div ref={popoverRef} class={classNames([styles.base, isDatatip ? styles.datatip : ''])}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n","import { ComponentChild } from 'preact';\nimport { useState, useRef, useEffect, useLayoutEffect, useCallback } from 'preact/hooks';\nimport { useId } from '../UNSAFE_useId';\nimport { Floating, Placement, Coords } from '../../UNSAFE_Floating';\nimport { Layer } from '../../UNSAFE_Layer';\nimport { useHover } from '../UNSAFE_useHover';\nimport { useFocus } from '../UNSAFE_useFocus';\nimport { useTouch } from '../UNSAFE_useTouch';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport { stringLiteralArray } from '../../utils/UNSAFE_arrayUtils';\nimport { TooltipContent } from './TooltipContent';\n\nexport const positions = stringLiteralArray([\n  'start',\n  'top-start',\n  'top',\n  'top-end',\n  'end',\n  'bottom-end',\n  'bottom',\n  'bottom-start'\n]);\ntype Position = typeof positions[number];\n\nconst positionToPlacement = (position: Position) => {\n  let placement: Placement = 'bottom';\n\n  switch (position) {\n    case 'top':\n    case 'end':\n    case 'bottom':\n    case 'start':\n      placement = position as Placement;\n      break;\n\n    case 'top-end':\n      placement = 'top-end-corner';\n      break;\n\n    case 'bottom-end':\n      placement = 'bottom-end-corner';\n      break;\n\n    case 'bottom-start':\n      placement = 'bottom-start-corner';\n      break;\n\n    case 'top-start':\n      placement = 'top-start-corner';\n      break;\n  }\n\n  return placement;\n};\n\nexport const anchorTos = stringLiteralArray(['element', 'pointer']);\ntype AnchorTo = typeof anchorTos[number];\n\ntype AnchorModel = { x: AnchorTo; y: AnchorTo };\n\ntype Props = {\n  text?: string;\n  variant?: 'tooltip' | 'datatip';\n  isOpen: boolean;\n  position?: Position;\n  isDisabled?: boolean;\n  anchor?: AnchorModel;\n  offset?: { mainAxis?: number; crossAxis?: number };\n  onToggle?: (details: { value: boolean }) => void;\n};\n\n/**\n * The 'mounting' and 'unmounting' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Tooltip content is completely removed\n * from the DOM. The 'mountPending' and 'unmountPending' are used when timeout is active.\n * The 'reposition' state is used to trigger a transition with new coordinates within\n * the same element.\n */\ntype Status =\n  | 'unmounted'\n  | 'mountPending'\n  | 'mounting'\n  | 'mounted'\n  | 'unmountPending'\n  | 'unmounting';\n\nexport const useTooltipControlled = ({\n  text,\n  isOpen = false,\n  variant = 'tooltip',\n  position = 'bottom',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset = { mainAxis: 0, crossAxis: 0 },\n  onToggle\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} => {\n  const disabled = isDisabled || !text;\n  const isInitialRenderState = useRef<boolean>(true);\n  const [state, setState] = useState<Status>(!disabled && isOpen ? 'mounting' : 'unmounted');\n  const [needsUpdate, setNeedsUpdate] = useState<boolean>(false);\n  setNeedsUpdate(false);\n\n  const isDatatip = variant === 'datatip';\n  const isInitialRenderTrigger = useRef<boolean>(true);\n  const { hoverProps, isHover } = useHover({ isDisabled });\n  const { touchProps, isTouch } = useTouch({ isDisabled }); // TODO replace by useLongPress actionhook\n  // we only care about keyboard focus, don't enable useFocus hook if isHover or isTouch are active\n  const { focusProps, isFocus } = useFocus({ isDisabled: isHover || isTouch });\n  const { hoverProps: popoverHoverProps, isHover: popoverIsHover } = useHover({ isDisabled });\n\n  const isPointer = anchor.x === 'pointer' || anchor.y === 'pointer';\n\n  const uniqueID = useId();\n  const targetRef = useRef<HTMLElement | null>(null);\n  const coordsRef = useRef<Coords>({ x: 0, y: 0 });\n  // if anchor is set to pointer and target does not have keyboard focus, use coords\n  const usedRef = isPointer && !isFocus ? coordsRef : targetRef;\n  const delay = isDatatip ? 0 : 250;\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const updateTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const toggleTimeoutClear = () => {\n    if (toggleTimeoutRef.current) {\n      clearTimeout(toggleTimeoutRef.current);\n    }\n  };\n\n  const updateTimeoutClear = () => {\n    if (updateTimeoutRef.current) {\n      clearTimeout(updateTimeoutRef.current);\n    }\n  };\n\n  const updateState = useCallback(\n    (open: boolean) => {\n      if (open) {\n        // At least one toggle event is set to true\n        switch (state) {\n          case 'unmounting':\n          case 'unmounted':\n            setState('mountPending'); // Set mount pending state if tooltip is unmounted or in unmounting transition\n            break;\n          case 'unmountPending':\n            toggleTimeoutClear();\n            setState('mounted'); // Clear timers immediately and keep the tooltip mounted\n            break;\n        }\n      } else {\n        // No toggle events are set to true\n        switch (state) {\n          case 'mounting':\n          case 'mounted':\n            setState('unmountPending'); // Set unmount pending state if tooltip is mounted or in mounting transition\n            break;\n          case 'mountPending':\n            toggleTimeoutClear();\n            setState('unmounted'); // Unmount tooltip immediately if mounting is pending\n            break;\n        }\n      }\n    },\n    [state]\n  );\n\n  useEffect(() => {\n    if (isInitialRenderState.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderState.current = false;\n      return;\n    }\n    setState(isOpen ? 'mounting' : 'unmounting');\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isInitialRenderTrigger.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderTrigger.current = false;\n      return;\n    }\n    // When pointer is used, handleMouseMove method is responsible for state updates\n    // until the tooltip is mounted\n    if (isPointer && isHover && state === 'unmounted') {\n      return;\n    }\n    updateTimeoutClear();\n    // isHover and popoverIsHover may change rapidly as the pointer moves between the target\n    // and tooltip. Need to wait for changes to settle to avoid flashing.\n    updateTimeoutRef.current = setTimeout(() => {\n      updateState(isHover || isFocus || popoverIsHover || isTouch);\n    }, 20);\n  }, [isHover, isFocus, popoverIsHover, isTouch, isPointer, state, updateState]);\n\n  /*\n   In some cases, several state transitions can occur at once. Due to the asynchronous nature\n   of hooks, this can create a race condition. For example, when the cursor leaves the target\n   element and immediately moves to the tooltip itself, the following sequence occurs:\n   1. isHover is set to false and a new render is triggered\n   2. The state is set to 'unmountPending' and a new render is triggered\n   3. Pending timeout is set\n   4. isHover is set to true and a new render is triggered\n   5. Pending timeout is cleared\n   However, sometimes the timeout is cleared before it is set. The useLayoutEffect prevents this\n   race condition by always scheduling the timeout synchronously.\n  */\n  useLayoutEffect(() => {\n    if (state === 'mountPending' || state === 'unmountPending') {\n      toggleTimeoutRef.current = setTimeout(\n        () => onToggle?.({ value: state === 'mountPending' }),\n        delay\n      );\n    }\n  }, [state, delay, onToggle]);\n\n  const handleMouseMove = (event: MouseEvent) => {\n    // we only want track mouse move while the state is 'unmounted' or when moving a 'mounted' datatip\n    if (state !== 'unmounted' && !(variant === 'datatip' && state === 'mounted')) {\n      return;\n    }\n    const targetRect = targetRef?.current?.getBoundingClientRect();\n\n    // Tooltip maintains static offset from left side of window\n    const distanceX = document.body.scrollLeft + (targetRect?.left || 0) + (targetRect?.width || 0);\n\n    // Tooltip maintains static offset from top side of the window\n    const distanceY = document.body.scrollTop + (targetRect?.top || 0) + (targetRect?.height || 0);\n\n    // Display tooltip at the mouse position if both anchors are set to pointer\n    const x = anchor.x === 'pointer' ? event.clientX : distanceX;\n    const y = anchor.y === 'pointer' ? event.clientY : distanceY;\n\n    if (state === 'mounted') {\n      coordsRef.current = { x, y };\n      if (needsUpdate !== true) setNeedsUpdate(true);\n    } else if (state === 'unmounted') {\n      toggleTimeoutClear();\n      toggleTimeoutRef.current = setTimeout(() => {\n        if (state === 'unmounted') {\n          coordsRef.current = { x, y };\n          onToggle?.({ value: true });\n        }\n      }, delay);\n    }\n  };\n\n  const focusInitProps = {\n    onFocus: (event: FocusEvent) => {\n      if (\n        event.eventPhase === Event.AT_TARGET ||\n        (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)\n      ) {\n        targetRef.current = event.target as HTMLElement;\n      }\n    }\n  };\n\n  let actionableProps;\n  if (disabled) {\n    actionableProps = mergeProps(focusProps, focusInitProps);\n  } else {\n    const anchorInitProps = {\n      'aria-describedby': uniqueID,\n      onMouseEnter: (event: MouseEvent) => {\n        if (\n          event.eventPhase === Event.AT_TARGET ||\n          (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)\n        ) {\n          targetRef.current = event.target as HTMLElement;\n        }\n      },\n      ...(isPointer && {\n        onMouseLeave: () => {\n          if (state === 'mounting') {\n            return;\n          }\n          toggleTimeoutClear();\n        },\n        onMouseMove: (event: MouseEvent) => {\n          if (\n            event.eventPhase === Event.AT_TARGET ||\n            (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)\n          ) {\n            handleMouseMove(event);\n          }\n        }\n      })\n    };\n    actionableProps = mergeProps(\n      hoverProps,\n      focusProps,\n      touchProps,\n      focusInitProps,\n      anchorInitProps\n    );\n  }\n\n  // No need to process tooltip if disabled or no text is provided\n  // Include actionableProps to detect mouseenter in components\n  // hovered state won't update unless actionableProps are already present in the component when mouse enters\n  if (disabled) {\n    toggleTimeoutClear();\n    return {\n      tooltipContent: null,\n      tooltipProps: actionableProps\n    };\n  }\n\n  const placement = positionToPlacement(position);\n\n  const handleTransitionEnd = () => {\n    if (state === 'mounting') {\n      setState('mounted');\n    }\n    if (state === 'unmounting') {\n      setState('unmounted');\n    }\n  };\n\n  const renderContent = (\n    <Layer logicalParentRef={targetRef}>\n      <Floating anchorRef={usedRef} placement={placement} offsetValue={offset}>\n        <TooltipContent\n          isOpen={['mounting', 'mounted', 'unmountPending'].includes(state)}\n          {...popoverHoverProps}\n          isDatatip={isDatatip}\n          onTransitionEnd={handleTransitionEnd}>\n          {text}\n        </TooltipContent>\n      </Floating>\n    </Layer>\n  );\n\n  return {\n    tooltipContent: !['unmounted', 'mountPending'].includes(state) && renderContent,\n    tooltipProps: actionableProps\n  };\n};\n","import { useState } from 'preact/hooks';\nimport { useTooltipControlled } from './useTooltipControlled';\n\ntype tooltipParameters = Parameters<typeof useTooltipControlled>[0];\n\ntype Props = {\n  text?: string;\n  position?: tooltipParameters['position'];\n  isDisabled?: boolean;\n  anchor?: tooltipParameters['anchor'];\n  offset?: { mainAxis?: number; crossAxis?: number };\n  variant?: tooltipParameters['variant'];\n};\n\nexport const useTooltip = ({\n  text,\n  position = 'bottom',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset = { mainAxis: 0, crossAxis: 0 },\n  variant = 'tooltip'\n}: Props): ReturnType<typeof useTooltipControlled> => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const disabled = isDisabled || !text;\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text,\n    isOpen,\n    position,\n    isDisabled: disabled,\n    offset,\n    anchor,\n    variant,\n    onToggle: ({ value }) => setIsOpen(value)\n  });\n\n  return {\n    tooltipContent,\n    tooltipProps\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 */\nexport { useTooltip } from './useTooltip';\nexport { useTooltipControlled } from './useTooltipControlled';\n"],"names":["styles","TooltipContent","_a","children","isOpen","isDatatip","onTransitionEnd","props","__rest","uniqueID","useId","wrapperRef","useRef","popoverRef","nodeRef","useAnimation","animationStates","mounted","_node","childNode","firstChild","from","maxHeight","opacity","to","options","unmounted","isAnimatedOnMount","current","style","height","_b","offsetHeight","_jsx","Object","assign","ref","id","role","class","wrapper","classNames","inner","base","datatip"],"mappings":"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"}

package/es/hooks/UNSAFE_useTouch.js

@@ -0,0 +1,33 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+import { useToggle } from './UNSAFE_useToggle.js';
+import 'preact/hooks';
+
+/**
+ * Get status on whether target has touch or not
+ * @returns
+ */
+function useTouch(settings = { isDisabled: false }) {
+    const { bool, setTrue, setFalse } = useToggle(false);
+    const touchProps = settings.isDisabled
+        ? {}
+        : {
+            onTouchStart: setTrue,
+            onTouchEnd: setFalse
+        };
+    return {
+        isTouch: settings.isDisabled ? false : bool,
+        touchProps: touchProps
+    };
+}
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+
+export { useTouch };
+/*  */
+//# sourceMappingURL=UNSAFE_useTouch.js.map

package/es/hooks/UNSAFE_useTouch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSAFE_useTouch.js","sources":["../../../src/hooks/UNSAFE_useTouch/useTouch.ts","../../../src/hooks/UNSAFE_useTouch/index.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\n\nexport type TouchOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Get status on whether target has touch or not\n * @returns\n */\nexport function useTouch(settings: TouchOptions = { isDisabled: false }): {\n  isTouch: boolean;\n  touchProps: Record<string, any>;\n} {\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const touchProps = settings.isDisabled\n    ? {}\n    : {\n        onTouchStart: setTrue,\n        onTouchEnd: setFalse\n      };\n  return {\n    isTouch: settings.isDisabled ? false : bool,\n    touchProps: touchProps\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 */\nexport { useTouch } from './useTouch';\n"],"names":[],"mappings":";;;;AAMA;;;AAGG;AACG,SAAU,QAAQ,CAAC,QAAA,GAAyB,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA;AAIrE,IAAA,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU;AACpC,UAAE,EAAE;AACJ,UAAE;AACE,YAAA,YAAY,EAAE,OAAO;AACrB,YAAA,UAAU,EAAE,QAAQ;SACrB,CAAC;IACN,OAAO;QACL,OAAO,EAAE,QAAQ,CAAC,UAAU,GAAG,KAAK,GAAG,IAAI;AAC3C,QAAA,UAAU,EAAE,UAAU;KACvB,CAAC;AACJ;;ACzBA;;;;;;AAMG;;;;;;;"}