@oracle/oraclejet-preact 14.0.5 → 14.0.7

package/amd/hooks/UNSAFE_useSwipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useSwipe.js","sources":["../../../src/hooks/UNSAFE_useSwipe/useSwipe.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/*\n  threshold: Minimal threshold required before recognizing\n  tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n  This allows the swipe gesture to be triggered more easily since a User might not move their finger\n  in a straight line.\n*/\ntype SwipeOptions = {\n  threshold?: number;\n  maximumTime?: number;\n  tolerance?: number;\n  isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n  direction: 'left' | 'right' | 'up' | 'down';\n};\n\ntype SwipeState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevoffsetX: number;\n  prevoffsetY: number;\n};\n\nexport function useSwipe(\n  onSwipe: (e: SwipeInfo) => void,\n  { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n    threshold: 10,\n    maximumTime: 300,\n    tolerance: 50,\n    isDisabled: false\n  }\n): { swipeProps: Record<string, any> } {\n  const ref = useRef<SwipeState>({\n    pointerDownId: 0,\n    startTime: null,\n    prevoffsetX: 0,\n    prevoffsetY: 0\n  });\n\n  const onPointerDown = useCallback((e: PointerEvent) => {\n    if (!ref.current.pointerDownId) {\n      ref.current = {\n        pointerDownId: e.pointerId,\n        startTime: e.timeStamp,\n        prevoffsetX: e.offsetX,\n        prevoffsetY: e.offsetY\n      };\n    } else {\n      clearSwipe();\n    }\n  }, []);\n\n  const onPointerUp = useCallback(\n    (ev: PointerEvent) => {\n      if (ev.pointerId === ref.current.pointerDownId) {\n        if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n          if (\n            ref.current.prevoffsetX - ev.offsetX > threshold &&\n            Math.abs(ev.offsetY - ref.current.prevoffsetY) <= tolerance\n          ) {\n            onSwipe?.({ direction: 'left' });\n          } else if (\n            ev.offsetX - ref.current.prevoffsetX > threshold &&\n            Math.abs(ev.offsetY - ref.current.prevoffsetY) <= tolerance\n          ) {\n            onSwipe?.({ direction: 'right' });\n          } else if (\n            ref.current.prevoffsetY - ev.offsetY > threshold &&\n            Math.abs(ev.offsetX - ref.current.prevoffsetX) <= tolerance\n          ) {\n            onSwipe?.({ direction: 'up' });\n          } else if (\n            ev.offsetY - ref.current.prevoffsetY > threshold &&\n            Math.abs(ev.offsetX - ref.current.prevoffsetX) <= tolerance\n          ) {\n            onSwipe?.({ direction: 'down' });\n          }\n        }\n      }\n      // state would be reset to its original state whether swipe is completed or cancelled\n      clearSwipe();\n    },\n    [threshold, onSwipe]\n  );\n\n  const clearSwipe = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: 0,\n      prevoffsetX: 0,\n      prevoffsetY: 0\n    };\n  }, []);\n\n  const swipeProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onPointerDown,\n        onPointerUp,\n        onPointerCancel: clearSwipe\n      };\n\n  return {\n    swipeProps\n  };\n}\n"],"names":["onSwipe","threshold","maximumTime","tolerance","isDisabled","ref","useRef","pointerDownId","startTime","prevoffsetX","prevoffsetY","onPointerDown","useCallback","e","current","clearSwipe","pointerId","timeStamp","offsetX","offsetY","onPointerUp","ev","Math","abs","direction","swipeProps","onPointerCancel"],"mappings":"wEAkCM,SACJA,GACAC,UAAEA,EAAY,GAAEC,YAAEA,EAAc,IAAGC,UAAEA,EAAY,GAAEC,WAAEA,GAAa,GAAwB,CACxFH,UAAW,GACXC,YAAa,IACbC,UAAW,GACXC,YAAY,IAGd,MAAMC,EAAMC,EAAAA,OAAmB,CAC7BC,cAAe,EACfC,UAAW,KACXC,YAAa,EACbC,YAAa,IAGTC,EAAgBC,cAAaC,IAC5BR,EAAIS,QAAQP,cAQfQ,IAPAV,EAAIS,QAAU,CACZP,cAAeM,EAAEG,UACjBR,UAAWK,EAAEI,UACbR,YAAaI,EAAEK,QACfR,YAAaG,EAAEM,UAKlB,IAEGC,EAAcR,cACjBS,IACKA,EAAGL,YAAcX,EAAIS,QAAQP,eAC3BF,EAAIS,QAAQN,WAAaa,EAAGJ,UAAYZ,EAAIS,QAAQN,UAAYN,IAEhEG,EAAIS,QAAQL,YAAcY,EAAGH,QAAUjB,GACvCqB,KAAKC,IAAIF,EAAGF,QAAUd,EAAIS,QAAQJ,cAAgBP,EAElDH,MAAAA,GAAAA,EAAU,CAAEwB,UAAW,SAEvBH,EAAGH,QAAUb,EAAIS,QAAQL,YAAcR,GACvCqB,KAAKC,IAAIF,EAAGF,QAAUd,EAAIS,QAAQJ,cAAgBP,EAElDH,MAAAA,GAAAA,EAAU,CAAEwB,UAAW,UAEvBnB,EAAIS,QAAQJ,YAAcW,EAAGF,QAAUlB,GACvCqB,KAAKC,IAAIF,EAAGH,QAAUb,EAAIS,QAAQL,cAAgBN,EAElDH,MAAAA,GAAAA,EAAU,CAAEwB,UAAW,OAEvBH,EAAGF,QAAUd,EAAIS,QAAQJ,YAAcT,GACvCqB,KAAKC,IAAIF,EAAGH,QAAUb,EAAIS,QAAQL,cAAgBN,IAElDH,MAAAA,GAAAA,EAAU,CAAEwB,UAAW,WAK7BT,KAEF,CAACd,EAAWD,IAGRe,EAAaH,EAAAA,YAAY,KAC7BP,EAAIS,QAAU,CACZP,cAAe,KACfC,UAAW,EACXC,YAAa,EACbC,YAAa,IAEd,IAWH,MAAO,CACLe,WAViBrB,EACf,GACA,CAEEO,cAAAA,EACAS,YAAAA,EACAM,gBAAiBX"}
+{"version":3,"file":"UNSAFE_useSwipe.js","sources":["../../../src/hooks/UNSAFE_useSwipe/useSwipe.ts","../../../src/hooks/UNSAFE_useSwipe/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/*\n  threshold: Minimal threshold required before recognizing\n  tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n  This allows the swipe gesture to be triggered more easily since a User might not move their finger\n  in a straight line.\n*/\ntype SwipeOptions = {\n  threshold?: number;\n  maximumTime?: number;\n  tolerance?: number;\n  isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n  direction: 'left' | 'right' | 'up' | 'down';\n};\n\ntype SwipeState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevoffsetX: number;\n  prevoffsetY: number;\n};\n\nexport function useSwipe(\n  onSwipe: (e: SwipeInfo) => void,\n  { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n    threshold: 10,\n    maximumTime: 300,\n    tolerance: 50,\n    isDisabled: false\n  }\n): { swipeProps: Record<string, any> } {\n  const ref = useRef<SwipeState>({\n    pointerDownId: 0,\n    startTime: null,\n    prevoffsetX: 0,\n    prevoffsetY: 0\n  });\n\n  const onPointerDown = useCallback((e: PointerEvent) => {\n    if (!ref.current.pointerDownId) {\n      ref.current = {\n        pointerDownId: e.pointerId,\n        startTime: e.timeStamp,\n        prevoffsetX: e.offsetX,\n        prevoffsetY: e.offsetY\n      };\n    } else {\n      clearSwipe();\n    }\n  }, []);\n\n  const onPointerUp = useCallback(\n    (ev: PointerEvent) => {\n      if (ev.pointerId === ref.current.pointerDownId) {\n        if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n          if (\n            ref.current.prevoffsetX - ev.offsetX > threshold &&\n            Math.abs(ev.offsetY - ref.current.prevoffsetY) <= tolerance\n          ) {\n            onSwipe?.({ direction: 'left' });\n          } else if (\n            ev.offsetX - ref.current.prevoffsetX > threshold &&\n            Math.abs(ev.offsetY - ref.current.prevoffsetY) <= tolerance\n          ) {\n            onSwipe?.({ direction: 'right' });\n          } else if (\n            ref.current.prevoffsetY - ev.offsetY > threshold &&\n            Math.abs(ev.offsetX - ref.current.prevoffsetX) <= tolerance\n          ) {\n            onSwipe?.({ direction: 'up' });\n          } else if (\n            ev.offsetY - ref.current.prevoffsetY > threshold &&\n            Math.abs(ev.offsetX - ref.current.prevoffsetX) <= tolerance\n          ) {\n            onSwipe?.({ direction: 'down' });\n          }\n        }\n      }\n      // state would be reset to its original state whether swipe is completed or cancelled\n      clearSwipe();\n    },\n    [threshold, onSwipe]\n  );\n\n  const clearSwipe = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: 0,\n      prevoffsetX: 0,\n      prevoffsetY: 0\n    };\n  }, []);\n\n  const swipeProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onPointerDown,\n        onPointerUp,\n        onPointerCancel: clearSwipe\n      };\n\n  return {\n    swipeProps\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 */\n\nexport { useSwipe } from './useSwipe';\n"],"names":["useRef","useCallback"],"mappings":"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"}

package/amd/hooks/UNSAFE_useTabbableMode.js

@@ -1,2 +1,48 @@
-define(["exports","preact","preact/hooks"],function(e,t,b){"use strict";const a=t.createContext({isTabbable:!0});e.TabbableModeContext=a,e.useTabbableMode=function(){const{isTabbable:e}=b.useContext(a);return{isTabbable:e,tabbableModeProps:{tabIndex:!1===e?-1:0}}},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact', 'preact/hooks'], (function (exports, preact, hooks) { 'use strict';
+
+    /**
+     * Context for Tabbable Mode Consumer and Provider
+     */
+    const initialContext = {
+        isTabbable: true
+    };
+    const TabbableModeContext = preact.createContext(initialContext);
+
+    /**
+     * @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
+     */
+    /**
+     * Utility hook for consuming the TabbableModeContext
+     */
+    function useTabbableMode() {
+        const { isTabbable } = hooks.useContext(TabbableModeContext);
+        const tabbableModeProps = {
+            tabIndex: isTabbable === false ? -1 : 0
+        };
+        return {
+            isTabbable,
+            tabbableModeProps
+        };
+    }
+
+    /**
+     * @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.TabbableModeContext = TabbableModeContext;
+    exports.useTabbableMode = useTabbableMode;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useTabbableMode.js.map

package/amd/hooks/UNSAFE_useTabbableMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useTabbableMode.js","sources":["../../../src/hooks/UNSAFE_useTabbableMode/TabbableModeContext.tsx","../../../src/hooks/UNSAFE_useTabbableMode/useTabbableMode.ts"],"sourcesContent":["/**\n * Context for Tabbable Mode Consumer and Provider\n */\n\nimport { createContext } from 'preact';\n\n/**\n * Context props for Tabbable Mode\n */\ntype TabbableModeContextProps = {\n  /**\n   * State of Tabbable mode\n   * @default true\n   */\n  isTabbable: boolean;\n};\n\nconst initialContext: TabbableModeContextProps = {\n  isTabbable: true\n};\n\nconst TabbableModeContext = createContext<TabbableModeContextProps>(initialContext);\n\nexport { TabbableModeContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { TabbableModeContext } from './TabbableModeContext';\n\n/**\n * Utility hook for consuming the TabbableModeContext\n */\nfunction useTabbableMode() {\n  const { isTabbable } = useContext(TabbableModeContext);\n  const tabbableModeProps = {\n    tabIndex: isTabbable === false ? -1 : 0\n  };\n  return {\n    isTabbable,\n    tabbableModeProps\n  };\n}\n\nexport { useTabbableMode };\n"],"names":["TabbableModeContext","createContext","isTabbable","useContext","tabbableModeProps","tabIndex"],"mappings":"wEAiBA,MAIMA,EAAsBC,EAAaA,cAJQ,CAC/CC,YAAY,8CCJd,WACE,MAAMA,WAAEA,GAAeC,EAAUA,WAACH,GAIlC,MAAO,CACLE,WAAAA,EACAE,kBALwB,CACxBC,UAAyB,IAAfH,GAAwB,EAAI"}
+{"version":3,"file":"UNSAFE_useTabbableMode.js","sources":["../../../src/hooks/UNSAFE_useTabbableMode/TabbableModeContext.tsx","../../../src/hooks/UNSAFE_useTabbableMode/useTabbableMode.ts","../../../src/hooks/UNSAFE_useTabbableMode/index.ts"],"sourcesContent":["/**\n * Context for Tabbable Mode Consumer and Provider\n */\n\nimport { createContext } from 'preact';\n\n/**\n * Context props for Tabbable Mode\n */\ntype TabbableModeContextProps = {\n  /**\n   * State of Tabbable mode\n   * @default true\n   */\n  isTabbable: boolean;\n};\n\nconst initialContext: TabbableModeContextProps = {\n  isTabbable: true\n};\n\nconst TabbableModeContext = createContext<TabbableModeContextProps>(initialContext);\n\nexport { TabbableModeContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { TabbableModeContext } from './TabbableModeContext';\n\n/**\n * Utility hook for consuming the TabbableModeContext\n */\nfunction useTabbableMode() {\n  const { isTabbable } = useContext(TabbableModeContext);\n  const tabbableModeProps = {\n    tabIndex: isTabbable === false ? -1 : 0\n  };\n  return {\n    isTabbable,\n    tabbableModeProps\n  };\n}\n\nexport { useTabbableMode };\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 { TabbableModeContext } from './TabbableModeContext';\nexport { useTabbableMode } from './useTabbableMode';\n"],"names":["createContext","useContext"],"mappings":";;;IAAA;;IAEG;IAeH,MAAM,cAAc,GAA6B;IAC/C,IAAA,UAAU,EAAE,IAAI;KACjB,CAAC;AAEF,UAAM,mBAAmB,GAAGA,oBAAa,CAA2B,cAAc;;ICrBlF;;;;;;IAMG;IAKH;;IAEG;IACH,SAAS,eAAe,GAAA;QACtB,MAAM,EAAE,UAAU,EAAE,GAAGC,gBAAU,CAAC,mBAAmB,CAAC,CAAC;IACvD,IAAA,MAAM,iBAAiB,GAAG;IACxB,QAAA,QAAQ,EAAE,UAAU,KAAK,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC;SACxC,CAAC;QACF,OAAO;YACL,UAAU;YACV,iBAAiB;SAClB,CAAC;IACJ;;ICvBA;;;;;;IAMG;;;;;;;;;;;;;;"}

package/amd/hooks/UNSAFE_useTap.js

@@ -1,2 +1,76 @@
-define(["exports","preact/hooks"],function(e,t){"use strict";e.useTap=function(e,{isDisabled:n}={isDisabled:!1}){const o=t.useRef({pointerDownId:null,startTime:0}),r=t.useCallback(e=>{"mouse"===e.pointerType&&0!==e.button||(o.current.pointerDownId?s():o.current={pointerDownId:e.pointerId,startTime:e.timeStamp})},[]),i=t.useCallback(t=>{if(t.pointerId===o.current.pointerDownId){t.timeStamp-o.current.startTime<=250&&e({x:t.offsetX,y:t.offsetY})}s()},[e]),s=t.useCallback(()=>{o.current={pointerDownId:null,startTime:0}},[]);return{tapProps:n?{}:{onPointerDown:r,onPointerUp:i,onPointerLeave:s,onPointerCancel:s}}},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks'], (function (exports, hooks) { 'use strict';
+
+    /**
+     * @license
+     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+     * Licensed under The Universal Permissive License (UPL), Version 1.0
+     * as shown at https://oss.oracle.com/licenses/upl/
+     * @ignore
+     */
+    /**
+     * Returns event handlers that can make a target element tapable.
+     * useTap is used for non-keyboard elements.
+     *
+     * @param onTap function
+     * @param settings object
+     * @returns
+     */
+    function useTap(onTap, { isDisabled } = { isDisabled: false }) {
+        const ref = hooks.useRef({
+            pointerDownId: null,
+            startTime: 0
+        });
+        const onPointerDown = hooks.useCallback((e) => {
+            // return if it is not a left click
+            if (e.pointerType === 'mouse' && e.button !== 0) {
+                return;
+            }
+            if (!ref.current.pointerDownId) {
+                ref.current = { pointerDownId: e.pointerId, startTime: e.timeStamp };
+            }
+            else {
+                clearTap();
+            }
+        }, []);
+        const onPointerUp = hooks.useCallback((e) => {
+            if (e.pointerId === ref.current.pointerDownId) {
+                const tapTime = e.timeStamp - ref.current.startTime;
+                // 250ms maximum tap time based on numbers used in Hammer
+                if (tapTime <= 250) {
+                    onTap({ x: e.offsetX, y: e.offsetY });
+                }
+            }
+            clearTap();
+        }, [onTap]);
+        const clearTap = hooks.useCallback(() => {
+            ref.current = { pointerDownId: null, startTime: 0 };
+        }, []);
+        const tapProps = isDisabled
+            ? {}
+            : {
+                onPointerDown,
+                onPointerUp,
+                onPointerLeave: clearTap,
+                onPointerCancel: clearTap
+            };
+        return {
+            tapProps
+        };
+    }
+
+    /**
+     * @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.useTap = useTap;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useTap.js.map

package/amd/hooks/UNSAFE_useTap.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useTap.js","sources":["../../../src/hooks/UNSAFE_useTap/useTap.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\ntype TapOptions = {\n  isDisabled?: boolean;\n};\n\ntype TapInfo = {\n  x: number;\n  y: number;\n};\n\ntype TapState = {\n  pointerDownId: number | null;\n  startTime: number;\n};\n\n/**\n * Returns event handlers that can make a target element tapable.\n * useTap is used for non-keyboard elements.\n *\n * @param onTap function\n * @param settings object\n * @returns\n */\n\nexport function useTap(\n  onTap: (e: TapInfo) => void,\n  { isDisabled }: TapOptions = { isDisabled: false }\n): { tapProps: Record<string, any> } {\n  const ref = useRef<TapState>({\n    pointerDownId: null,\n    startTime: 0\n  });\n\n  const onPointerDown = useCallback((e: PointerEvent) => {\n    // return if it is not a left click\n    if (e.pointerType === 'mouse' && e.button !== 0) {\n      return;\n    }\n    if (!ref.current.pointerDownId) {\n      ref.current = { pointerDownId: e.pointerId, startTime: e.timeStamp };\n    } else {\n      clearTap();\n    }\n  }, []);\n\n  const onPointerUp = useCallback(\n    (e: PointerEvent) => {\n      if (e.pointerId === ref.current.pointerDownId) {\n        const tapTime = e.timeStamp - ref.current.startTime;\n        // 250ms maximum tap time based on numbers used in Hammer\n        if (tapTime <= 250) {\n          onTap({ x: e.offsetX, y: e.offsetY });\n        }\n      }\n      clearTap();\n    },\n    [onTap]\n  );\n\n  const clearTap = useCallback(() => {\n    ref.current = { pointerDownId: null, startTime: 0 };\n  }, []);\n\n  const tapProps = isDisabled\n    ? {}\n    : {\n        onPointerDown,\n        onPointerUp,\n        onPointerLeave: clearTap,\n        onPointerCancel: clearTap\n      };\n\n  return {\n    tapProps\n  };\n}\n"],"names":["onTap","isDisabled","ref","useRef","pointerDownId","startTime","onPointerDown","useCallback","e","pointerType","button","current","clearTap","pointerId","timeStamp","onPointerUp","x","offsetX","y","offsetY","tapProps","onPointerLeave","onPointerCancel"],"mappings":"sEAiCgB,SACdA,GACAC,WAAEA,GAA2B,CAAEA,YAAY,IAE3C,MAAMC,EAAMC,EAAAA,OAAiB,CAC3BC,cAAe,KACfC,UAAW,IAGPC,EAAgBC,cAAaC,IAEX,UAAlBA,EAAEC,aAAwC,IAAbD,EAAEE,SAG9BR,EAAIS,QAAQP,cAGfQ,IAFAV,EAAIS,QAAU,CAAEP,cAAeI,EAAEK,UAAWR,UAAWG,EAAEM,aAI1D,IAEGC,EAAcR,cACjBC,IACC,GAAIA,EAAEK,YAAcX,EAAIS,QAAQP,cAAe,CAC7BI,EAAEM,UAAYZ,EAAIS,QAAQN,WAE3B,KACbL,EAAM,CAAEgB,EAAGR,EAAES,QAASC,EAAGV,EAAEW,UAG/BP,KAEF,CAACZ,IAGGY,EAAWL,EAAAA,YAAY,KAC3BL,EAAIS,QAAU,CAAEP,cAAe,KAAMC,UAAW,IAC/C,IAWH,MAAO,CACLe,SAVenB,EACb,GACA,CACEK,cAAAA,EACAS,YAAAA,EACAM,eAAgBT,EAChBU,gBAAiBV"}
+{"version":3,"file":"UNSAFE_useTap.js","sources":["../../../src/hooks/UNSAFE_useTap/useTap.ts","../../../src/hooks/UNSAFE_useTap/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\ntype TapOptions = {\n  isDisabled?: boolean;\n};\n\ntype TapInfo = {\n  x: number;\n  y: number;\n};\n\ntype TapState = {\n  pointerDownId: number | null;\n  startTime: number;\n};\n\n/**\n * Returns event handlers that can make a target element tapable.\n * useTap is used for non-keyboard elements.\n *\n * @param onTap function\n * @param settings object\n * @returns\n */\n\nexport function useTap(\n  onTap: (e: TapInfo) => void,\n  { isDisabled }: TapOptions = { isDisabled: false }\n): { tapProps: Record<string, any> } {\n  const ref = useRef<TapState>({\n    pointerDownId: null,\n    startTime: 0\n  });\n\n  const onPointerDown = useCallback((e: PointerEvent) => {\n    // return if it is not a left click\n    if (e.pointerType === 'mouse' && e.button !== 0) {\n      return;\n    }\n    if (!ref.current.pointerDownId) {\n      ref.current = { pointerDownId: e.pointerId, startTime: e.timeStamp };\n    } else {\n      clearTap();\n    }\n  }, []);\n\n  const onPointerUp = useCallback(\n    (e: PointerEvent) => {\n      if (e.pointerId === ref.current.pointerDownId) {\n        const tapTime = e.timeStamp - ref.current.startTime;\n        // 250ms maximum tap time based on numbers used in Hammer\n        if (tapTime <= 250) {\n          onTap({ x: e.offsetX, y: e.offsetY });\n        }\n      }\n      clearTap();\n    },\n    [onTap]\n  );\n\n  const clearTap = useCallback(() => {\n    ref.current = { pointerDownId: null, startTime: 0 };\n  }, []);\n\n  const tapProps = isDisabled\n    ? {}\n    : {\n        onPointerDown,\n        onPointerUp,\n        onPointerLeave: clearTap,\n        onPointerCancel: clearTap\n      };\n\n  return {\n    tapProps\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 */\n\nexport { useTap } from './useTap';\n"],"names":["useRef","useCallback"],"mappings":";;;IAAA;;;;;;IAMG;IAkBH;;;;;;;IAOG;IAEa,SAAA,MAAM,CACpB,KAA2B,EAC3B,EAAE,UAAU,EAAA,GAAiB,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA;QAElD,MAAM,GAAG,GAAGA,YAAM,CAAW;IAC3B,QAAA,aAAa,EAAE,IAAI;IACnB,QAAA,SAAS,EAAE,CAAC;IACb,KAAA,CAAC,CAAC;IAEH,IAAA,MAAM,aAAa,GAAGC,iBAAW,CAAC,CAAC,CAAe,KAAI;;YAEpD,IAAI,CAAC,CAAC,WAAW,KAAK,OAAO,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC/C,OAAO;IACR,SAAA;IACD,QAAA,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE;IAC9B,YAAA,GAAG,CAAC,OAAO,GAAG,EAAE,aAAa,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC;IACtE,SAAA;IAAM,aAAA;IACL,YAAA,QAAQ,EAAE,CAAC;IACZ,SAAA;SACF,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,MAAM,WAAW,GAAGA,iBAAW,CAC7B,CAAC,CAAe,KAAI;YAClB,IAAI,CAAC,CAAC,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE;gBAC7C,MAAM,OAAO,GAAG,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC;;gBAEpD,IAAI,OAAO,IAAI,GAAG,EAAE;IAClB,gBAAA,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;IACvC,aAAA;IACF,SAAA;IACD,QAAA,QAAQ,EAAE,CAAC;IACb,KAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,IAAA,MAAM,QAAQ,GAAGA,iBAAW,CAAC,MAAK;IAChC,QAAA,GAAG,CAAC,OAAO,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;SACrD,EAAE,EAAE,CAAC,CAAC;QAEP,MAAM,QAAQ,GAAG,UAAU;IACzB,UAAE,EAAE;IACJ,UAAE;gBACE,aAAa;gBACb,WAAW;IACX,YAAA,cAAc,EAAE,QAAQ;IACxB,YAAA,eAAe,EAAE,QAAQ;aAC1B,CAAC;QAEN,OAAO;YACL,QAAQ;SACT,CAAC;IACJ;;ICpFA;;;;;;IAMG;;;;;;;;;;;;;"}

package/amd/hooks/UNSAFE_useTextField.js

@@ -1,2 +1,98 @@
-define(["exports","preact/hooks","./UNSAFE_useId"],function(e,i,n){"use strict";const r=["error","warning","confirmation","info","none"];function o(...e){return e.filter(Boolean).join(" ")||void 0}e.useTextField=function({ariaDescribedBy:e,contentVariant:s,isDisabled:a,isFocused:t,isLoading:d,isReadonly:u,labelEdge:l,messages:c,styleVariant:v,value:f}){const g=n.useId(),p="none"!==l?`${g}-label`:void 0,b=u?void 0:`${g}-input`,y=a||u?void 0:`${g}-ua`,V=i.useMemo(()=>{const e=void 0!==f&&("string"!=typeof f||""!==f);return u?{hasValue:e,isFocused:t,isLoading:d,isReadonly:!0}:a?{hasValue:e,isDisabled:!0,isLoading:d}:{hasValue:e,isFocused:t,isLoading:d}},[a,t,d,u,f]),F=i.useMemo(()=>void 0===c?void 0:c.reduce((e,i)=>{const n=i.severity||"error";return r.indexOf(e)<r.indexOf(n)?e:n},"none"),[c]),x="inside"===l?"error"===F?"insideError":"warning"===F?"insideWarning":l:"none"!==l?l:void 0;return{baseId:g,formFieldContext:V,inputProps:{id:b,ariaDescribedBy:o(y,e),ariaInvalid:"error"===F?"true":void 0,variant:v},labelProps:{forId:b,id:p,variant:x},textFieldProps:{contentVariant:s,statusVariant:/error|warning/.test(null!=F?F:"")?F:void 0,styleVariant:v},userAssistanceProps:{id:y}}},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks', './UNSAFE_useId'], (function (exports, hooks, hooks_UNSAFE_useId) { 'use strict';
+
+    const rankedSeverities = ['error', 'warning', 'confirmation', 'info', 'none'];
+    /**
+     * Merge multiple ids into a space-separated list
+     * @param ids The ids to be merged
+     * @returns The space separated string of ids
+     */
+    function mergeIDs(...ids) {
+        return ids.filter(Boolean).join(' ') || undefined;
+    }
+    /**
+     * A custom hook to determine the props for a component that renders
+     * a text field
+     */
+    function useTextField({ ariaDescribedBy, contentVariant, isDisabled, isFocused, isLoading, isReadonly, labelEdge, messages, styleVariant, value }) {
+        const baseId = hooks_UNSAFE_useId.useId();
+        const labelId = labelEdge !== 'none' ? `${baseId}-label` : undefined;
+        const inputId = !isReadonly ? `${baseId}-input` : undefined;
+        const uaId = !(isDisabled || isReadonly) ? `${baseId}-ua` : undefined;
+        // Create the form field context
+        const formFieldContext = hooks.useMemo(() => {
+            const hasValue = value !== undefined && (typeof value !== 'string' || value !== '');
+            return isReadonly
+                ? {
+                    hasValue: hasValue,
+                    isFocused: isFocused,
+                    isLoading,
+                    isReadonly: true
+                }
+                : isDisabled
+                    ? {
+                        hasValue: hasValue,
+                        isDisabled: true,
+                        isLoading
+                    }
+                    : {
+                        hasValue: hasValue,
+                        isFocused: isFocused,
+                        isLoading
+                    };
+        }, [isDisabled, isFocused, isLoading, isReadonly, value]);
+        // Determine the highest severity from the messages
+        const messageSeverity = hooks.useMemo(() => {
+            return messages === undefined
+                ? undefined
+                : messages.reduce((accSeverity, currMessage) => {
+                    const currSeverity = currMessage.severity || 'error';
+                    return rankedSeverities.indexOf(accSeverity) < rankedSeverities.indexOf(currSeverity)
+                        ? accSeverity
+                        : currSeverity;
+                }, 'none');
+        }, [messages]);
+        // Determine the label variant
+        const labelVariant = labelEdge === 'inside'
+            ? messageSeverity === 'error'
+                ? 'insideError'
+                : messageSeverity === 'warning'
+                    ? 'insideWarning'
+                    : labelEdge
+            : labelEdge !== 'none'
+                ? labelEdge
+                : undefined;
+        return {
+            baseId,
+            formFieldContext,
+            inputProps: {
+                id: inputId,
+                ariaDescribedBy: mergeIDs(uaId, ariaDescribedBy),
+                ariaInvalid: messageSeverity === 'error' ? 'true' : undefined,
+                variant: styleVariant
+            },
+            labelProps: {
+                forId: inputId,
+                id: labelId,
+                variant: labelVariant
+            },
+            textFieldProps: {
+                contentVariant,
+                statusVariant: /error|warning/.test(messageSeverity !== null && messageSeverity !== void 0 ? messageSeverity : '')
+                    ? messageSeverity
+                    : undefined,
+                styleVariant
+            },
+            userAssistanceProps: {
+                id: uaId
+            }
+        };
+    }
+
+    exports.useTextField = useTextField;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useTextField.js.map

package/amd/hooks/UNSAFE_useTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useTextField.js","sources":["../../../src/hooks/UNSAFE_useTextField/useTextField.ts"],"sourcesContent":["import { ComponentProps } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { Label } from '../../UNSAFE_Label';\nimport { TextField } from '../../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../../UNSAFE_UserAssistance';\nimport { FormFieldContextProps } from '../UNSAFE_useFormFieldContext';\nimport { useId } from '../UNSAFE_useId';\n\ntype PickedUserAssistanceProps = Pick<ComponentProps<typeof InlineUserAssistance>, 'messages'>;\n\ntype UseTextFieldProps<V> = PickedUserAssistanceProps & {\n  ariaDescribedBy?: string;\n  contentVariant?: 'input' | 'textarea';\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  isLoading?: boolean;\n  isReadonly?: boolean;\n  labelEdge?: ComponentProps<typeof TextField>['labelEdge'] | 'none';\n  styleVariant?: 'default' | 'embedded';\n  value?: V;\n};\n\nconst rankedSeverities = ['error', 'warning', 'confirmation', 'info', 'none'] as const;\n\n/**\n * Merge multiple ids into a space-separated list\n * @param ids The ids to be merged\n * @returns The space separated string of ids\n */\nfunction mergeIDs(...ids: (string | undefined)[]) {\n  return ids.filter(Boolean).join(' ') || undefined;\n}\n\n/**\n * A custom hook to determine the props for a component that renders\n * a text field\n */\nexport function useTextField<V>({\n  ariaDescribedBy,\n  contentVariant,\n  isDisabled,\n  isFocused,\n  isLoading,\n  isReadonly,\n  labelEdge,\n  messages,\n  styleVariant,\n  value\n}: UseTextFieldProps<V>) {\n  const baseId = useId();\n  const labelId = labelEdge !== 'none' ? `${baseId}-label` : undefined;\n  const inputId = !isReadonly ? `${baseId}-input` : undefined;\n  const uaId = !(isDisabled || isReadonly) ? `${baseId}-ua` : undefined;\n\n  // Create the form field context\n  const formFieldContext = useMemo<FormFieldContextProps>(() => {\n    const hasValue = value !== undefined && (typeof value !== 'string' || value !== '');\n    return isReadonly\n      ? {\n          hasValue: hasValue,\n          isFocused: isFocused,\n          isLoading,\n          isReadonly: true\n        }\n      : isDisabled\n      ? {\n          hasValue: hasValue,\n          isDisabled: true,\n          isLoading\n        }\n      : {\n          hasValue: hasValue,\n          isFocused: isFocused,\n          isLoading\n        };\n  }, [isDisabled, isFocused, isLoading, isReadonly, value]);\n\n  // Determine the highest severity from the messages\n  const messageSeverity = useMemo(() => {\n    return messages === undefined\n      ? undefined\n      : messages.reduce<typeof rankedSeverities[number]>((accSeverity, currMessage) => {\n          const currSeverity = currMessage.severity || 'error';\n          return rankedSeverities.indexOf(accSeverity) < rankedSeverities.indexOf(currSeverity)\n            ? accSeverity\n            : currSeverity;\n        }, 'none');\n  }, [messages]);\n\n  // Determine the label variant\n  const labelVariant: ComponentProps<typeof Label>['variant'] =\n    labelEdge === 'inside'\n      ? messageSeverity === 'error'\n        ? 'insideError'\n        : messageSeverity === 'warning'\n        ? 'insideWarning'\n        : labelEdge\n      : labelEdge !== 'none'\n      ? labelEdge\n      : undefined;\n\n  return {\n    baseId,\n    formFieldContext,\n    inputProps: {\n      id: inputId,\n      ariaDescribedBy: mergeIDs(uaId, ariaDescribedBy),\n      ariaInvalid: messageSeverity === 'error' ? 'true' : undefined,\n      variant: styleVariant\n    },\n    labelProps: {\n      forId: inputId,\n      id: labelId,\n      variant: labelVariant\n    },\n    textFieldProps: {\n      contentVariant,\n      statusVariant: /error|warning/.test(messageSeverity ?? '')\n        ? (messageSeverity as 'error' | 'warning')\n        : undefined,\n      styleVariant\n    },\n    userAssistanceProps: {\n      id: uaId\n    }\n  };\n}\n"],"names":["rankedSeverities","mergeIDs","ids","filter","Boolean","join","undefined","ariaDescribedBy","contentVariant","isDisabled","isFocused","isLoading","isReadonly","labelEdge","messages","styleVariant","value","baseId","useId","labelId","inputId","uaId","formFieldContext","useMemo","hasValue","messageSeverity","reduce","accSeverity","currMessage","currSeverity","severity","indexOf","labelVariant","inputProps","id","ariaInvalid","variant","labelProps","forId","textFieldProps","statusVariant","test","userAssistanceProps"],"mappings":"gFAsBA,MAAMA,EAAmB,CAAC,QAAS,UAAW,eAAgB,OAAQ,QAOtE,SAASC,KAAYC,GACnB,OAAOA,EAAIC,OAAOC,SAASC,KAAK,WAAQC,iBAOpC,UAA0BC,gBAC9BA,EAAeC,eACfA,EAAcC,WACdA,EAAUC,UACVA,EAASC,UACTA,EAASC,WACTA,EAAUC,UACVA,EAASC,SACTA,EAAQC,aACRA,EAAYC,MACZA,IAEA,MAAMC,EAASC,EAAAA,QACTC,EAAwB,SAAdN,EAAuB,GAAGI,eAAiBX,EACrDc,EAAWR,OAAiCN,EAApB,GAAGW,UAC3BI,EAASZ,GAAcG,OAA+BN,EAAjB,GAAGW,OAGxCK,EAAmBC,EAAAA,QAA+B,KACtD,MAAMC,OAAqBlB,IAAVU,IAAyC,iBAAVA,GAAgC,KAAVA,GACtE,OAAOJ,EACH,CACEY,SAAUA,EACVd,UAAWA,EACXC,UAAAA,EACAC,YAAY,GAEdH,EACA,CACEe,SAAUA,EACVf,YAAY,EACZE,UAAAA,GAEF,CACEa,SAAUA,EACVd,UAAWA,EACXC,UAAAA,IAEL,CAACF,EAAYC,EAAWC,EAAWC,EAAYI,IAG5CS,EAAkBF,EAAAA,QAAQ,SACVjB,IAAbQ,OACHR,EACAQ,EAASY,OAAwC,CAACC,EAAaC,KAC7D,MAAMC,EAAeD,EAAYE,UAAY,QAC7C,OAAO9B,EAAiB+B,QAAQJ,GAAe3B,EAAiB+B,QAAQF,GACpEF,EACAE,GACH,QACN,CAACf,IAGEkB,EACU,WAAdnB,EACwB,UAApBY,EACE,cACoB,YAApBA,EACA,gBACAZ,EACY,SAAdA,EACAA,OACAP,EAEN,MAAO,CACLW,OAAAA,EACAK,iBAAAA,EACAW,WAAY,CACVC,GAAId,EACJb,gBAAiBN,EAASoB,EAAMd,GAChC4B,YAAiC,UAApBV,EAA8B,YAASnB,EACpD8B,QAASrB,GAEXsB,WAAY,CACVC,MAAOlB,EACPc,GAAIf,EACJiB,QAASJ,GAEXO,eAAgB,CACd/B,eAAAA,EACAgC,cAAe,gBAAgBC,KAAKhB,MAAAA,EAAAA,EAAmB,IAClDA,OACDnB,EACJS,aAAAA,GAEF2B,oBAAqB,CACnBR,GAAIb"}
+{"version":3,"file":"UNSAFE_useTextField.js","sources":["../../../src/hooks/UNSAFE_useTextField/useTextField.ts"],"sourcesContent":["import { ComponentProps } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { Label } from '../../UNSAFE_Label';\nimport { TextField } from '../../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../../UNSAFE_UserAssistance';\nimport { FormFieldContextProps } from '../UNSAFE_useFormFieldContext';\nimport { useId } from '../UNSAFE_useId';\n\ntype PickedUserAssistanceProps = Pick<ComponentProps<typeof InlineUserAssistance>, 'messages'>;\n\ntype UseTextFieldProps<V> = PickedUserAssistanceProps & {\n  ariaDescribedBy?: string;\n  contentVariant?: 'input' | 'textarea';\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  isLoading?: boolean;\n  isReadonly?: boolean;\n  labelEdge?: ComponentProps<typeof TextField>['labelEdge'] | 'none';\n  styleVariant?: 'default' | 'embedded';\n  value?: V;\n};\n\nconst rankedSeverities = ['error', 'warning', 'confirmation', 'info', 'none'] as const;\n\n/**\n * Merge multiple ids into a space-separated list\n * @param ids The ids to be merged\n * @returns The space separated string of ids\n */\nfunction mergeIDs(...ids: (string | undefined)[]) {\n  return ids.filter(Boolean).join(' ') || undefined;\n}\n\n/**\n * A custom hook to determine the props for a component that renders\n * a text field\n */\nexport function useTextField<V>({\n  ariaDescribedBy,\n  contentVariant,\n  isDisabled,\n  isFocused,\n  isLoading,\n  isReadonly,\n  labelEdge,\n  messages,\n  styleVariant,\n  value\n}: UseTextFieldProps<V>) {\n  const baseId = useId();\n  const labelId = labelEdge !== 'none' ? `${baseId}-label` : undefined;\n  const inputId = !isReadonly ? `${baseId}-input` : undefined;\n  const uaId = !(isDisabled || isReadonly) ? `${baseId}-ua` : undefined;\n\n  // Create the form field context\n  const formFieldContext = useMemo<FormFieldContextProps>(() => {\n    const hasValue = value !== undefined && (typeof value !== 'string' || value !== '');\n    return isReadonly\n      ? {\n          hasValue: hasValue,\n          isFocused: isFocused,\n          isLoading,\n          isReadonly: true\n        }\n      : isDisabled\n      ? {\n          hasValue: hasValue,\n          isDisabled: true,\n          isLoading\n        }\n      : {\n          hasValue: hasValue,\n          isFocused: isFocused,\n          isLoading\n        };\n  }, [isDisabled, isFocused, isLoading, isReadonly, value]);\n\n  // Determine the highest severity from the messages\n  const messageSeverity = useMemo(() => {\n    return messages === undefined\n      ? undefined\n      : messages.reduce<typeof rankedSeverities[number]>((accSeverity, currMessage) => {\n          const currSeverity = currMessage.severity || 'error';\n          return rankedSeverities.indexOf(accSeverity) < rankedSeverities.indexOf(currSeverity)\n            ? accSeverity\n            : currSeverity;\n        }, 'none');\n  }, [messages]);\n\n  // Determine the label variant\n  const labelVariant: ComponentProps<typeof Label>['variant'] =\n    labelEdge === 'inside'\n      ? messageSeverity === 'error'\n        ? 'insideError'\n        : messageSeverity === 'warning'\n        ? 'insideWarning'\n        : labelEdge\n      : labelEdge !== 'none'\n      ? labelEdge\n      : undefined;\n\n  return {\n    baseId,\n    formFieldContext,\n    inputProps: {\n      id: inputId,\n      ariaDescribedBy: mergeIDs(uaId, ariaDescribedBy),\n      ariaInvalid: messageSeverity === 'error' ? 'true' : undefined,\n      variant: styleVariant\n    },\n    labelProps: {\n      forId: inputId,\n      id: labelId,\n      variant: labelVariant\n    },\n    textFieldProps: {\n      contentVariant,\n      statusVariant: /error|warning/.test(messageSeverity ?? '')\n        ? (messageSeverity as 'error' | 'warning')\n        : undefined,\n      styleVariant\n    },\n    userAssistanceProps: {\n      id: uaId\n    }\n  };\n}\n"],"names":["useId","useMemo"],"mappings":"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"}

package/amd/hooks/UNSAFE_useTextFieldInputHandlers.js

@@ -1,2 +1,92 @@
-define(["exports","preact/hooks","../utils/PRIVATE_clientHints","../clientHints-9d985ef6"],function(e,n,t,u){"use strict";e.useTextFieldInputHandlers=function({currentCommitValue:e,value:t,onInput:l,onCommit:o,onKeyDown:r}){const a=n.useRef(!1),[,s]=n.useReducer(e=>e+1,0),i=n.useCallback(n=>{const t=n.target.value;e!==t&&(null==o||o({previousValue:e,value:t}))},[o,e]),c=n.useCallback(e=>{null==r||r(e),"Enter"===e.key&&i(e)},[i,r]),p=n.useCallback(()=>{a.current=!0},[]),d=n.useCallback(e=>{a.current=!1,f(e)},[]),f=n.useCallback(e=>{if(a.current&&"android"!==u.getClientHints().platform)return;const n=e.target.value;t!==n&&(null==l||l({previousValue:t,value:n}),s(null))},[t,l]);return{onBlur:i,onKeyDown:c,oncompositionstart:p,oncompositionend:d,onInput:f}},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks', '../utils/PRIVATE_clientHints', '../clientHints-361cde40'], (function (exports, hooks, utils_PRIVATE_clientHints, clientHints) { 'use strict';
+
+    function useTextFieldInputHandlers({ currentCommitValue, value, onInput, onCommit, onKeyDown }) {
+        const isComposing = hooks.useRef(false);
+        // preactjs/preact #1899 - https://github.com/preactjs/preact/issues/1899
+        // Preact does not force the native input to be controlled, so we need to
+        // trigger a rerender in order to keep it fully controlled.
+        // Force update hack is from https://reactjs.org/docs/hooks-faq.html#is-there-something-like-forceupdate
+        const [, forceUpdate] = hooks.useReducer((x) => x + 1, 0);
+        // TODO: Currently, this assumes that the input field is a text field
+        // so that the change event can be simulated by capturing blur and enter keydown
+        // event. We might have to make this generic to handle other input types
+        // as well like radio, select, checkbox.
+        const handleChange = hooks.useCallback((event) => {
+            const currentValue = event.target.value;
+            // When do we *not* want to call onCommit?
+            // When the input's value
+            // is the same as the currentCommitValue (like if the user hits Enter over and over,
+            // or if the user focuses and blurs over and over).
+            // Or when the component's value is programmatically changed.
+            // (currentCommitValue is updated whenever we commit or get a programmatic change.
+            // See component code and useCurrentValueReducer hook)
+            // We only need to trigger an onCommit for user interacted changes, not programmatic changes
+            if (currentCommitValue !== currentValue) {
+                onCommit === null || onCommit === void 0 ? void 0 : onCommit({ previousValue: currentCommitValue, value: currentValue });
+            }
+        }, [onCommit, currentCommitValue]);
+        const handleKeyDown = hooks.useCallback((event) => {
+            onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+            if (event.key === 'Enter') {
+                handleChange(event);
+            }
+        }, [handleChange, onKeyDown]);
+        const handleCompositionStart = hooks.useCallback(() => {
+            isComposing.current = true;
+        }, []);
+        const handleCompositionEnd = hooks.useCallback((event) => {
+            isComposing.current = false;
+            // On some browsers, compositionend event is fired before the final input event,
+            // while it's the other way around on other browsers. Just call handleInput here
+            // anyway since handleInput will compare the value before actually calling it.
+            // When all browsers support the input event's isComposing property, we can use that.
+            // https://w3c.github.io/uievents/#dom-inputevent-iscomposing
+            handleInput(event);
+        }, []);
+        const handleInput = hooks.useCallback((event) => {
+            // In android device we need to update input value even for composition events
+            // See JET-39086 for more details.
+            if (isComposing.current && clientHints.getClientHints().platform !== 'android')
+                return;
+            const newValue = event.target.value;
+            if (value === newValue)
+                return;
+            onInput === null || onInput === void 0 ? void 0 : onInput({ previousValue: value, value: newValue });
+            // preactjs/preact #1899 - https://github.com/preactjs/preact/issues/1899
+            // Preact does not force the native input to be controlled, so we need to
+            // trigger a rerender in order to keep it fully controlled.
+            // Force a rerender here, so if the value was not pushed back, the input
+            // will be reset to the old value mimicking a controlled input.
+            // One minor issue here is that the cursor position will also be reverted
+            // back to the end due to the forced value update. But this behavior should
+            // be fine as it happens in our oj-input-text as well.
+            forceUpdate(null);
+        }, [value, onInput]);
+        return {
+            // With preact/compat, we will not have an onChange event.
+            // "If you're using preact/compat, most onChange events are internally converted to onInput
+            // to emulate React's behavior. This is one of the tricks we use to ensure maximum
+            // compatibility with the React ecosystem."
+            // Since we need the onChange event, we will be simulating this to match the native event
+            // as best as we can. To do this, we will be capturing `blur` event and Enter `keydown` event.
+            // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event
+            onBlur: handleChange,
+            onKeyDown: handleKeyDown,
+            // Since, preact does not support onCompositionStart and onCompositionEnd events
+            // we need to use all lowercase event name to use the native DOM events. Also,
+            // currently we do not have any need for the event object in these two handlers
+            // so ignored the arguments here.
+            oncompositionstart: handleCompositionStart,
+            oncompositionend: handleCompositionEnd,
+            onInput: handleInput
+        };
+    }
+
+    exports.useTextFieldInputHandlers = useTextFieldInputHandlers;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useTextFieldInputHandlers.js.map

package/amd/hooks/UNSAFE_useTextFieldInputHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useTextFieldInputHandlers.js","sources":["../../../src/hooks/UNSAFE_useTextFieldInputHandlers/useTextFieldInputHandlers.ts"],"sourcesContent":["import { useCallback, useReducer, useRef } from 'preact/hooks';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\nimport { ValueUpdateDetail } from '../../utils/UNSAFE_valueUpdateDetail';\n\ntype TextFieldInputProps = {\n  currentCommitValue?: string;\n  value?: string;\n  onInput?: (detail: ValueUpdateDetail<string>) => void;\n  onCommit?: (detail: ValueUpdateDetail<string>) => void;\n  onKeyDown?: (event: KeyboardEvent) => void;\n};\n\nexport function useTextFieldInputHandlers({\n  currentCommitValue,\n  value,\n  onInput,\n  onCommit,\n  onKeyDown\n}: TextFieldInputProps) {\n  const isComposing = useRef(false);\n\n  // preactjs/preact #1899 - https://github.com/preactjs/preact/issues/1899\n  // Preact does not force the native input to be controlled, so we need to\n  // trigger a rerender in order to keep it fully controlled.\n  // Force update hack is from https://reactjs.org/docs/hooks-faq.html#is-there-something-like-forceupdate\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n\n  // TODO: Currently, this assumes that the input field is a text field\n  // so that the change event can be simulated by capturing blur and enter keydown\n  // event. We might have to make this generic to handle other input types\n  // as well like radio, select, checkbox.\n  const handleChange = useCallback(\n    (event: Event) => {\n      const currentValue = (event.target as HTMLInputElement).value;\n      // When do we *not* want to call onCommit?\n      // When the input's value\n      // is the same as the currentCommitValue (like if the user hits Enter over and over,\n      // or if the user focuses and blurs over and over).\n      // Or when the component's value is programmatically changed.\n      // (currentCommitValue is updated whenever we commit or get a programmatic change.\n      // See component code and useCurrentValueReducer hook)\n\n      // We only need to trigger an onCommit for user interacted changes, not programmatic changes\n      if (currentCommitValue !== currentValue) {\n        onCommit?.({ previousValue: currentCommitValue, value: currentValue });\n      }\n    },\n    [onCommit, currentCommitValue]\n  );\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      onKeyDown?.(event);\n\n      if (event.key === 'Enter') {\n        handleChange(event);\n      }\n    },\n    [handleChange, onKeyDown]\n  );\n  const handleCompositionStart = useCallback(() => {\n    isComposing.current = true;\n  }, []);\n  const handleCompositionEnd = useCallback((event: Event) => {\n    isComposing.current = false;\n    // On some browsers, compositionend event is fired before the final input event,\n    // while it's the other way around on other browsers. Just call handleInput here\n    // anyway since handleInput will compare the value before actually calling it.\n    // When all browsers support the input event's isComposing property, we can use that.\n    // https://w3c.github.io/uievents/#dom-inputevent-iscomposing\n    handleInput(event);\n  }, []);\n  const handleInput = useCallback(\n    (event: Event) => {\n      // In android device we need to update input value even for composition events\n      // See JET-39086 for more details.\n      if (isComposing.current && getClientHints().platform !== 'android') return;\n\n      const newValue = (event.target as HTMLInputElement).value;\n      if (value === newValue) return;\n\n      onInput?.({ previousValue: value, value: newValue });\n\n      // preactjs/preact #1899 - https://github.com/preactjs/preact/issues/1899\n      // Preact does not force the native input to be controlled, so we need to\n      // trigger a rerender in order to keep it fully controlled.\n      // Force a rerender here, so if the value was not pushed back, the input\n      // will be reset to the old value mimicking a controlled input.\n      // One minor issue here is that the cursor position will also be reverted\n      // back to the end due to the forced value update. But this behavior should\n      // be fine as it happens in our oj-input-text as well.\n      forceUpdate(null);\n    },\n    [value, onInput]\n  );\n\n  return {\n    // With preact/compat, we will not have an onChange event.\n    // \"If you're using preact/compat, most onChange events are internally converted to onInput\n    // to emulate React's behavior. This is one of the tricks we use to ensure maximum\n    // compatibility with the React ecosystem.\"\n    // Since we need the onChange event, we will be simulating this to match the native event\n    // as best as we can. To do this, we will be capturing `blur` event and Enter `keydown` event.\n    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event\n    onBlur: handleChange,\n    onKeyDown: handleKeyDown,\n    // Since, preact does not support onCompositionStart and onCompositionEnd events\n    // we need to use all lowercase event name to use the native DOM events. Also,\n    // currently we do not have any need for the event object in these two handlers\n    // so ignored the arguments here.\n    oncompositionstart: handleCompositionStart,\n    oncompositionend: handleCompositionEnd,\n    onInput: handleInput\n  };\n}\n"],"names":["currentCommitValue","value","onInput","onCommit","onKeyDown","isComposing","useRef","forceUpdate","useReducer","x","handleChange","useCallback","event","currentValue","target","previousValue","handleKeyDown","key","handleCompositionStart","current","handleCompositionEnd","handleInput","getClientHints","platform","newValue","onBlur","oncompositionstart","oncompositionend"],"mappings":"sJAYgB,UAA0BA,mBACxCA,EAAkBC,MAClBA,EAAKC,QACLA,EAAOC,SACPA,EAAQC,UACRA,IAEA,MAAMC,EAAcC,UAAO,IAMlB,CAAAC,GAAeC,aAAYC,GAAMA,EAAI,EAAG,GAM3CC,EAAeC,cAClBC,IACC,MAAMC,EAAgBD,EAAME,OAA4Bb,MAUpDD,IAAuBa,IACzBV,MAAAA,GAAAA,EAAW,CAAEY,cAAef,EAAoBC,MAAOY,MAG3D,CAACV,EAAUH,IAEPgB,EAAgBL,cACnBC,IACCR,MAAAA,GAAAA,EAAYQ,GAEM,UAAdA,EAAMK,KACRP,EAAaE,IAGjB,CAACF,EAAcN,IAEXc,EAAyBP,EAAAA,YAAY,KACzCN,EAAYc,SAAU,GACrB,IACGC,EAAuBT,cAAaC,IACxCP,EAAYc,SAAU,EAMtBE,EAAYT,IACX,IACGS,EAAcV,cACjBC,IAGC,GAAIP,EAAYc,SAAyC,YAA9BG,mBAAiBC,SAAwB,OAEpE,MAAMC,EAAYZ,EAAME,OAA4Bb,MAChDA,IAAUuB,IAEdtB,MAAAA,GAAAA,EAAU,CAAEa,cAAed,EAAOA,MAAOuB,IAUzCjB,EAAY,QAEd,CAACN,EAAOC,IAGV,MAAO,CAQLuB,OAAQf,EACRN,UAAWY,EAKXU,mBAAoBR,EACpBS,iBAAkBP,EAClBlB,QAASmB"}
+{"version":3,"file":"UNSAFE_useTextFieldInputHandlers.js","sources":["../../../src/hooks/UNSAFE_useTextFieldInputHandlers/useTextFieldInputHandlers.ts"],"sourcesContent":["import { useCallback, useReducer, useRef } from 'preact/hooks';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\nimport { ValueUpdateDetail } from '../../utils/UNSAFE_valueUpdateDetail';\n\ntype TextFieldInputProps = {\n  currentCommitValue?: string;\n  value?: string;\n  onInput?: (detail: ValueUpdateDetail<string>) => void;\n  onCommit?: (detail: ValueUpdateDetail<string>) => void;\n  onKeyDown?: (event: KeyboardEvent) => void;\n};\n\nexport function useTextFieldInputHandlers({\n  currentCommitValue,\n  value,\n  onInput,\n  onCommit,\n  onKeyDown\n}: TextFieldInputProps) {\n  const isComposing = useRef(false);\n\n  // preactjs/preact #1899 - https://github.com/preactjs/preact/issues/1899\n  // Preact does not force the native input to be controlled, so we need to\n  // trigger a rerender in order to keep it fully controlled.\n  // Force update hack is from https://reactjs.org/docs/hooks-faq.html#is-there-something-like-forceupdate\n  const [, forceUpdate] = useReducer((x) => x + 1, 0);\n\n  // TODO: Currently, this assumes that the input field is a text field\n  // so that the change event can be simulated by capturing blur and enter keydown\n  // event. We might have to make this generic to handle other input types\n  // as well like radio, select, checkbox.\n  const handleChange = useCallback(\n    (event: Event) => {\n      const currentValue = (event.target as HTMLInputElement).value;\n      // When do we *not* want to call onCommit?\n      // When the input's value\n      // is the same as the currentCommitValue (like if the user hits Enter over and over,\n      // or if the user focuses and blurs over and over).\n      // Or when the component's value is programmatically changed.\n      // (currentCommitValue is updated whenever we commit or get a programmatic change.\n      // See component code and useCurrentValueReducer hook)\n\n      // We only need to trigger an onCommit for user interacted changes, not programmatic changes\n      if (currentCommitValue !== currentValue) {\n        onCommit?.({ previousValue: currentCommitValue, value: currentValue });\n      }\n    },\n    [onCommit, currentCommitValue]\n  );\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      onKeyDown?.(event);\n\n      if (event.key === 'Enter') {\n        handleChange(event);\n      }\n    },\n    [handleChange, onKeyDown]\n  );\n  const handleCompositionStart = useCallback(() => {\n    isComposing.current = true;\n  }, []);\n  const handleCompositionEnd = useCallback((event: Event) => {\n    isComposing.current = false;\n    // On some browsers, compositionend event is fired before the final input event,\n    // while it's the other way around on other browsers. Just call handleInput here\n    // anyway since handleInput will compare the value before actually calling it.\n    // When all browsers support the input event's isComposing property, we can use that.\n    // https://w3c.github.io/uievents/#dom-inputevent-iscomposing\n    handleInput(event);\n  }, []);\n  const handleInput = useCallback(\n    (event: Event) => {\n      // In android device we need to update input value even for composition events\n      // See JET-39086 for more details.\n      if (isComposing.current && getClientHints().platform !== 'android') return;\n\n      const newValue = (event.target as HTMLInputElement).value;\n      if (value === newValue) return;\n\n      onInput?.({ previousValue: value, value: newValue });\n\n      // preactjs/preact #1899 - https://github.com/preactjs/preact/issues/1899\n      // Preact does not force the native input to be controlled, so we need to\n      // trigger a rerender in order to keep it fully controlled.\n      // Force a rerender here, so if the value was not pushed back, the input\n      // will be reset to the old value mimicking a controlled input.\n      // One minor issue here is that the cursor position will also be reverted\n      // back to the end due to the forced value update. But this behavior should\n      // be fine as it happens in our oj-input-text as well.\n      forceUpdate(null);\n    },\n    [value, onInput]\n  );\n\n  return {\n    // With preact/compat, we will not have an onChange event.\n    // \"If you're using preact/compat, most onChange events are internally converted to onInput\n    // to emulate React's behavior. This is one of the tricks we use to ensure maximum\n    // compatibility with the React ecosystem.\"\n    // Since we need the onChange event, we will be simulating this to match the native event\n    // as best as we can. To do this, we will be capturing `blur` event and Enter `keydown` event.\n    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event\n    onBlur: handleChange,\n    onKeyDown: handleKeyDown,\n    // Since, preact does not support onCompositionStart and onCompositionEnd events\n    // we need to use all lowercase event name to use the native DOM events. Also,\n    // currently we do not have any need for the event object in these two handlers\n    // so ignored the arguments here.\n    oncompositionstart: handleCompositionStart,\n    oncompositionend: handleCompositionEnd,\n    onInput: handleInput\n  };\n}\n"],"names":["useRef","useReducer","useCallback","getClientHints"],"mappings":";;;IAYgB,SAAA,yBAAyB,CAAC,EACxC,kBAAkB,EAClB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACW,EAAA;IACpB,IAAA,MAAM,WAAW,GAAGA,YAAM,CAAC,KAAK,CAAC,CAAC;;;;;IAMlC,IAAA,MAAM,GAAG,WAAW,CAAC,GAAGC,gBAAU,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;;;;;IAMpD,IAAA,MAAM,YAAY,GAAGC,iBAAW,CAC9B,CAAC,KAAY,KAAI;IACf,QAAA,MAAM,YAAY,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;;;;;;;;;YAU9D,IAAI,kBAAkB,KAAK,YAAY,EAAE;IACvC,YAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,CAAG,EAAE,aAAa,EAAE,kBAAkB,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;IACxE,SAAA;IACH,KAAC,EACD,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAC/B,CAAC;IACF,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAC/B,CAAC,KAAoB,KAAI;IACvB,QAAA,SAAS,aAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAG,KAAK,CAAC,CAAC;IAEnB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;gBACzB,YAAY,CAAC,KAAK,CAAC,CAAC;IACrB,SAAA;IACH,KAAC,EACD,CAAC,YAAY,EAAE,SAAS,CAAC,CAC1B,CAAC;IACF,IAAA,MAAM,sBAAsB,GAAGA,iBAAW,CAAC,MAAK;IAC9C,QAAA,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;SAC5B,EAAE,EAAE,CAAC,CAAC;IACP,IAAA,MAAM,oBAAoB,GAAGA,iBAAW,CAAC,CAAC,KAAY,KAAI;IACxD,QAAA,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;;;;;;YAM5B,WAAW,CAAC,KAAK,CAAC,CAAC;SACpB,EAAE,EAAE,CAAC,CAAC;IACP,IAAA,MAAM,WAAW,GAAGA,iBAAW,CAC7B,CAAC,KAAY,KAAI;;;YAGf,IAAI,WAAW,CAAC,OAAO,IAAIC,0BAAc,EAAE,CAAC,QAAQ,KAAK,SAAS;gBAAE,OAAO;IAE3E,QAAA,MAAM,QAAQ,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;YAC1D,IAAI,KAAK,KAAK,QAAQ;gBAAE,OAAO;IAE/B,QAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAG,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;;;;;;;;;YAUrD,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,KAAC,EACD,CAAC,KAAK,EAAE,OAAO,CAAC,CACjB,CAAC;QAEF,OAAO;;;;;;;;IAQL,QAAA,MAAM,EAAE,YAAY;IACpB,QAAA,SAAS,EAAE,aAAa;;;;;IAKxB,QAAA,kBAAkB,EAAE,sBAAsB;IAC1C,QAAA,gBAAgB,EAAE,oBAAoB;IACtC,QAAA,OAAO,EAAE,WAAW;SACrB,CAAC;IACJ;;;;;;;;;;;;;"}

package/amd/hooks/UNSAFE_useTheme.js

@@ -1,2 +1,29 @@
-define(["exports","preact/hooks","../UNSAFE_Environment","preact","preact/jsx-runtime","../UNSAFE_Layer","preact/compat"],function(e,t,n,r,o,c,u){"use strict";e.useTheme=function(){return t.useContext(n.EnvironmentContext).theme},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks', '../UNSAFE_Environment', 'preact', 'preact/jsx-runtime', '../UNSAFE_Layer', 'preact/compat'], (function (exports, hooks, UNSAFE_Environment, preact, jsxRuntime, UNSAFE_Layer, compat) { 'use strict';
+
+    /**
+     * @license
+     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+     * The Universal Permissive License (UPL), Version 1.0
+     * as shown at https://oss.oracle.com/licenses/upl/
+     * @ignore
+     */
+    function useTheme() {
+        return hooks.useContext(UNSAFE_Environment.EnvironmentContext).theme;
+    }
+
+    /**
+     * @license
+     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+     * The Universal Permissive License (UPL), Version 1.0
+     * as shown at https://oss.oracle.com/licenses/upl/
+     * @ignore
+     */
+
+    exports.useTheme = useTheme;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useTheme.js.map

package/amd/hooks/UNSAFE_useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useTheme.js","sources":["../../../src/hooks/UNSAFE_useTheme/useTheme.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useTheme() {\n  return useContext(EnvironmentContext).theme;\n}\n"],"names":["useContext","EnvironmentContext","theme"],"mappings":"qLAWE,OAAOA,EAAUA,WAACC,sBAAoBC"}
+{"version":3,"file":"UNSAFE_useTheme.js","sources":["../../../src/hooks/UNSAFE_useTheme/useTheme.ts","../../../src/hooks/UNSAFE_useTheme/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useTheme() {\n  return useContext(EnvironmentContext).theme;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { useTheme } from './useTheme';\n"],"names":["useContext","EnvironmentContext"],"mappings":";;;IAAA;;;;;;IAMG;aAIa,QAAQ,GAAA;IACtB,IAAA,OAAOA,gBAAU,CAACC,qCAAkB,CAAC,CAAC,KAAK,CAAC;IAC9C;;ICZA;;;;;;IAMG;;;;;;;;;;;;;"}

package/amd/hooks/UNSAFE_useTimer.js

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

package/amd/hooks/UNSAFE_useTimer.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useTimer.js","sources":["../../../src/hooks/UNSAFE_useTimer/useTimer.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useEffect, useRef, useState } from 'preact/hooks';\n\ntype Props = {\n  isStarted: boolean;\n  delay?: number;\n};\n\n/**\n * Hook for a timer.\n * @param isStarted Specifies whether the timer should be started: true to start it, false to stop\n * it.\n * @param delay Specifies the delay after which the timer should expire.\n * @returns True if the timer expires, false if it was stopped before that.\n *\n */\nexport function useTimer({ isStarted, delay = 0 }: Props): boolean {\n  const timeoutId = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [isExpired, setExpired] = useState(false);\n  useEffect(() => {\n    if (!isStarted) {\n      // if not started, clear the current timeout\n      if (timeoutId.current) {\n        clearTimeout(timeoutId.current);\n        timeoutId.current = null;\n      }\n      setExpired(false);\n    } else {\n      // if started, only create a new timeout if we don't already have one\n      if (!timeoutId.current) {\n        timeoutId.current = setTimeout(() => {\n          setExpired(true);\n        }, delay);\n      }\n    }\n    return () => {\n      if (timeoutId.current) {\n        clearTimeout(timeoutId.current);\n        timeoutId.current = null;\n      }\n    };\n  }, [isStarted, delay]);\n\n  return isExpired;\n}\n"],"names":["isStarted","delay","timeoutId","useRef","isExpired","setExpired","useState","useEffect","current","setTimeout","clearTimeout"],"mappings":"wEAuBM,UAAmBA,UAAEA,EAASC,MAAEA,EAAQ,IAC5C,MAAMC,EAAYC,SAA6C,OACxDC,EAAWC,GAAcC,EAAQA,UAAC,GAyBzC,OAxBAC,EAAAA,UAAU,KACHP,EASEE,EAAUM,UACbN,EAAUM,QAAUC,WAAW,KAC7BJ,GAAW,IACVJ,KAVDC,EAAUM,UACZE,aAAaR,EAAUM,SACvBN,EAAUM,QAAU,MAEtBH,GAAW,IASN,KACDH,EAAUM,UACZE,aAAaR,EAAUM,SACvBN,EAAUM,QAAU,QAGvB,CAACR,EAAWC,IAERG"}
+{"version":3,"file":"UNSAFE_useTimer.js","sources":["../../../src/hooks/UNSAFE_useTimer/useTimer.ts","../../../src/hooks/UNSAFE_useTimer/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useEffect, useRef, useState } from 'preact/hooks';\n\ntype Props = {\n  isStarted: boolean;\n  delay?: number;\n};\n\n/**\n * Hook for a timer.\n * @param isStarted Specifies whether the timer should be started: true to start it, false to stop\n * it.\n * @param delay Specifies the delay after which the timer should expire.\n * @returns True if the timer expires, false if it was stopped before that.\n *\n */\nexport function useTimer({ isStarted, delay = 0 }: Props): boolean {\n  const timeoutId = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [isExpired, setExpired] = useState(false);\n  useEffect(() => {\n    if (!isStarted) {\n      // if not started, clear the current timeout\n      if (timeoutId.current) {\n        clearTimeout(timeoutId.current);\n        timeoutId.current = null;\n      }\n      setExpired(false);\n    } else {\n      // if started, only create a new timeout if we don't already have one\n      if (!timeoutId.current) {\n        timeoutId.current = setTimeout(() => {\n          setExpired(true);\n        }, delay);\n      }\n    }\n    return () => {\n      if (timeoutId.current) {\n        clearTimeout(timeoutId.current);\n        timeoutId.current = null;\n      }\n    };\n  }, [isStarted, delay]);\n\n  return isExpired;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { useTimer } from './useTimer';\n"],"names":["useRef","useState","useEffect"],"mappings":";;;IAAA;;;;;;IAMG;IASH;;;;;;;IAOG;IACG,SAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAS,EAAA;IACtD,IAAA,MAAM,SAAS,GAAGA,YAAM,CAAuC,IAAI,CAAC,CAAC;QACrE,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;QAChDC,eAAS,CAAC,MAAK;YACb,IAAI,CAAC,SAAS,EAAE;;gBAEd,IAAI,SAAS,CAAC,OAAO,EAAE;IACrB,gBAAA,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAChC,gBAAA,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;IAC1B,aAAA;gBACD,UAAU,CAAC,KAAK,CAAC,CAAC;IACnB,SAAA;IAAM,aAAA;;IAEL,YAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;IACtB,gBAAA,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;wBAClC,UAAU,CAAC,IAAI,CAAC,CAAC;qBAClB,EAAE,KAAK,CAAC,CAAC;IACX,aAAA;IACF,SAAA;IACD,QAAA,OAAO,MAAK;gBACV,IAAI,SAAS,CAAC,OAAO,EAAE;IACrB,gBAAA,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAChC,gBAAA,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;IAC1B,aAAA;IACH,SAAC,CAAC;IACJ,KAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,IAAA,OAAO,SAAS,CAAC;IACnB;;ICnDA;;;;;;IAMG;;;;;;;;;;;;;"}