@oracle/oraclejet-preact 14.0.5 → 14.1.0

package/cjs/hooks/UNSAFE_useAnimation/__tests__/useAnimation.spec.js

@@ -0,0 +1,67 @@
+/* @oracle/oraclejet-preact: 14.1.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var useAnimation = require('../../../useAnimation-576ef8bc.js');
+var preact = require('@testing-library/preact');
+var preactHooks = require('@testing-library/preact-hooks');
+var chai = require('chai');
+var Sinon = require('sinon');
+require('preact/hooks');
+require('../../../tslib.es6-6f60dd09.js');
+
+const spyWAAPIAnimateFunction = Sinon.spy(HTMLElement.prototype, 'animate');
+const { result } = preactHooks.renderHook(() => useAnimation.useAnimation('visible', {
+    animationStates: {
+        visible: {
+            to: {
+                opacity: 1
+            }
+        }
+    }
+}));
+function TestComponent(props) {
+    const { nodeRef } = useAnimation.useAnimation(props.animationState, {
+        animationStates: {
+            visible: {
+                to: {
+                    opacity: 1
+                },
+                options: {
+                    duration: 500
+                }
+            },
+            notVisible: {
+                to: {
+                    opacity: 0
+                },
+                options: {
+                    duration: 500
+                }
+            }
+        },
+        isAnimatedOnMount: true
+    });
+    return (jsxRuntime.jsx("div", Object.assign({ style: { opacity: 0 }, ref: nodeRef }, { children: "Hello world" })));
+}
+describe('Test useAnimation hook', () => {
+    it('useAnimation returns a Ref value', async function () {
+        var _a;
+        chai.expect((_a = result.current) === null || _a === void 0 ? void 0 : _a.nodeRef).to.exist;
+    });
+    it('useAnimation returns a controller', async function () {
+        var _a;
+        chai.expect((_a = result.current) === null || _a === void 0 ? void 0 : _a.controller).to.exist;
+    });
+    it('WAAPI animate function is called', async function () {
+        //TODO: Test seems to be unstable on some browsers using karma, we have to comeback here and check
+        //why this could be happening
+        if (typeof jest !== 'undefined') {
+            const { rerender } = preact.render(jsxRuntime.jsx(TestComponent, { animationState: "visible" }));
+            rerender(jsxRuntime.jsx(TestComponent, { animationState: "notVisible" }));
+            chai.expect(spyWAAPIAnimateFunction.calledTwice).to.be.true;
+        }
+    });
+});
+/*  */
+//# sourceMappingURL=useAnimation.spec.js.map

