@oracle/oraclejet-preact 14.0.5 → 14.0.7

package/amd/hooks/UNSAFE_useToggle.js

@@ -1,2 +1,36 @@
-define(["exports","preact/hooks"],function(e,t){"use strict";e.useToggle=function(e=!1){const[s,o]=t.useState(e),u=t.useMemo(()=>({toggle:()=>o(e=>!e),setTrue:()=>o(!0),setFalse:()=>o(!1)}),[]);return Object.assign({bool:s},u)},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks'], (function (exports, hooks) { 'use strict';
+
+    /**
+     * useToggle is a state toggle hook
+     *
+     * @param defaultValue
+     * @returns
+     */
+    function useToggle(defaultValue = false) {
+        const [bool, setBool] = hooks.useState(defaultValue);
+        const toggleHandlers = hooks.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
+     */
+
+    exports.useToggle = useToggle;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useToggle.js.map

package/amd/hooks/UNSAFE_useToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useToggle.js","sources":["../../../src/hooks/UNSAFE_useToggle/useToggle.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"],"names":["defaultValue","bool","setBool","useState","toggleHandlers","useMemo","toggle","x","setTrue","setFalse","Object","assign"],"mappings":"yEASgB,SAAUA,GAAe,GACvC,MAAOC,EAAMC,GAAWC,EAAQA,SAACH,GAC3BI,EAAiBC,EAAAA,QAAQ,KACtB,CACLC,OAAQ,IAAMJ,EAASK,IAAOA,GAC9BC,QAAS,IAAMN,GAAQ,GACvBO,SAAU,IAAMP,GAAQ,KAEzB,IAEH,OACEQ,OAAAC,OAAA,CAAAV,KAAAA,GACGG"}
+{"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":["useState","useMemo"],"mappings":";;;IAEA;;;;;IAKG;IAEa,SAAA,SAAS,CAAC,YAAY,GAAG,KAAK,EAAA;QAC5C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGA,cAAQ,CAAC,YAAY,CAAC,CAAC;IAC/C,IAAA,MAAM,cAAc,GAAGC,aAAO,CAAC,MAAK;YAClC,OAAO;IACL,YAAA,MAAM,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAChC,YAAA,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC;IAC5B,YAAA,QAAQ,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC;aAC/B,CAAC;SACH,EAAE,EAAE,CAAC,CAAC;QAEP,OACE,MAAA,CAAA,MAAA,CAAA,EAAA,IAAI,EACD,EAAA,cAAc,CACjB,CAAA;IACJ;;ICvBA;;;;;;IAMG;;;;;;;;;;;;;"}

package/amd/hooks/UNSAFE_useTooltip.css

@@ -1,4 +1,5 @@
-._1fuqfe2{display:flex;align-items:flex-end;overflow-y:hidden;}
-.qg2wq1{opacity:0;max-height:0;}
-.orlifg{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;}
-._1mawfrq{--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);}
+.wrapper-1tutme5{display:flex;align-items:flex-end;overflow-y:hidden;}
+.inner-84n8xg{opacity:0;max-height:0;}
+.base-fqp8de{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;}
+.datatip-14v19ix{--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);}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL2hvb2tzL1VOU0FGRV91c2VUb29sdGlwL1Rvb2x0aXBDb250ZW50LnRzeCJdLCJuYW1lcyI6WyIud3JhcHBlci0xdHV0bWU1IiwiLmlubmVyLTg0bjh4ZyIsIi5iYXNlLWZxcDhkZSIsIi5kYXRhdGlwLTE0djE5aXgiXSwibWFwcGluZ3MiOiJBQVFJQTtBQUtBQztBQUlBQztBQWNBQyIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9ob29rcy9VTlNBRkVfdXNlVG9vbHRpcC9Ub29sdGlwQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX3Jlc3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgdXNlQW5pbWF0aW9uIH0gZnJvbSAnLi4vVU5TQUZFX3VzZUFuaW1hdGlvbic7XG5pbXBvcnQgeyB1c2VJZCB9IGZyb20gJy4uL1VOU0FGRV91c2VJZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmltcG9ydCB7IGNsYXNzTmFtZXMgfSBmcm9tICcuLi8uLi91dGlscy9VTlNBRkVfY2xhc3NOYW1lcyc7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3ByZWFjdC9ob29rcyc7XG5jb25zdCBzdHlsZXMgPSB7XG4gICAgd3JhcHBlcjogY3NzIGAke3tcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnZmxleC1lbmQnLFxuICAgICAgICBvdmVyZmxvd1k6ICdoaWRkZW4nXG4gICAgfX1gLFxuICAgIGlubmVyOiBjc3MgYCR7e1xuICAgICAgICBvcGFjaXR5OiAnMCcsXG4gICAgICAgIG1heEhlaWdodDogJzAnXG4gICAgfX1gLFxuICAgIGJhc2U6IGNzcyBgJHt7XG4gICAgICAgIGNvbG9yOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtdG9vbHRpcC10ZXh0LWNvbG9yKScsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXRvb2x0aXAtYmctY29sb3IpJyxcbiAgICAgICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgICAgIHBhZGRpbmdUb3A6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS10b29sdGlwLXBhZGRpbmctdmVydGljYWwpJyxcbiAgICAgICAgcGFkZGluZ0xlZnQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS10b29sdGlwLXBhZGRpbmctaG9yaXpvbnRhbCknLFxuICAgICAgICBwYWRkaW5nUmlnaHQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS10b29sdGlwLXBhZGRpbmctaG9yaXpvbnRhbCknLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtdG9vbHRpcC1wYWRkaW5nLXZlcnRpY2FsKScsXG4gICAgICAgIGJvcmRlclJhZGl1czogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXRvb2x0aXAtYm9yZGVyLXJhZGl1cyknLFxuICAgICAgICBib3JkZXJDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXRvb2x0aXAtYm9yZGVyLWNvbG9yKScsXG4gICAgICAgIGZvbnRTaXplOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtdG9vbHRpcC1mb250LXNpemUpJyxcbiAgICAgICAgYm9yZGVyV2lkdGg6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS10b29sdGlwLWJvcmRlci13aWR0aCknLFxuICAgICAgICBib3JkZXJTdHlsZTogJ3NvbGlkJ1xuICAgIH19YCxcbiAgICBkYXRhdGlwOiBjc3MgYCR7e1xuICAgICAgICAnLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS10b29sdGlwLWJnLWNvbG9yJzogJ3JnYih2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1wYWxldHRlLW5ldXRyYWwtcmdiLTApKScsXG4gICAgICAgICctLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXRvb2x0aXAtdGV4dC1jb2xvcic6ICdyZ2IodmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtcGFsZXR0ZS1uZXV0cmFsLXJnYi0xOTApKScsXG4gICAgICAgICctLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXRvb2x0aXAtcGFkZGluZy12ZXJ0aWNhbCc6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXNwYWNpbmctMngpJyxcbiAgICAgICAgJy0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtdG9vbHRpcC1ib3JkZXItcmFkaXVzJzogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtYm9yZGVyLXJhZGl1cy1tZCknLFxuICAgICAgICAnLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS10b29sdGlwLWJvcmRlci1jb2xvcic6ICdyZ2JhKHZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXBhbGV0dGUtbmV1dHJhbC1yZ2ItMTkwKSwgMC42NSknLFxuICAgICAgICAnLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS10b29sdGlwLWZvbnQtc2l6ZSc6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS10eXBvZ3JhcGh5LWJvZHkteHMtZm9udC1zaXplKSdcbiAgICB9fWBcbn07XG5leHBvcnQgY29uc3QgVG9vbHRpcENvbnRlbnQgPSAoX2EpID0+IHtcbiAgICB2YXIgeyBjaGlsZHJlbiwgaXNPcGVuLCBpc0RhdGF0aXAsIG9uVHJhbnNpdGlvbkVuZCB9ID0gX2EsIHByb3BzID0gX19yZXN0KF9hLCBbXCJjaGlsZHJlblwiLCBcImlzT3BlblwiLCBcImlzRGF0YXRpcFwiLCBcIm9uVHJhbnNpdGlvbkVuZFwiXSk7XG4gICAgY29uc3QgdW5pcXVlSUQgPSB1c2VJZCgpO1xuICAgIGNvbnN0IHdyYXBwZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgY29uc3QgcG9wb3ZlclJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCB7IG5vZGVSZWYgfSA9IHVzZUFuaW1hdGlvbihpc09wZW4gPyAnbW91bnRlZCcgOiAndW5tb3VudGVkJywge1xuICAgICAgICBhbmltYXRpb25TdGF0ZXM6IHtcbiAgICAgICAgICAgIG1vdW50ZWQ6IChfbm9kZSkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGNoaWxkTm9kZSA9IF9ub2RlLmZpcnN0Q2hpbGQ7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgICAgICAgZnJvbToge1xuICAgICAgICAgICAgICAgICAgICAgICAgbWF4SGVpZ2h0OiAnMCcsXG4gICAgICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAnMCUnXG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgIHRvOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBtYXhIZWlnaHQ6IGAke2NoaWxkTm9kZSA9PT0gbnVsbCB8fCBjaGlsZE5vZGUgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGNoaWxkTm9kZS5vZmZzZXRIZWlnaHR9cHhgLFxuICAgICAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogaXNEYXRhdGlwID8gJzEwMCUnIDogJzk1JSdcbiAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgb3B0aW9uczoge1xuICAgICAgICAgICAgICAgICAgICAgICAgZHVyYXRpb246IGlzRGF0YXRpcCA/IDEgOiAxMDAsXG4gICAgICAgICAgICAgICAgICAgICAgICBlYXNpbmc6IFswLjAsIDAuMCwgMC4yLCAxXVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB1bm1vdW50ZWQ6IChfbm9kZSkgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgICAgIGZyb206IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IGlzRGF0YXRpcCA/ICcxMDAlJyA6ICc5NSUnXG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgIHRvOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBtYXhIZWlnaHQ6ICcwJyxcbiAgICAgICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6ICcwJSdcbiAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgb3B0aW9uczoge1xuICAgICAgICAgICAgICAgICAgICAgICAgZHVyYXRpb246IGlzRGF0YXRpcCA/IDEgOiAxMDAsXG4gICAgICAgICAgICAgICAgICAgICAgICBlYXNpbmc6IFswLjAsIDAuMCwgMC4yLCAxXVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgaXNBbmltYXRlZE9uTW91bnQ6IHRydWUsXG4gICAgICAgIG9uQW5pbWF0aW9uRW5kOiAoKSA9PiBvblRyYW5zaXRpb25FbmQgPT09IG51bGwgfHwgb25UcmFuc2l0aW9uRW5kID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblRyYW5zaXRpb25FbmQoKVxuICAgIH0pO1xuICAgIC8vIFNldCB1cCBpbml0aWFsIHdyYXBwZXIgaGVpZ2h0IHNvIFRvb2x0aXAgY2FuIGFuaW1hdGUgZnJvbSB0aGUgYm90dG9tIHRvIHRoZSB0b3BcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICB2YXIgX2EsIF9iO1xuICAgICAgICBpZiAod3JhcHBlclJlZi5jdXJyZW50ICYmICgoX2EgPSBwb3BvdmVyUmVmLmN1cnJlbnQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5vZmZzZXRIZWlnaHQpKSB7XG4gICAgICAgICAgICB3cmFwcGVyUmVmLmN1cnJlbnQuc3R5bGUuaGVpZ2h0ID0gYCR7KF9iID0gcG9wb3ZlclJlZi5jdXJyZW50KSA9PT0gbnVsbCB8fCBfYiA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Iub2Zmc2V0SGVpZ2h0fXB4YDtcbiAgICAgICAgfVxuICAgIH0sIFtdKTtcbiAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHJlZjogd3JhcHBlclJlZiwgaWQ6IHVuaXF1ZUlELCByb2xlOiBcInRvb2x0aXBcIiwgY2xhc3M6IHN0eWxlcy53cmFwcGVyIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHJlZjogbm9kZVJlZiwgY2xhc3M6IGNsYXNzTmFtZXMoW3N0eWxlcy5pbm5lcl0pIH0sIHByb3BzLCB7IGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHBvcG92ZXJSZWYsIGNsYXNzOiBjbGFzc05hbWVzKFtzdHlsZXMuYmFzZSwgaXNEYXRhdGlwID8gc3R5bGVzLmRhdGF0aXAgOiAnJ10pIH0sIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pKSB9KSkgfSkpKTtcbn07XG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub29sdGlwQ29udGVudC5qcy5tYXAiXX0=*/

package/amd/hooks/UNSAFE_useTooltip.js

@@ -1,2 +1,351 @@
-define(["exports","preact/hooks","preact/jsx-runtime","./UNSAFE_useId","../UNSAFE_Floating","../UNSAFE_Layer","./UNSAFE_useHover","./UNSAFE_useFocus","./UNSAFE_useTouch","../utils/UNSAFE_mergeProps","../utils/UNSAFE_arrayUtils","../tslib.es6-6a195797","./UNSAFE_useAnimation","css!./UNSAFE_useTooltip.css","../utils/UNSAFE_classNames","../useAnimation-5d80cd95","../classNames-429bf434","../Floating-31eefce3","preact/compat","preact","./UNSAFE_useToggle","../index-4f4526ef","./UNSAFE_useUser","../UNSAFE_Environment","../utils/PRIVATE_floatingUtils","../utils/PRIVATE_refUtils","./UNSAFE_useOutsideClick"],function(e,t,n,o,s,i,u,r,a,l,c,d,m,p,f,g,v,h,b,E,A,P,x,T,_,y,F){"use strict";const N="_1fuqfe2",S="qg2wq1",U="orlifg",R="_1mawfrq",j=e=>{var{children:s,isOpen:i,isDatatip:u,onTransitionEnd:r}=e,a=d.__rest(e,["children","isOpen","isDatatip","onTransitionEnd"]);const l=o.useId(),c=t.useRef(null),m=t.useRef(null),{nodeRef:p}=g.useAnimation(i?"mounted":"unmounted",{animationStates:{mounted:e=>{const t=e.firstChild;return{from:{maxHeight:"0",opacity:"0%"},to:{maxHeight:`${null==t?void 0:t.offsetHeight}px`,opacity:u?"100%":"95%"},options:{duration:u?1:100,easing:[0,0,.2,1]}}},unmounted:e=>({from:{opacity:u?"100%":"95%"},to:{maxHeight:"0",opacity:"0%"},options:{duration:u?1:100,easing:[0,0,.2,1]}})},isAnimatedOnMount:!0,onAnimationEnd:()=>null==r?void 0:r()});return t.useEffect(()=>{var e,t;c.current&&(null===(e=m.current)||void 0===e?void 0:e.offsetHeight)&&(c.current.style.height=`${null===(t=m.current)||void 0===t?void 0:t.offsetHeight}px`)},[]),n.jsx("div",Object.assign({ref:c,id:l,role:"tooltip",class:N},{children:n.jsx("div",Object.assign({ref:p,class:v.classNames([S])},a,{children:n.jsx("div",Object.assign({ref:m,class:v.classNames([U,u?R:""])},{children:s}))}))}))},O=(c.stringLiteralArray(["start","top-start","top","top-end","end","bottom-end","bottom","bottom-start"]),c.stringLiteralArray(["element","pointer"]),({text:e,isOpen:s=!1,variant:c="tooltip",position:d="bottom",isDisabled:m=!1,anchor:p={x:"element",y:"element"},offset:f={mainAxis:0,crossAxis:0},onToggle:g})=>{const v=m||!e,b=t.useRef(!0),[E,A]=t.useState(!v&&s?"mounting":"unmounted"),[P,x]=t.useState(!1);x(!1);const T="datatip"===c,_=t.useRef(!0),{hoverProps:y,isHover:F}=u.useHover({isDisabled:m}),{touchProps:N,isTouch:S}=a.useTouch({isDisabled:m}),{focusProps:U,isFocus:R}=r.useFocus({isDisabled:F||S}),{hoverProps:O,isHover:H}=u.useHover({isDisabled:m}),B="pointer"===p.x||"pointer"===p.y,D=o.useId(),L=t.useRef(null),k=t.useRef({x:0,y:0}),C=B&&!R?k:L,I=T?0:250,w=t.useRef(null),G=t.useRef(null),M=()=>{w.current&&clearTimeout(w.current)},q=t.useCallback(e=>{if(e)switch(E){case"unmounting":case"unmounted":A("mountPending");break;case"unmountPending":M(),A("mounted")}else switch(E){case"mounting":case"mounted":A("unmountPending");break;case"mountPending":M(),A("unmounted")}},[E]);t.useEffect(()=>{b.current?b.current=!1:A(s?"mounting":"unmounting")},[s]),t.useEffect(()=>{_.current?_.current=!1:B&&F&&"unmounted"===E||(G.current&&clearTimeout(G.current),G.current=setTimeout(()=>{q(F||R||H||S)},20))},[F,R,H,S,B,E,q]),t.useLayoutEffect(()=>{"mountPending"!==E&&"unmountPending"!==E||(w.current=setTimeout(()=>null==g?void 0:g({value:"mountPending"===E}),I))},[E,I,g]);const V={onFocus:e=>{(e.eventPhase===Event.AT_TARGET||e.eventPhase===Event.BUBBLING_PHASE&&T)&&(L.current=e.target)}};let $;if(v)$=l.mergeProps(U,V);else{const e=Object.assign({"aria-describedby":D,onMouseEnter:e=>{(e.eventPhase===Event.AT_TARGET||e.eventPhase===Event.BUBBLING_PHASE&&T)&&(L.current=e.target)}},B&&{onMouseLeave:()=>{"mounting"!==E&&M()},onMouseMove:e=>{(e.eventPhase===Event.AT_TARGET||e.eventPhase===Event.BUBBLING_PHASE&&T)&&(e=>{var t;if("unmounted"!==E&&("datatip"!==c||"mounted"!==E))return;const n=null===(t=null==L?void 0:L.current)||void 0===t?void 0:t.getBoundingClientRect(),o=document.body.scrollLeft+((null==n?void 0:n.left)||0)+((null==n?void 0:n.width)||0),s=document.body.scrollTop+((null==n?void 0:n.top)||0)+((null==n?void 0:n.height)||0),i="pointer"===p.x?e.clientX:o,u="pointer"===p.y?e.clientY:s;"mounted"===E?(k.current={x:i,y:u},!0!==P&&x(!0)):"unmounted"===E&&(M(),w.current=setTimeout(()=>{"unmounted"===E&&(k.current={x:i,y:u},null==g||g({value:!0}))},I))})(e)}});$=l.mergeProps(y,U,N,V,e)}if(v)return M(),{tooltipContent:null,tooltipProps:$};const X=(e=>{let t="bottom";switch(e){case"top":case"end":case"bottom":case"start":t=e;break;case"top-end":t="top-end-corner";break;case"bottom-end":t="bottom-end-corner";break;case"bottom-start":t="bottom-start-corner";break;case"top-start":t="top-start-corner"}return t})(d),Y=n.jsx(i.Layer,Object.assign({logicalParentRef:L},{children:n.jsx(h.Floating,Object.assign({anchorRef:C,placement:X,offsetValue:f},{children:n.jsx(j,Object.assign({isOpen:["mounting","mounted","unmountPending"].includes(E)},O,{isDatatip:T,onTransitionEnd:()=>{"mounting"===E&&A("mounted"),"unmounting"===E&&A("unmounted")}},{children:e}))}))}));return{tooltipContent:!["unmounted","mountPending"].includes(E)&&Y,tooltipProps:$}});e.useTooltip=({text:e,position:n="bottom",isDisabled:o=!1,anchor:s={x:"element",y:"element"},offset:i={mainAxis:0,crossAxis:0},variant:u="tooltip"})=>{const[r,a]=t.useState(!1),l=o||!e,{tooltipContent:c,tooltipProps:d}=O({text:e,isOpen:r,position:n,isDisabled:l,offset:i,anchor:s,variant:u,onToggle:({value:e})=>a(e)});return{tooltipContent:c,tooltipProps:d}},e.useTooltipControlled=O,Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks', 'preact/jsx-runtime', './UNSAFE_useId', '../UNSAFE_Floating', '../UNSAFE_Layer', './UNSAFE_useHover', './UNSAFE_useFocus', './UNSAFE_useTouch', '../utils/UNSAFE_mergeProps', '../utils/UNSAFE_arrayUtils', '../tslib.es6-71b1ba5b', './UNSAFE_useAnimation', "css!./UNSAFE_useTooltip.css", '../utils/UNSAFE_classNames', '../useAnimation-2f572e0c', '../classNames-027de734', '../Floating-08ac18d2', 'preact/compat', 'preact', './UNSAFE_useToggle', '../index-e9199379', './UNSAFE_useUser', '../UNSAFE_Environment', '../utils/PRIVATE_floatingUtils', '../utils/PRIVATE_refUtils', './UNSAFE_useOutsideClick'], (function (exports, hooks, jsxRuntime, hooks_UNSAFE_useId, UNSAFE_Floating, UNSAFE_Layer, hooks_UNSAFE_useHover, hooks_UNSAFE_useFocus, hooks_UNSAFE_useTouch, utils_UNSAFE_mergeProps, utils_UNSAFE_arrayUtils, tslib_es6, hooks_UNSAFE_useAnimation, linaria, utils_UNSAFE_classNames, useAnimation, classNames, Floating, compat, preact, hooks_UNSAFE_useToggle, hooks_UNSAFE_useFloating, hooks_UNSAFE_useUser, UNSAFE_Environment, utils_PRIVATE_floatingUtils, utils_PRIVATE_refUtils, hooks_UNSAFE_useOutsideClick) { 'use strict';
+
+    const styles = {
+      wrapper: "wrapper-1tutme5",
+      inner: "inner-84n8xg",
+      base: "base-fqp8de",
+      datatip: "datatip-14v19ix"
+    };
+    const TooltipContent = _a => {
+      var {
+        children,
+        isOpen,
+        isDatatip,
+        onTransitionEnd
+      } = _a,
+          props = tslib_es6.__rest(_a, ["children", "isOpen", "isDatatip", "onTransitionEnd"]);
+
+      const uniqueID = hooks_UNSAFE_useId.useId();
+      const wrapperRef = hooks.useRef(null);
+      const popoverRef = hooks.useRef(null);
+      const {
+        nodeRef
+      } = useAnimation.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
+
+      hooks.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 jsxRuntime.jsx("div", Object.assign({
+        ref: wrapperRef,
+        id: uniqueID,
+        role: "tooltip",
+        class: styles.wrapper
+      }, {
+        children: jsxRuntime.jsx("div", Object.assign({
+          ref: nodeRef,
+          class: classNames.classNames([styles.inner])
+        }, props, {
+          children: jsxRuntime.jsx("div", Object.assign({
+            ref: popoverRef,
+            class: classNames.classNames([styles.base, isDatatip ? styles.datatip : ''])
+          }, {
+            children: children
+          }))
+        }))
+      }));
+    };
+
+    const positions = utils_UNSAFE_arrayUtils.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 = utils_UNSAFE_arrayUtils.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 = hooks.useRef(true);
+        const [state, setState] = hooks.useState(!disabled && isOpen ? 'mounting' : 'unmounted');
+        const [needsUpdate, setNeedsUpdate] = hooks.useState(false);
+        setNeedsUpdate(false);
+        const isDatatip = variant === 'datatip';
+        const isInitialRenderTrigger = hooks.useRef(true);
+        const { hoverProps, isHover } = hooks_UNSAFE_useHover.useHover({ isDisabled });
+        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 });
+        const { hoverProps: popoverHoverProps, isHover: popoverIsHover } = hooks_UNSAFE_useHover.useHover({ isDisabled });
+        const isPointer = anchor.x === 'pointer' || anchor.y === 'pointer';
+        const uniqueID = hooks_UNSAFE_useId.useId();
+        const targetRef = hooks.useRef(null);
+        const coordsRef = hooks.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 = hooks.useRef(null);
+        const updateTimeoutRef = hooks.useRef(null);
+        const toggleTimeoutClear = () => {
+            if (toggleTimeoutRef.current) {
+                clearTimeout(toggleTimeoutRef.current);
+            }
+        };
+        const updateTimeoutClear = () => {
+            if (updateTimeoutRef.current) {
+                clearTimeout(updateTimeoutRef.current);
+            }
+        };
+        const updateState = hooks.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]);
+        hooks.useEffect(() => {
+            if (isInitialRenderState.current) {
+                // On onitial render do not trigger rerender
+                isInitialRenderState.current = false;
+                return;
+            }
+            setState(isOpen ? 'mounting' : 'unmounting');
+        }, [isOpen]);
+        hooks.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.
+        */
+        hooks.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 = utils_UNSAFE_mergeProps.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 = utils_UNSAFE_mergeProps.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 = (jsxRuntime.jsx(UNSAFE_Layer.Layer, Object.assign({ logicalParentRef: targetRef }, { children: jsxRuntime.jsx(Floating.Floating, Object.assign({ anchorRef: usedRef, placement: placement, offsetValue: offset }, { children: jsxRuntime.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] = hooks.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
+     */
+
+    exports.useTooltip = useTooltip;
+    exports.useTooltipControlled = useTooltipControlled;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useTooltip.js.map

package/amd/hooks/UNSAFE_useTooltip.js.map

@@ -1 +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"],"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"],"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","jsx","classNames","useTooltipControlled","stringLiteralArray","text","variant","position","isDisabled","anchor","x","y","offset","mainAxis","crossAxis","onToggle","disabled","isInitialRenderState","state","setState","useState","needsUpdate","setNeedsUpdate","isInitialRenderTrigger","hoverProps","isHover","useHover","touchProps","isTouch","useTouch","focusProps","isFocus","useFocus","popoverHoverProps","popoverIsHover","isPointer","targetRef","coordsRef","usedRef","delay","toggleTimeoutRef","updateTimeoutRef","toggleTimeoutClear","clearTimeout","updateState","useCallback","open","useEffect","setTimeout","useLayoutEffect","value","focusInitProps","onFocus","event","eventPhase","Event","AT_TARGET","BUBBLING_PHASE","target","actionableProps","mergeProps","anchorInitProps","onMouseEnter","onMouseLeave","onMouseMove","targetRect","getBoundingClientRect","distanceX","document","body","scrollLeft","left","width","distanceY","scrollTop","top","clientX","clientY","handleMouseMove","tooltipContent","tooltipProps","placement","positionToPlacement","renderContent","Layer","logicalParentRef","Floating","anchorRef","offsetValue","includes","setIsOpen"],"mappings":"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"}
+{"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","stringLiteralArray","useState","useHover","useTouch","useFocus","useCallback","useEffect","useLayoutEffect","mergeProps","Layer","Floating"],"mappings":";;;IAiBA,MAAAA,MAAA,GAAA;eAAA,iBAAA;aAAA,cAAA;YAAA,aAAA;;IAAA,CAAA,CAAA;IAwCA,MAAAC,cAAA,GAAAC,EAAA,IAAA;MAA+B,IAAA;QAAAC,QAAA;QAAAC,MAAA;QAAAC,SAAA;IAAAC,IAAAA,eAAAA;IAAA,GAAA,GAAAJ,EAAA;IAAA,MAAAK,KAAA,GAAAC,gBAAA,CAAAN,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,iBAAA,CAAA,CAAA,CAAA;;MAO7B,MAAAO,QAAA,GAAAC,wBAAA,EAAA,CAAA;IACA,EAAA,MAAAC,UAAA,GAAAC,YAAA,CAAA,IAAA,CAAA,CAAA;IACA,EAAA,MAAAC,UAAA,GAAAD,YAAA,CAAA,IAAA,CAAA,CAAA;MAEA,MAAA;IAAAE,IAAAA,OAAAA;IAAA,GAAA,GAAAC,yBAAA,CAAAX,MAAA,GAAA,SAAA,GAAA,WAAA,EAAA;IACEY,IAAAA,eAAA,EAAA;UACEC,OAAA,EAAAC,KAAA,IAAA;IACE,QAAA,MAAAC,SAAA,GAAAD,KAAA,CAAAE,UAAA,CAAA;;IAEEC,UAAAA,IAAA,EAAA;IACEC,YAAAA,SAAA,EAAA,GADF;IAEEC,YAAAA,OAAA,EAAA,IAAA;;IAEFC,UAAAA,EAAA,EAAA;2GAAA,EAAA,CAAA;;;IAIAC,UAAAA,OAAA,EAAA;6CAAA;;IAAA,WAAA;;WAZN;UAkBEC,SAAA,EAAAR,KAAA,IAAA;;IAEIG,UAAAA,IAAA,EAAA;;;IAGAG,UAAAA,EAAA,EAAA;IACEF,YAAAA,SAAA,EAAA,GADF;IAEEC,YAAAA,OAAA,EAAA,IAAA;;IAEFE,UAAAA,OAAA,EAAA;6CAAA;;IAAA,WAAA;;;SA5BR;IAmCEE,IAAAA,iBAAA,EAAA,IAnCF;;OAAA,CAAA,CAXF;;;;;;IAqDMhB,MAAAA,UAAA,CAAAiB,OAAA,CAAAC,KAAA,CAAAC,MAAA,GAAA,CAAA,EAAA,CAAAC,EAAA,GAAAlB,UAAA,CAAAe,OAAA,MAAA,IAAA,IAAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAC,YAAA,CAAA,EAAA,CAAA,CAAA;IACD,KAAA;;IAGH,EAAA,OAAAC,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,IAAAA,GAAA,EAAAzB,UAAA;IAAA0B,IAAAA,EAAA,EAAA5B,QAAA;IAAA6B,IAAAA,IAAA,EAAA,SAAA;QAAAC,KAAA,EAAAvC,MAAA,CAAAwC,OAAAA;IAAA,GAAA,EAAA;QAAArC,QAAA,EAAA8B,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,MAAAA,GAAA,EAAAtB,OAAA;IAAAyB,MAAAA,KAAA,EAAAE,qBAAA,CAAA,CAAAzC,MAAA,CAAA0C,KAAA,CAAA,CAAA;SAAA,EAAAnC,KAAA,EAAA;UAAAJ,QAAA,EAAA8B,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,QAAAA,GAAA,EAAAvB,UAAA;IAAA0B,QAAAA,KAAA,EAAAE,qBAAA,CAAA,CAAAzC,MAAA,CAAA2C,IAAA,EAAAtC,SAAA,GAAAL,MAAA,CAAA4C,OAAA,GAAA,EAAA,CAAA,CAAA;IAAA,OAAA,EAAA;IAAAzC,QAAAA,QAAA,EAAAA,QAAAA;IAAA,OAAA,CAAA,CAAA;IAAA,KAAA,CAAA,CAAA;IAAA,GAAA,CAAA,CAAA,CAAA;IASF,CAlEA;;IC7CO,MAAM,SAAS,GAAG0C,0CAAkB,CAAC;QAC1C,OAAO;QACP,WAAW;QACX,KAAK;QACL,SAAS;QACT,KAAK;QACL,YAAY;QACZ,QAAQ;QACR,cAAc;IACf,CAAA,CAAC,CAAC;IAGH,MAAM,mBAAmB,GAAG,CAAC,QAAkB,KAAI;QACjD,IAAI,SAAS,GAAc,QAAQ,CAAC;IAEpC,IAAA,QAAQ,QAAQ;IACd,QAAA,KAAK,KAAK,CAAC;IACX,QAAA,KAAK,KAAK,CAAC;IACX,QAAA,KAAK,QAAQ,CAAC;IACd,QAAA,KAAK,OAAO;gBACV,SAAS,GAAG,QAAqB,CAAC;gBAClC,MAAM;IAER,QAAA,KAAK,SAAS;gBACZ,SAAS,GAAG,gBAAgB,CAAC;gBAC7B,MAAM;IAER,QAAA,KAAK,YAAY;gBACf,SAAS,GAAG,mBAAmB,CAAC;gBAChC,MAAM;IAER,QAAA,KAAK,cAAc;gBACjB,SAAS,GAAG,qBAAqB,CAAC;gBAClC,MAAM;IAER,QAAA,KAAK,WAAW;gBACd,SAAS,GAAG,kBAAkB,CAAC;gBAC/B,MAAM;IACT,KAAA;IAED,IAAA,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEK,MAAM,SAAS,GAAGA,0CAAkB,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;UA+BvD,oBAAoB,GAAG,CAAC,EACnC,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,QAAQ,EACnB,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,EACvC,MAAM,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EACtC,QAAQ,EACF,KAGJ;IACF,IAAA,MAAM,QAAQ,GAAG,UAAU,IAAI,CAAC,IAAI,CAAC;IACrC,IAAA,MAAM,oBAAoB,GAAGjC,YAAM,CAAU,IAAI,CAAC,CAAC;QACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGkC,cAAQ,CAAS,CAAC,QAAQ,IAAI,MAAM,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC;QAC3F,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAU,KAAK,CAAC,CAAC;QAC/D,cAAc,CAAC,KAAK,CAAC,CAAC;IAEtB,IAAA,MAAM,SAAS,GAAG,OAAO,KAAK,SAAS,CAAC;IACxC,IAAA,MAAM,sBAAsB,GAAGlC,YAAM,CAAU,IAAI,CAAC,CAAC;IACrD,IAAA,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAGmC,8BAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;IACzD,IAAA,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAGC,8BAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;;IAEzD,IAAA,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAGC,8BAAQ,CAAC,EAAE,UAAU,EAAE,OAAO,IAAI,OAAO,EAAE,CAAC,CAAC;IAC7E,IAAA,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,OAAO,EAAE,cAAc,EAAE,GAAGF,8BAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;IAE5F,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,KAAK,SAAS,IAAI,MAAM,CAAC,CAAC,KAAK,SAAS,CAAC;IAEnE,IAAA,MAAM,QAAQ,GAAGrC,wBAAK,EAAE,CAAC;IACzB,IAAA,MAAM,SAAS,GAAGE,YAAM,CAAqB,IAAI,CAAC,CAAC;IACnD,IAAA,MAAM,SAAS,GAAGA,YAAM,CAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;;IAEjD,IAAA,MAAM,OAAO,GAAG,SAAS,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;QAC9D,MAAM,KAAK,GAAG,SAAS,GAAG,CAAC,GAAG,GAAG,CAAC;IAClC,IAAA,MAAM,gBAAgB,GAAGA,YAAM,CAAuC,IAAI,CAAC,CAAC;IAC5E,IAAA,MAAM,gBAAgB,GAAGA,YAAM,CAAuC,IAAI,CAAC,CAAC;QAE5E,MAAM,kBAAkB,GAAG,MAAK;YAC9B,IAAI,gBAAgB,CAAC,OAAO,EAAE;IAC5B,YAAA,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC,SAAA;IACH,KAAC,CAAC;QAEF,MAAM,kBAAkB,GAAG,MAAK;YAC9B,IAAI,gBAAgB,CAAC,OAAO,EAAE;IAC5B,YAAA,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC,SAAA;IACH,KAAC,CAAC;IAEF,IAAA,MAAM,WAAW,GAAGsC,iBAAW,CAC7B,CAAC,IAAa,KAAI;IAChB,QAAA,IAAI,IAAI,EAAE;;IAER,YAAA,QAAQ,KAAK;IACX,gBAAA,KAAK,YAAY,CAAC;IAClB,gBAAA,KAAK,WAAW;IACd,oBAAA,QAAQ,CAAC,cAAc,CAAC,CAAC;wBACzB,MAAM;IACR,gBAAA,KAAK,gBAAgB;IACnB,oBAAA,kBAAkB,EAAE,CAAC;IACrB,oBAAA,QAAQ,CAAC,SAAS,CAAC,CAAC;wBACpB,MAAM;IACT,aAAA;IACF,SAAA;IAAM,aAAA;;IAEL,YAAA,QAAQ,KAAK;IACX,gBAAA,KAAK,UAAU,CAAC;IAChB,gBAAA,KAAK,SAAS;IACZ,oBAAA,QAAQ,CAAC,gBAAgB,CAAC,CAAC;wBAC3B,MAAM;IACR,gBAAA,KAAK,cAAc;IACjB,oBAAA,kBAAkB,EAAE,CAAC;IACrB,oBAAA,QAAQ,CAAC,WAAW,CAAC,CAAC;wBACtB,MAAM;IACT,aAAA;IACF,SAAA;IACH,KAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;QAEFC,eAAS,CAAC,MAAK;YACb,IAAI,oBAAoB,CAAC,OAAO,EAAE;;IAEhC,YAAA,oBAAoB,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrC,OAAO;IACR,SAAA;YACD,QAAQ,CAAC,MAAM,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;IAC/C,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QAEbA,eAAS,CAAC,MAAK;YACb,IAAI,sBAAsB,CAAC,OAAO,EAAE;;IAElC,YAAA,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;gBACvC,OAAO;IACR,SAAA;;;IAGD,QAAA,IAAI,SAAS,IAAI,OAAO,IAAI,KAAK,KAAK,WAAW,EAAE;gBACjD,OAAO;IACR,SAAA;IACD,QAAA,kBAAkB,EAAE,CAAC;;;IAGrB,QAAA,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;gBACzC,WAAW,CAAC,OAAO,IAAI,OAAO,IAAI,cAAc,IAAI,OAAO,CAAC,CAAC;aAC9D,EAAE,EAAE,CAAC,CAAC;IACT,KAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAE/E;;;;;;;;;;;IAWE;QACFC,qBAAe,CAAC,MAAK;IACnB,QAAA,IAAI,KAAK,KAAK,cAAc,IAAI,KAAK,KAAK,gBAAgB,EAAE;gBAC1D,gBAAgB,CAAC,OAAO,GAAG,UAAU,CACnC,MAAM,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,EAAE,KAAK,EAAE,KAAK,KAAK,cAAc,EAAE,CAAC,EACrD,KAAK,CACN,CAAC;IACH,SAAA;SACF,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,IAAA,MAAM,eAAe,GAAG,CAAC,KAAiB,KAAI;;;IAE5C,QAAA,IAAI,KAAK,KAAK,WAAW,IAAI,EAAE,OAAO,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,CAAC,EAAE;gBAC5E,OAAO;IACR,SAAA;IACD,QAAA,MAAM,UAAU,GAAG,CAAA,EAAA,GAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,qBAAqB,EAAE,CAAC;;IAG/D,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,UAAU,IAAI,CAAA,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAE,IAAI,KAAI,CAAC,CAAC,IAAI,CAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAV,UAAU,CAAE,KAAK,KAAI,CAAC,CAAC,CAAC;;IAGhG,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,IAAI,CAAA,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAE,GAAG,KAAI,CAAC,CAAC,IAAI,CAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAV,UAAU,CAAE,MAAM,KAAI,CAAC,CAAC,CAAC;;IAG/F,QAAA,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,SAAS,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC;IAC7D,QAAA,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,SAAS,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC;YAE7D,IAAI,KAAK,KAAK,SAAS,EAAE;gBACvB,SAAS,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;gBAC7B,IAAI,WAAW,KAAK,IAAI;oBAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAChD,SAAA;iBAAM,IAAI,KAAK,KAAK,WAAW,EAAE;IAChC,YAAA,kBAAkB,EAAE,CAAC;IACrB,YAAA,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;oBACzC,IAAI,KAAK,KAAK,WAAW,EAAE;wBACzB,SAAS,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;wBAC7B,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7B,iBAAA;iBACF,EAAE,KAAK,CAAC,CAAC;IACX,SAAA;IACH,KAAC,CAAC;IAEF,IAAA,MAAM,cAAc,GAAG;IACrB,QAAA,OAAO,EAAE,CAAC,KAAiB,KAAI;IAC7B,YAAA,IACE,KAAK,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS;qBACnC,KAAK,CAAC,UAAU,KAAK,KAAK,CAAC,cAAc,IAAI,SAAS,CAAC,EACxD;IACA,gBAAA,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC,MAAqB,CAAC;IACjD,aAAA;aACF;SACF,CAAC;IAEF,IAAA,IAAI,eAAe,CAAC;IACpB,IAAA,IAAI,QAAQ,EAAE;IACZ,QAAA,eAAe,GAAGC,kCAAU,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;IAC1D,KAAA;IAAM,SAAA;YACL,MAAM,eAAe,GACnB,MAAA,CAAA,MAAA,CAAA,EAAA,kBAAkB,EAAE,QAAQ,EAC5B,YAAY,EAAE,CAAC,KAAiB,KAAI;IAClC,gBAAA,IACE,KAAK,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS;yBACnC,KAAK,CAAC,UAAU,KAAK,KAAK,CAAC,cAAc,IAAI,SAAS,CAAC,EACxD;IACA,oBAAA,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC,MAAqB,CAAC;IACjD,iBAAA;iBACF,EAAA,GACG,SAAS,IAAI;gBACf,YAAY,EAAE,MAAK;oBACjB,IAAI,KAAK,KAAK,UAAU,EAAE;wBACxB,OAAO;IACR,iBAAA;IACD,gBAAA,kBAAkB,EAAE,CAAC;iBACtB;IACD,YAAA,WAAW,EAAE,CAAC,KAAiB,KAAI;IACjC,gBAAA,IACE,KAAK,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS;yBACnC,KAAK,CAAC,UAAU,KAAK,KAAK,CAAC,cAAc,IAAI,SAAS,CAAC,EACxD;wBACA,eAAe,CAAC,KAAK,CAAC,CAAC;IACxB,iBAAA;iBACF;IACF,SAAA,EACF,CAAC;IACF,QAAA,eAAe,GAAGA,kCAAU,CAC1B,UAAU,EACV,UAAU,EACV,UAAU,EACV,cAAc,EACd,eAAe,CAChB,CAAC;IACH,KAAA;;;;IAKD,IAAA,IAAI,QAAQ,EAAE;IACZ,QAAA,kBAAkB,EAAE,CAAC;YACrB,OAAO;IACL,YAAA,cAAc,EAAE,IAAI;IACpB,YAAA,YAAY,EAAE,eAAe;aAC9B,CAAC;IACH,KAAA;IAED,IAAA,MAAM,SAAS,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QAEhD,MAAM,mBAAmB,GAAG,MAAK;YAC/B,IAAI,KAAK,KAAK,UAAU,EAAE;gBACxB,QAAQ,CAAC,SAAS,CAAC,CAAC;IACrB,SAAA;YACD,IAAI,KAAK,KAAK,YAAY,EAAE;gBAC1B,QAAQ,CAAC,WAAW,CAAC,CAAC;IACvB,SAAA;IACH,KAAC,CAAC;QAEF,MAAM,aAAa,IACjBpB,cAAC,CAAAqB,kBAAK,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,gBAAgB,EAAE,SAAS,EAChC,EAAA,EAAA,QAAA,EAAArB,cAAA,CAACsB,iBAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAA,EAAA,EAAA,QAAA,EACrEtB,cAAC,CAAA,cAAc,EACb,MAAA,CAAA,MAAA,CAAA,EAAA,MAAM,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC7D,EAAA,iBAAiB,EACrB,EAAA,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,mBAAmB,EACnC,EAAA,EAAA,QAAA,EAAA,IAAI,EACU,CAAA,CAAA,EAAA,CAAA,CACR,EACL,CAAA,CAAA,CACT,CAAC;QAEF,OAAO;IACL,QAAA,cAAc,EAAE,CAAC,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,aAAa;IAC/E,QAAA,YAAY,EAAE,eAAe;SAC9B,CAAC;IACJ;;UCpUa,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,EACvC,MAAM,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EACtC,OAAO,GAAG,SAAS,EACb,KAA6C;QACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGa,cAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,IAAA,MAAM,QAAQ,GAAG,UAAU,IAAI,CAAC,IAAI,CAAC;IACrC,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,oBAAoB,CAAC;YAC5D,IAAI;YACJ,MAAM;YACN,QAAQ;IACR,QAAA,UAAU,EAAE,QAAQ;YACpB,MAAM;YACN,MAAM;YACN,OAAO;YACP,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,SAAS,CAAC,KAAK,CAAC;IAC1C,KAAA,CAAC,CAAC;QAEH,OAAO;YACL,cAAc;YACd,YAAY;SACb,CAAC;IACJ;;ICvCA;;;;;;IAMG;;;;;;;;;;;;;;"}

package/amd/hooks/UNSAFE_useTouch.js

@@ -1,2 +1,36 @@
-define(["exports","./UNSAFE_useToggle","preact/hooks"],function(e,o,s){"use strict";e.useTouch=function(e={isDisabled:!1}){const{bool:s,setTrue:t,setFalse:u}=o.useToggle(!1),i=e.isDisabled?{}:{onTouchStart:t,onTouchEnd:u};return{isTouch:!e.isDisabled&&s,touchProps:i}},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './UNSAFE_useToggle', 'preact/hooks'], (function (exports, hooks_UNSAFE_useToggle, hooks) { 'use strict';
+
+    /**
+     * Get status on whether target has touch or not
+     * @returns
+     */
+    function useTouch(settings = { isDisabled: false }) {
+        const { bool, setTrue, setFalse } = hooks_UNSAFE_useToggle.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
+     */
+
+    exports.useTouch = useTouch;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useTouch.js.map

package/amd/hooks/UNSAFE_useTouch.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useTouch.js","sources":["../../../src/hooks/UNSAFE_useTouch/useTouch.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"],"names":["settings","isDisabled","bool","setTrue","setFalse","useToggle","touchProps","onTouchStart","onTouchEnd","isTouch"],"mappings":"+FAUM,SAAmBA,EAAyB,CAAEC,YAAY,IAI9D,MAAMC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAaC,EAAAA,WAAU,GACxCC,EAAaN,EAASC,WACxB,GACA,CACEM,aAAcJ,EACdK,WAAYJ,GAElB,MAAO,CACLK,SAAST,EAASC,YAAqBC,EACvCI,WAAYA"}
+{"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":["useToggle"],"mappings":";;;IAMA;;;IAGG;IACG,SAAU,QAAQ,CAAC,QAAA,GAAyB,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA;IAIrE,IAAA,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAGA,gCAAS,CAAC,KAAK,CAAC,CAAC;IACrD,IAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU;IACpC,UAAE,EAAE;IACJ,UAAE;IACE,YAAA,YAAY,EAAE,OAAO;IACrB,YAAA,UAAU,EAAE,QAAQ;aACrB,CAAC;QACN,OAAO;YACL,OAAO,EAAE,QAAQ,CAAC,UAAU,GAAG,KAAK,GAAG,IAAI;IAC3C,QAAA,UAAU,EAAE,UAAU;SACvB,CAAC;IACJ;;ICzBA;;;;;;IAMG;;;;;;;;;;;;;"}