package/cjs/hooks/UNSAFE_useAnimation/__tests__/useAnimation.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.spec.js","sources":["../../../../../src/hooks/UNSAFE_useAnimation/__tests__/useAnimation.spec.tsx"],"sourcesContent":["import { useAnimation } from '../useAnimation';\nimport { render } from '@testing-library/preact';\nimport { renderHook } from '@testing-library/preact-hooks';\nimport { expect } from 'chai';\nimport { spy } from 'sinon';\n\nconst spyWAAPIAnimateFunction = spy(HTMLElement.prototype, 'animate');\n\nconst { result } = renderHook(() =>\n  useAnimation<'visible'>('visible', {\n    animationStates: {\n      visible: {\n        to: {\n          opacity: 1\n        }\n      }\n    }\n  })\n);\n\ntype TestComponentProps = { animationState: 'visible' | 'notVisible' };\n\nfunction TestComponent(props: TestComponentProps) {\n  const { nodeRef } = useAnimation<TestComponentProps['animationState'], HTMLDivElement>(\n    props.animationState,\n    {\n      animationStates: {\n        visible: {\n          to: {\n            opacity: 1\n          },\n          options: {\n            duration: 500\n          }\n        },\n        notVisible: {\n          to: {\n            opacity: 0\n          },\n          options: {\n            duration: 500\n          }\n        }\n      },\n      isAnimatedOnMount: true\n    }\n  );\n  return (\n    <div style={{ opacity: 0 }} ref={nodeRef}>\n      Hello world\n    </div>\n  );\n}\n\ndescribe('Test useAnimation hook', () => {\n  it('useAnimation returns a Ref value', async function () {\n    expect(result.current?.nodeRef).to.exist;\n  });\n  it('useAnimation returns a controller', async function () {\n    expect(result.current?.controller).to.exist;\n  });\n  it('WAAPI animate function is called', async function () {\n    //TODO: Test seems to be unstable on some browsers using karma, we have to comeback here and check\n    //why this could be happening\n    if (typeof jest !== 'undefined') {\n      const { rerender } = render(<TestComponent animationState=\"visible\"></TestComponent>);\n      rerender(<TestComponent animationState=\"notVisible\"></TestComponent>);\n      expect(spyWAAPIAnimateFunction.calledTwice).to.be.true;\n    }\n  });\n});\n"],"names":["spy","renderHook","useAnimation","_jsx","expect","render"],"mappings":";;;;;;;;;;;;AAMA,MAAM,uBAAuB,GAAGA,SAAG,CAAC,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAEtE,MAAM,EAAE,MAAM,EAAE,GAAGC,sBAAU,CAAC,MAC5BC,yBAAY,CAAY,SAAS,EAAE;AACjC,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE;AACP,YAAA,EAAE,EAAE;AACF,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA;AACF,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CACH,CAAC;AAIF,SAAS,aAAa,CAAC,KAAyB,EAAA;IAC9C,MAAM,EAAE,OAAO,EAAE,GAAGA,yBAAY,CAC9B,KAAK,CAAC,cAAc,EACpB;AACE,QAAA,eAAe,EAAE;AACf,YAAA,OAAO,EAAE;AACP,gBAAA,EAAE,EAAE;AACF,oBAAA,OAAO,EAAE,CAAC;AACX,iBAAA;AACD,gBAAA,OAAO,EAAE;AACP,oBAAA,QAAQ,EAAE,GAAG;AACd,iBAAA;AACF,aAAA;AACD,YAAA,UAAU,EAAE;AACV,gBAAA,EAAE,EAAE;AACF,oBAAA,OAAO,EAAE,CAAC;AACX,iBAAA;AACD,gBAAA,OAAO,EAAE;AACP,oBAAA,QAAQ,EAAE,GAAG;AACd,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,iBAAiB,EAAE,IAAI;AACxB,KAAA,CACF,CAAC;AACF,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,OAAO,EAAA,EAAA,EAAA,QAAA,EAAA,aAAA,EAAA,CAAA,CAElC,EACN;AACJ,CAAC;AAED,QAAQ,CAAC,wBAAwB,EAAE,MAAK;IACtC,EAAE,CAAC,kCAAkC,EAAE,kBAAK;;AAC1C,QAAAC,WAAM,CAAC,CAAA,EAAA,GAAA,MAAM,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;AAC3C,KAAC,CAAC,CAAC;IACH,EAAE,CAAC,mCAAmC,EAAE,kBAAK;;AAC3C,QAAAA,WAAM,CAAC,CAAA,EAAA,GAAA,MAAM,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;AAC9C,KAAC,CAAC,CAAC;IACH,EAAE,CAAC,kCAAkC,EAAE,kBAAK;;;AAG1C,QAAA,IAAI,OAAO,IAAI,KAAK,WAAW,EAAE;AAC/B,YAAA,MAAM,EAAE,QAAQ,EAAE,GAAGC,aAAM,CAACF,cAAA,CAAC,aAAa,EAAA,EAAC,cAAc,EAAC,SAAS,EAAA,CAAiB,CAAC,CAAC;YACtF,QAAQ,CAACA,eAAC,aAAa,EAAA,EAAC,cAAc,EAAC,YAAY,EAAiB,CAAA,CAAC,CAAC;YACtEC,WAAM,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;AACxD,SAAA;AACH,KAAC,CAAC,CAAC;AACL,CAAC,CAAC;;;;;"}

package/cjs/hooks/UNSAFE_useAnimation.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useAnimation = require('../useAnimation-f0d0ff34.js');
+var useAnimation = require('../useAnimation-576ef8bc.js');
 require('preact/hooks');
-require('../tslib.es6-07720b96.js');
+require('../tslib.es6-6f60dd09.js');
 
 
 

package/cjs/hooks/UNSAFE_useBreakpointValues.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useBreakpoints.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useClearIcon.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useColorScheme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useContainerBreakpointValues.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useContainerBreakpoints.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useCurrentValueReducer.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useDebounce.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useFloating.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var hooks_UNSAFE_useFloating = require('../index-24d679ca.js');
+var hooks_UNSAFE_useFloating = require('../index-55dfe40c.js');
 require('preact/hooks');
 require('./UNSAFE_useUser.js');
 require('../UNSAFE_Environment.js');

package/cjs/hooks/UNSAFE_useFocus.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useFocusWithin/__tests__/useFocusWithin.spec.js

@@ -0,0 +1,62 @@
+/* @oracle/oraclejet-preact: 14.1.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var useFocusWithin = require('../../../useFocusWithin-145e8682.js');
+var preact = require('@testing-library/preact');
+var chai = require('chai');
+var Sinon = require('sinon');
+require('preact/hooks');
+
+function TestComponent(props) {
+    const { focusProps, isFocused } = useFocusWithin.useFocusWithin(props);
+    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", Object.assign({}, focusProps, { children: jsxRuntime.jsx("input", { id: "insideInput" }) })), isFocused && jsxRuntime.jsx("span", { children: "Focused" }), jsxRuntime.jsx("input", { id: "outsideInput" })] }));
+}
+describe('useFocusWithin tests', () => {
+    // TODO: Figure out why this test is timing out in Jest.
+    // it('should correctly set the isFocused boolean', async () => {
+    //   const { container } = render(<TestComponent />);
+    //   const inputElement = container.querySelector<HTMLInputElement>('#insideInput');
+    //   const outerInputElement = container.querySelector<HTMLInputElement>('#outsideInput');
+    //   // check that the isFocused is false initially
+    //   expect(container.querySelector('span'), 'focused text is not present').be.null;
+    //   // focus the input element and check for the flag
+    //   inputElement?.focus();
+    //   await waitFor(
+    //     () => expect(container.querySelector('span'), 'focused text is present').not.be.null
+    //   );
+    //   // focus outside and check for the flag
+    //   outerInputElement?.focus();
+    //   await waitForElementToBeRemoved(container.querySelector('span'));
+    // });
+    it('should call the callbacks correctly', async () => {
+        const onFocus = Sinon.spy();
+        const onBlur = Sinon.spy();
+        const { container } = preact.render(jsxRuntime.jsx(TestComponent, { onFocusWithin: onFocus, onBlurWithin: onBlur }));
+        const inputElement = container.querySelector('#insideInput');
+        const outerInputElement = container.querySelector('#outsideInput');
+        // focus the input element and check for the flag
+        inputElement === null || inputElement === void 0 ? void 0 : inputElement.focus();
+        await preact.waitFor(() => chai.expect(onFocus.calledOnceWithExactly(Sinon.match({ type: 'focusin' })), 'onFocusWithin called').be
+            .true);
+        // focus outside and check for the flag
+        outerInputElement === null || outerInputElement === void 0 ? void 0 : outerInputElement.focus();
+        await preact.waitFor(() => chai.expect(onFocus.calledOnceWithExactly(Sinon.match({ type: 'focusin' })), 'onBlurWithin called').be
+            .true);
+    });
+    it('should not call the callbacks when disabled', async () => {
+        const onFocus = Sinon.spy();
+        const onBlur = Sinon.spy();
+        const { container } = preact.render(jsxRuntime.jsx(TestComponent, { onFocusWithin: onFocus, onBlurWithin: onBlur, isDisabled: true }));
+        const inputElement = container.querySelector('#insideInput');
+        const outerInputElement = container.querySelector('#outsideInput');
+        // focus the input element and check for the flag
+        inputElement === null || inputElement === void 0 ? void 0 : inputElement.focus();
+        await preact.waitFor(() => chai.expect(onFocus.notCalled, 'onFocusWithin not called').be.true);
+        // focus outside and check for the flag
+        outerInputElement === null || outerInputElement === void 0 ? void 0 : outerInputElement.focus();
+        await preact.waitFor(() => chai.expect(onBlur.notCalled, 'onBlurWithin not called').be.true);
+    });
+});
+/*  */
+//# sourceMappingURL=useFocusWithin.spec.js.map

package/cjs/hooks/UNSAFE_useFocusWithin/__tests__/useFocusWithin.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusWithin.spec.js","sources":["../../../../../src/hooks/UNSAFE_useFocusWithin/__tests__/useFocusWithin.spec.tsx"],"sourcesContent":["import { useFocusWithin } from '../useFocusWithin';\n// import { render, waitFor, waitForElementToBeRemoved } from '@testing-library/preact';\nimport { render, waitFor } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { match, spy } from 'sinon';\n\ntype TestComponentProps = {\n  isDisabled?: boolean;\n  onBlurWithin?: (e: FocusEvent) => void;\n  onFocusWithin?: (e: FocusEvent) => void;\n};\nfunction TestComponent(props: TestComponentProps) {\n  const { focusProps, isFocused } = useFocusWithin(props);\n  return (\n    <div>\n      <div {...focusProps}>\n        <input id=\"insideInput\" />\n      </div>\n      {isFocused && <span>Focused</span>}\n      <input id=\"outsideInput\" />\n    </div>\n  );\n}\n\ndescribe('useFocusWithin tests', () => {\n  // TODO: Figure out why this test is timing out in Jest.\n  // it('should correctly set the isFocused boolean', async () => {\n  //   const { container } = render(<TestComponent />);\n\n  //   const inputElement = container.querySelector<HTMLInputElement>('#insideInput');\n  //   const outerInputElement = container.querySelector<HTMLInputElement>('#outsideInput');\n  //   // check that the isFocused is false initially\n  //   expect(container.querySelector('span'), 'focused text is not present').be.null;\n\n  //   // focus the input element and check for the flag\n  //   inputElement?.focus();\n  //   await waitFor(\n  //     () => expect(container.querySelector('span'), 'focused text is present').not.be.null\n  //   );\n\n  //   // focus outside and check for the flag\n  //   outerInputElement?.focus();\n  //   await waitForElementToBeRemoved(container.querySelector('span'));\n  // });\n\n  it('should call the callbacks correctly', async () => {\n    const onFocus = spy();\n    const onBlur = spy();\n    const { container } = render(<TestComponent onFocusWithin={onFocus} onBlurWithin={onBlur} />);\n\n    const inputElement = container.querySelector<HTMLInputElement>('#insideInput');\n    const outerInputElement = container.querySelector<HTMLInputElement>('#outsideInput');\n\n    // focus the input element and check for the flag\n    inputElement?.focus();\n    await waitFor(\n      () =>\n        expect(onFocus.calledOnceWithExactly(match({ type: 'focusin' })), 'onFocusWithin called').be\n          .true\n    );\n\n    // focus outside and check for the flag\n    outerInputElement?.focus();\n    await waitFor(\n      () =>\n        expect(onFocus.calledOnceWithExactly(match({ type: 'focusin' })), 'onBlurWithin called').be\n          .true\n    );\n  });\n\n  it('should not call the callbacks when disabled', async () => {\n    const onFocus = spy();\n    const onBlur = spy();\n    const { container } = render(\n      <TestComponent onFocusWithin={onFocus} onBlurWithin={onBlur} isDisabled={true} />\n    );\n\n    const inputElement = container.querySelector<HTMLInputElement>('#insideInput');\n    const outerInputElement = container.querySelector<HTMLInputElement>('#outsideInput');\n\n    // focus the input element and check for the flag\n    inputElement?.focus();\n    await waitFor(() => expect(onFocus.notCalled, 'onFocusWithin not called').be.true);\n\n    // focus outside and check for the flag\n    outerInputElement?.focus();\n    await waitFor(() => expect(onBlur.notCalled, 'onBlurWithin not called').be.true);\n  });\n});\n"],"names":["useFocusWithin","_jsxs","_jsx","spy","render","waitFor","expect","match"],"mappings":"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"}

package/cjs/hooks/UNSAFE_useFocusWithin.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useFocusWithin = require('../useFocusWithin-03b9d458.js');
+var useFocusWithin = require('../useFocusWithin-145e8682.js');
 require('preact/hooks');
 
 

package/cjs/hooks/UNSAFE_useFocusableTextField.js

@@ -1,12 +1,12 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-07720b96.js');
+var tslib_es6 = require('../tslib.es6-6f60dd09.js');
 var hooks = require('preact/hooks');
 require('./UNSAFE_useFocusWithin.js');
-var useFocusWithin = require('../useFocusWithin-03b9d458.js');
+var useFocusWithin = require('../useFocusWithin-145e8682.js');
 
 /**
  * A custom hook that handles the focus when the text field

package/cjs/hooks/UNSAFE_useFormContext.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useFormFieldContext.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useFormVariantContext.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useHover.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -18,12 +18,12 @@ function useHover(settings = { isDisabled: false }) {
     // Hybrid devices support hover upon pointer usage, but tapping would toggle hover state
     // so disable :hover and use event handlers for such devices.
     // Use getClientHints to check if hybrid
-    // const hybrid = getClientHints().isHybrid;
+    // const isHybrid = getClientHints().hoverSupport === 'events';
     // Classes can be done via :
     //     !isHybrid && compStyles.pseudohover,
     //      isHybrid && isHover && compStyles.hover
     // and the props can be done via:
-    //     const { hoverProps, isHover } = useHover( {isDisabled: isHybrid});
+    //     const { hoverProps, isHover } = useHover( {isDisabled: !isHybrid});
     //
     // For the algorithm below, There are 2 possible sequences:
     // 1. A pointer (mouse, trackpad) would generate a mouseEnter event that would initiate hover.

package/cjs/hooks/UNSAFE_useHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useHover.js","sources":["../../../src/hooks/UNSAFE_useHover/useHover.ts","../../../src/hooks/UNSAFE_useHover/index.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\n\nexport type HoverOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Returns listeners and status for hover\n * If only visual changes are required, :hover is faster.\n *\n * @returns\n */\nexport function useHover(settings: HoverOptions = { isDisabled: false }): {\n  isHover: boolean;\n  hoverProps: Record<string, any>;\n} {\n  // :hover is faster than event handlers, but doesn't work for all platforms.\n  // For touch-first devices, the media query for hover is enough.\n  // Hybrid devices support hover upon pointer usage, but tapping would toggle hover state\n  // so disable :hover and use event handlers for such devices.\n  // Use getClientHints to check if hybrid\n  // const hybrid = getClientHints().isHybrid;\n  // Classes can be done via :\n  //     !isHybrid && compStyles.pseudohover,\n  //      isHybrid && isHover && compStyles.hover\n  // and the props can be done via:\n  //     const { hoverProps, isHover } = useHover( {isDisabled: isHybrid});\n  //\n  // For the algorithm below, There are 2 possible sequences:\n  // 1. A pointer (mouse, trackpad) would generate a mouseEnter event that would initiate hover.\n  // 2. A touch generates a touchstart/touchend/mouseEnter event sequence.\n  // Hover has no meaning in a touch context, so the isHover state should be avoided.\n  // To avoid, we set an ignore flag when a touchend is encountered.\n  // Each time mouseEnter is encountered, the flag is checked.\n  // If ignore, we know that it is a touch device, so don't set hover state.\n  // In all cases, reset the flag for the next sequence.\n  //\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const { bool: ignore, setTrue: setIgnoreTrue, setFalse: setIgnoreFalse } = useToggle(false);\n  const startHover = () => {\n    if (ignore) {\n      setIgnoreFalse();\n    } else {\n      setTrue();\n    }\n  };\n\n  const hoverProps = settings.isDisabled\n    ? {}\n    : { ontouchend: setIgnoreTrue, onMouseEnter: startHover, onMouseLeave: setFalse };\n  return {\n    isHover: settings.isDisabled ? false : bool,\n    hoverProps: hoverProps\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 { useHover } from './useHover';\n"],"names":["useToggle"],"mappings":";;;;;;;;AAMA;;;;;AAKG;AACG,SAAU,QAAQ,CAAC,QAAA,GAAyB,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA;;;;;;;;;;;;;;;;;;;;;;AAyBrE,IAAA,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAGA,gCAAS,CAAC,KAAK,CAAC,CAAC;AACrD,IAAA,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAGA,gCAAS,CAAC,KAAK,CAAC,CAAC;IAC5F,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,cAAc,EAAE,CAAC;AAClB,SAAA;AAAM,aAAA;AACL,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU;AACpC,UAAE,EAAE;AACJ,UAAE,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;IACpF,OAAO;QACL,OAAO,EAAE,QAAQ,CAAC,UAAU,GAAG,KAAK,GAAG,IAAI;AAC3C,QAAA,UAAU,EAAE,UAAU;KACvB,CAAC;AACJ;;ACtDA;;;;;;AAMG;;;;;;;"}
+{"version":3,"file":"UNSAFE_useHover.js","sources":["../../../src/hooks/UNSAFE_useHover/useHover.ts","../../../src/hooks/UNSAFE_useHover/index.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\n\nexport type HoverOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Returns listeners and status for hover\n * If only visual changes are required, :hover is faster.\n *\n * @returns\n */\nexport function useHover(settings: HoverOptions = { isDisabled: false }): {\n  isHover: boolean;\n  hoverProps: Record<string, any>;\n} {\n  // :hover is faster than event handlers, but doesn't work for all platforms.\n  // For touch-first devices, the media query for hover is enough.\n  // Hybrid devices support hover upon pointer usage, but tapping would toggle hover state\n  // so disable :hover and use event handlers for such devices.\n  // Use getClientHints to check if hybrid\n  // const isHybrid = getClientHints().hoverSupport === 'events';\n  // Classes can be done via :\n  //     !isHybrid && compStyles.pseudohover,\n  //      isHybrid && isHover && compStyles.hover\n  // and the props can be done via:\n  //     const { hoverProps, isHover } = useHover( {isDisabled: !isHybrid});\n  //\n  // For the algorithm below, There are 2 possible sequences:\n  // 1. A pointer (mouse, trackpad) would generate a mouseEnter event that would initiate hover.\n  // 2. A touch generates a touchstart/touchend/mouseEnter event sequence.\n  // Hover has no meaning in a touch context, so the isHover state should be avoided.\n  // To avoid, we set an ignore flag when a touchend is encountered.\n  // Each time mouseEnter is encountered, the flag is checked.\n  // If ignore, we know that it is a touch device, so don't set hover state.\n  // In all cases, reset the flag for the next sequence.\n  //\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const { bool: ignore, setTrue: setIgnoreTrue, setFalse: setIgnoreFalse } = useToggle(false);\n  const startHover = () => {\n    if (ignore) {\n      setIgnoreFalse();\n    } else {\n      setTrue();\n    }\n  };\n\n  const hoverProps = settings.isDisabled\n    ? {}\n    : { ontouchend: setIgnoreTrue, onMouseEnter: startHover, onMouseLeave: setFalse };\n  return {\n    isHover: settings.isDisabled ? false : bool,\n    hoverProps: hoverProps\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 { useHover } from './useHover';\n"],"names":["useToggle"],"mappings":";;;;;;;;AAMA;;;;;AAKG;AACG,SAAU,QAAQ,CAAC,QAAA,GAAyB,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA;;;;;;;;;;;;;;;;;;;;;;AAyBrE,IAAA,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAGA,gCAAS,CAAC,KAAK,CAAC,CAAC;AACrD,IAAA,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAGA,gCAAS,CAAC,KAAK,CAAC,CAAC;IAC5F,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,cAAc,EAAE,CAAC;AAClB,SAAA;AAAM,aAAA;AACL,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU;AACpC,UAAE,EAAE;AACJ,UAAE,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;IACpF,OAAO;QACL,OAAO,EAAE,QAAQ,CAAC,UAAU,GAAG,KAAK,GAAG,IAAI;AAC3C,QAAA,UAAU,EAAE,UAAU;KACvB,CAAC;AACJ;;ACtDA;;;;;;AAMG;;;;;;;"}

package/cjs/hooks/UNSAFE_useId.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useLengthFilter.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useLoadingIndicatorTimer.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useLongPress.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useMessagesContext.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useOutsideClick.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_usePan.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_usePrefixSuffix.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,7 +8,7 @@ var UNSAFE_PrefixSuffix = require('../UNSAFE_PrefixSuffix.js');
 var hooks_UNSAFE_useUser = require('./UNSAFE_useUser.js');
 
 require('../utils/UNSAFE_classNames.js');
-require('../classNames-d6e0ded0.js');
+require('../classNames-55bceee6.js');
 require('preact/hooks');
 require('../UNSAFE_Environment.js');
 require('preact');

package/cjs/hooks/UNSAFE_usePress.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useScale.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useSwipe.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useTabbableMode.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useTap.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useTextField.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useTextFieldInputHandlers.js

@@ -1,11 +1,11 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var hooks = require('preact/hooks');
 require('../utils/PRIVATE_clientHints.js');
-var clientHints = require('../clientHints-a8929847.js');
+var clientHints = require('../clientHints-e821b5ee.js');
 
 function useTextFieldInputHandlers({ currentCommitValue, value, onInput, onCommit, onKeyDown }) {
     const isComposing = hooks.useRef(false);

package/cjs/hooks/UNSAFE_useTheme.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useTimer.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useToggle.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/hooks/UNSAFE_useTooltip.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.1.0 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -13,17 +13,17 @@ var hooks_UNSAFE_useFocus = require('./UNSAFE_useFocus.js');
 var hooks_UNSAFE_useTouch = require('./UNSAFE_useTouch.js');
 var utils_UNSAFE_mergeProps = require('../utils/UNSAFE_mergeProps.js');
 var utils_UNSAFE_arrayUtils = require('../utils/UNSAFE_arrayUtils.js');
-var tslib_es6 = require('../tslib.es6-07720b96.js');
+var tslib_es6 = require('../tslib.es6-6f60dd09.js');
 require('./UNSAFE_useAnimation.js');
 require("identity-obj-proxy");
 require('../utils/UNSAFE_classNames.js');
-var useAnimation = require('../useAnimation-f0d0ff34.js');
-var classNames = require('../classNames-d6e0ded0.js');
-var Floating = require('../Floating-a94d10bd.js');
+var useAnimation = require('../useAnimation-576ef8bc.js');
+var classNames = require('../classNames-55bceee6.js');
+var Floating = require('../Floating-48167355.js');
 require('preact/compat');
 require('preact');
 require('./UNSAFE_useToggle.js');
-require('../index-24d679ca.js');
+require('../index-55dfe40c.js');
 require('./UNSAFE_useUser.js');
 require('../UNSAFE_Environment.js');
 require('../utils/PRIVATE_floatingUtils.js');
@@ -31,10 +31,10 @@ require('../utils/PRIVATE_refUtils.js');
 require('./UNSAFE_useOutsideClick.js');
 
 const styles = {
-  wrapper: "_1fuqfe2",
-  inner: "qg2wq1",
-  base: "orlifg",
-  datatip: "_1mawfrq"
+  wrapper: "exwey6",
+  inner: "_1cbf3q6",
+  base: "_1o7y3bd",
+  datatip: "_1d2cvbp"
 };
 const TooltipContent = _a => {
   var {
@@ -159,7 +159,7 @@ const useTooltipControlled = ({ text, isOpen = false, variant = 'tooltip', posit
     setNeedsUpdate(false);
     const isDatatip = variant === 'datatip';
     const isInitialRenderTrigger = hooks.useRef(true);
-    const { hoverProps, isHover } = hooks_UNSAFE_useHover.useHover({ isDisabled });
+    const { hoverProps, isHover } = hooks_UNSAFE_useHover.useHover({});
     const { touchProps, isTouch } = hooks_UNSAFE_useTouch.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 } = hooks_UNSAFE_useFocus.useFocus({ isDisabled: isHover || isTouch });
@@ -291,17 +291,20 @@ const useTooltipControlled = ({ text, isOpen = false, variant = 'tooltip', posit
             }
         }
     };
+    const hoverInitProps = {
+        onMouseEnter: (event) => {
+            if (event.eventPhase === Event.AT_TARGET ||
+                (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)) {
+                targetRef.current = event.target;
+            }
+        }
+    };
     let actionableProps;
     if (disabled) {
-        actionableProps = utils_UNSAFE_mergeProps.mergeProps(focusProps, focusInitProps);
+        actionableProps = utils_UNSAFE_mergeProps.mergeProps(hoverProps, focusProps, hoverInitProps, 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 && {
+        const anchorInitProps = Object.assign({ 'aria-describedby': uniqueID }, (isPointer && {
             onMouseLeave: () => {
                 if (state === 'mounting') {
                     return;
@@ -315,7 +318,7 @@ const useTooltipControlled = ({ text, isOpen = false, variant = 'tooltip', posit
                 }
             }
         }));
-        actionableProps = utils_UNSAFE_mergeProps.mergeProps(hoverProps, focusProps, touchProps, focusInitProps, anchorInitProps);
+        actionableProps = utils_UNSAFE_mergeProps.mergeProps(hoverProps, focusProps, touchProps, hoverInitProps, focusInitProps, anchorInitProps);
     }
     // No need to process tooltip if disabled or no text is provided
     // Include actionableProps to detect mouseenter in components