@oracle/oraclejet-preact 14.0.6 → 14.0.7

package/amd/hooks/UNSAFE_usePan.js

@@ -1,2 +1,105 @@
-define(["exports","preact/hooks"],function(e,t){"use strict";e.usePan=function(e,{threshold:n=50,minimumTime:r=500,isDisabled:s=!1}={threshold:50,minimumTime:500,isDisabled:!1}){const f=t.useRef({pointerDownId:0,startTime:0,prevOffsetX:0,prevOffsetY:0}),o=t.useCallback(t=>{f.current.pointerDownId?u():(f.current={pointerDownId:t.pointerId,startTime:t.timeStamp,prevOffsetX:t.offsetX,prevOffsetY:t.offsetY},null==e||e({x:t.clientX,y:t.clientY,status:"start"}))},[]),i=t.useCallback(t=>{if(t.pointerId===f.current.pointerDownId&&f.current.startTime&&t.timeStamp-f.current.startTime>=r){const r=t.offsetX-f.current.prevOffsetX,s=t.offsetY-f.current.prevOffsetY;Math.abs(r)>Math.abs(s)?(f.current.prevOffsetX-t.offsetX>n||t.offsetX-f.current.prevOffsetX>n)&&(null==e||e({x:t.clientX,y:t.clientY,status:"end"})):(f.current.prevOffsetY-t.offsetY>n||t.offsetY-f.current.prevOffsetY>n)&&(null==e||e({x:t.clientX,y:t.clientY,status:"end"}))}u()},[n,e]),u=t.useCallback(()=>{f.current={pointerDownId:null,startTime:null,prevOffsetX:0,prevOffsetY:0}},[]);return{panProps:s?{}:{onPointerDown:o,onPointerUp:i,onPointerMove:t=>{f.current.pointerDownId===t.pointerId&&(null==e||e({x:t.clientX,y:t.clientY,status:"move"}))},onPointerCancel:u}}},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
+     */
+    function usePan(onPan, { threshold = 50, minimumTime = 500, isDisabled = false } = {
+        threshold: 50,
+        minimumTime: 500,
+        isDisabled: false
+    }) {
+        const ref = hooks.useRef({
+            pointerDownId: 0,
+            startTime: 0,
+            prevOffsetX: 0,
+            prevOffsetY: 0
+        });
+        const onPointerDown = hooks.useCallback((e) => {
+            if (!ref.current.pointerDownId) {
+                ref.current = {
+                    pointerDownId: e.pointerId,
+                    startTime: e.timeStamp,
+                    prevOffsetX: e.offsetX,
+                    prevOffsetY: e.offsetY
+                };
+                onPan === null || onPan === void 0 ? void 0 : onPan({ x: e.clientX, y: e.clientY, status: 'start' });
+            }
+            else {
+                clearPan();
+            }
+        }, []);
+        const onPointerMove = (e) => {
+            if (ref.current.pointerDownId === e.pointerId) {
+                onPan === null || onPan === void 0 ? void 0 : onPan({ x: e.clientX, y: e.clientY, status: 'move' });
+            }
+        };
+        const onPointerUp = hooks.useCallback((ev) => {
+            if (ev.pointerId === ref.current.pointerDownId) {
+                if (ref.current.startTime && ev.timeStamp - ref.current.startTime >= minimumTime) {
+                    const horizontalThreshold = ev.offsetX - ref.current.prevOffsetX;
+                    const verticalThreshold = ev.offsetY - ref.current.prevOffsetY;
+                    if (Math.abs(horizontalThreshold) > Math.abs(verticalThreshold)) {
+                        // pan-left or pan-right
+                        if (ref.current.prevOffsetX - ev.offsetX > threshold) {
+                            onPan === null || onPan === void 0 ? void 0 : onPan({ x: ev.clientX, y: ev.clientY, status: 'end' });
+                        }
+                        else if (ev.offsetX - ref.current.prevOffsetX > threshold) {
+                            onPan === null || onPan === void 0 ? void 0 : onPan({ x: ev.clientX, y: ev.clientY, status: 'end' });
+                        }
+                    }
+                    else {
+                        // pan-up or pan-down
+                        if (ref.current.prevOffsetY - ev.offsetY > threshold) {
+                            onPan === null || onPan === void 0 ? void 0 : onPan({ x: ev.clientX, y: ev.clientY, status: 'end' });
+                        }
+                        else if (ev.offsetY - ref.current.prevOffsetY > threshold) {
+                            onPan === null || onPan === void 0 ? void 0 : onPan({ x: ev.clientX, y: ev.clientY, status: 'end' });
+                        }
+                    }
+                }
+            }
+            // state would be reset to its original state whether pan is completed or cancelled
+            clearPan();
+        }, [threshold, onPan]);
+        const clearPan = hooks.useCallback(() => {
+            ref.current = {
+                pointerDownId: null,
+                startTime: null,
+                prevOffsetX: 0,
+                prevOffsetY: 0
+            };
+        }, []);
+        const panProps = isDisabled
+            ? {}
+            : {
+                /** event handlers to spread on the target element. */
+                onPointerDown,
+                onPointerUp,
+                onPointerMove,
+                onPointerCancel: clearPan
+            };
+        return {
+            panProps
+        };
+    }
+
+    /**
+     * @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.usePan = usePan;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_usePan.js.map

package/amd/hooks/UNSAFE_usePan.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_usePan.js","sources":["../../../src/hooks/UNSAFE_usePan/usePan.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/*\nthreshold: Minimal distance in pixels required before recognizing\n*/\ntype PanOptions = {\n  threshold?: number;\n  minimumTime?: number;\n  isDisabled?: boolean;\n};\n\ntype PanInfo = {\n  x: number;\n  y: number;\n  status: 'start' | 'end' | 'move';\n};\n\ntype PanState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevOffsetX: number;\n  prevOffsetY: number;\n};\n\nexport function usePan(\n  onPan: (e: PanInfo) => void,\n  { threshold = 50, minimumTime = 500, isDisabled = false }: PanOptions = {\n    threshold: 50,\n    minimumTime: 500,\n    isDisabled: false\n  }\n): { panProps: Record<string, any> } {\n  const ref = useRef<PanState>({\n    pointerDownId: 0,\n    startTime: 0,\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      onPan?.({ x: e.clientX, y: e.clientY, status: 'start' });\n    } else {\n      clearPan();\n    }\n  }, []);\n\n  const onPointerMove = (e: PointerEvent) => {\n    if (ref.current.pointerDownId === e.pointerId) {\n      onPan?.({ x: e.clientX, y: e.clientY, status: 'move' });\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 >= minimumTime) {\n          const horizontalThreshold = ev.offsetX - ref.current.prevOffsetX;\n          const verticalThreshold = ev.offsetY - ref.current.prevOffsetY;\n          if (Math.abs(horizontalThreshold) > Math.abs(verticalThreshold)) {\n            // pan-left or pan-right\n            if (ref.current.prevOffsetX - ev.offsetX > threshold) {\n              onPan?.({ x: ev.clientX, y: ev.clientY, status: 'end' });\n            } else if (ev.offsetX - ref.current.prevOffsetX > threshold) {\n              onPan?.({ x: ev.clientX, y: ev.clientY, status: 'end' });\n            }\n          } else {\n            // pan-up or pan-down\n            if (ref.current.prevOffsetY - ev.offsetY > threshold) {\n              onPan?.({ x: ev.clientX, y: ev.clientY, status: 'end' });\n            } else if (ev.offsetY - ref.current.prevOffsetY > threshold) {\n              onPan?.({ x: ev.clientX, y: ev.clientY, status: 'end' });\n            }\n          }\n        }\n      }\n      // state would be reset to its original state whether pan is completed or cancelled\n      clearPan();\n    },\n    [threshold, onPan]\n  );\n\n  const clearPan = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: null,\n      prevOffsetX: 0,\n      prevOffsetY: 0\n    };\n  }, []);\n\n  const panProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onPointerDown,\n        onPointerUp,\n        onPointerMove,\n        onPointerCancel: clearPan\n      };\n\n  return {\n    panProps\n  };\n}\n"],"names":["onPan","threshold","minimumTime","isDisabled","ref","useRef","pointerDownId","startTime","prevOffsetX","prevOffsetY","onPointerDown","useCallback","e","current","clearPan","pointerId","timeStamp","offsetX","offsetY","x","clientX","y","clientY","status","onPointerUp","ev","horizontalThreshold","verticalThreshold","Math","abs","panProps","onPointerMove","onPointerCancel"],"mappings":"+EAiCEA,GACAC,UAAEA,EAAY,GAAEC,YAAEA,EAAc,IAAGC,WAAEA,GAAa,GAAsB,CACtEF,UAAW,GACXC,YAAa,IACbC,YAAY,IAGd,MAAMC,EAAMC,EAAAA,OAAiB,CAC3BC,cAAe,EACfC,UAAW,EACXC,YAAa,EACbC,YAAa,IAGTC,EAAgBC,cAAaC,IAC5BR,EAAIS,QAAQP,cASfQ,KARAV,EAAIS,QAAU,CACZP,cAAeM,EAAEG,UACjBR,UAAWK,EAAEI,UACbR,YAAaI,EAAEK,QACfR,YAAaG,EAAEM,SAEjBlB,MAAAA,GAAAA,EAAQ,CAAEmB,EAAGP,EAAEQ,QAASC,EAAGT,EAAEU,QAASC,OAAQ,YAI/C,IAQGC,EAAcb,cACjBc,IACC,GAAIA,EAAGV,YAAcX,EAAIS,QAAQP,eAC3BF,EAAIS,QAAQN,WAAakB,EAAGT,UAAYZ,EAAIS,QAAQN,WAAaL,EAAa,CAChF,MAAMwB,EAAsBD,EAAGR,QAAUb,EAAIS,QAAQL,YAC/CmB,EAAoBF,EAAGP,QAAUd,EAAIS,QAAQJ,YAC/CmB,KAAKC,IAAIH,GAAuBE,KAAKC,IAAIF,IAEvCvB,EAAIS,QAAQL,YAAciB,EAAGR,QAAUhB,GAEhCwB,EAAGR,QAAUb,EAAIS,QAAQL,YAAcP,KADhDD,MAAAA,GAAAA,EAAQ,CAAEmB,EAAGM,EAAGL,QAASC,EAAGI,EAAGH,QAASC,OAAQ,UAM9CnB,EAAIS,QAAQJ,YAAcgB,EAAGP,QAAUjB,GAEhCwB,EAAGP,QAAUd,EAAIS,QAAQJ,YAAcR,KADhDD,MAAAA,GAAAA,EAAQ,CAAEmB,EAAGM,EAAGL,QAASC,EAAGI,EAAGH,QAASC,OAAQ,SAQxDT,KAEF,CAACb,EAAWD,IAGRc,EAAWH,EAAAA,YAAY,KAC3BP,EAAIS,QAAU,CACZP,cAAe,KACfC,UAAW,KACXC,YAAa,EACbC,YAAa,IAEd,IAYH,MAAO,CACLqB,SAXe3B,EACb,GACA,CAEEO,cAAAA,EACAc,YAAAA,EACAO,cAlDiBnB,IACjBR,EAAIS,QAAQP,gBAAkBM,EAAEG,YAClCf,MAAAA,GAAAA,EAAQ,CAAEmB,EAAGP,EAAEQ,QAASC,EAAGT,EAAEU,QAASC,OAAQ,WAiD5CS,gBAAiBlB"}
+{"version":3,"file":"UNSAFE_usePan.js","sources":["../../../src/hooks/UNSAFE_usePan/usePan.ts","../../../src/hooks/UNSAFE_usePan/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/*\nthreshold: Minimal distance in pixels required before recognizing\n*/\ntype PanOptions = {\n  threshold?: number;\n  minimumTime?: number;\n  isDisabled?: boolean;\n};\n\ntype PanInfo = {\n  x: number;\n  y: number;\n  status: 'start' | 'end' | 'move';\n};\n\ntype PanState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevOffsetX: number;\n  prevOffsetY: number;\n};\n\nexport function usePan(\n  onPan: (e: PanInfo) => void,\n  { threshold = 50, minimumTime = 500, isDisabled = false }: PanOptions = {\n    threshold: 50,\n    minimumTime: 500,\n    isDisabled: false\n  }\n): { panProps: Record<string, any> } {\n  const ref = useRef<PanState>({\n    pointerDownId: 0,\n    startTime: 0,\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      onPan?.({ x: e.clientX, y: e.clientY, status: 'start' });\n    } else {\n      clearPan();\n    }\n  }, []);\n\n  const onPointerMove = (e: PointerEvent) => {\n    if (ref.current.pointerDownId === e.pointerId) {\n      onPan?.({ x: e.clientX, y: e.clientY, status: 'move' });\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 >= minimumTime) {\n          const horizontalThreshold = ev.offsetX - ref.current.prevOffsetX;\n          const verticalThreshold = ev.offsetY - ref.current.prevOffsetY;\n          if (Math.abs(horizontalThreshold) > Math.abs(verticalThreshold)) {\n            // pan-left or pan-right\n            if (ref.current.prevOffsetX - ev.offsetX > threshold) {\n              onPan?.({ x: ev.clientX, y: ev.clientY, status: 'end' });\n            } else if (ev.offsetX - ref.current.prevOffsetX > threshold) {\n              onPan?.({ x: ev.clientX, y: ev.clientY, status: 'end' });\n            }\n          } else {\n            // pan-up or pan-down\n            if (ref.current.prevOffsetY - ev.offsetY > threshold) {\n              onPan?.({ x: ev.clientX, y: ev.clientY, status: 'end' });\n            } else if (ev.offsetY - ref.current.prevOffsetY > threshold) {\n              onPan?.({ x: ev.clientX, y: ev.clientY, status: 'end' });\n            }\n          }\n        }\n      }\n      // state would be reset to its original state whether pan is completed or cancelled\n      clearPan();\n    },\n    [threshold, onPan]\n  );\n\n  const clearPan = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: null,\n      prevOffsetX: 0,\n      prevOffsetY: 0\n    };\n  }, []);\n\n  const panProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onPointerDown,\n        onPointerUp,\n        onPointerMove,\n        onPointerCancel: clearPan\n      };\n\n  return {\n    panProps\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 { usePan } from './usePan';\n"],"names":["useRef","useCallback"],"mappings":"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"}

package/amd/hooks/UNSAFE_usePrefixSuffix.js

@@ -1,2 +1,60 @@
-define(["exports","preact/jsx-runtime","../UNSAFE_PrefixSuffix","./UNSAFE_useUser",'module',"../utils/UNSAFE_classNames","../classNames-14cea078","preact/hooks","../UNSAFE_Environment","preact","../UNSAFE_Layer","preact/compat"],function(e,i,s,t,n,a,r,d,o,f,u,l){"use strict";e.usePrefixSuffix=({baseId:e,hasEndContent:n,hasInsideLabel:a,hasStartContent:r,hasValue:d,isDisabled:o,isFocused:f,labelId:u,prefix:l,suffix:x,value:c})=>{const{direction:v}=t.useUser(),$=`${e}-prefix`,h=`${e}-suffix`,S=void 0!==l&&""!==l,b=void 0!==x&&""!==x,p=S&&!o&&(d||f)?i.jsx(s.PrefixSuffix,{id:$,hasEndContent:n,hasInsideLabel:a,hasStartContent:r,isDisabled:o,isFocused:f,text:l,variant:"prefix"}):void 0,E=b&&!o&&(d||f)?i.jsx(s.PrefixSuffix,{id:h,hasInsideLabel:a,isDisabled:o,isFocused:f,text:x,variant:"suffix"}):void 0,F=S||b?function(e,i,s,t,n){if(!i)return n;const a="ltr"===e,r=void 0===s?"":a?`${s} `:` ${s}`,d=void 0===t?"":a?` ${t}`:`${t} `,o=`${r}${n}${d}`,f=`${d}${n}${r}`;return a?o:f}(v,d,l,x,c):c,N=S||b?function(e,i,s){const t=null!=e?e:"",n=void 0===i?"":0===t.length?i:` ${i}`,a=void 0===s?"":0===t.length&&0===n.length?s:` ${s}`,r=`${t}${n}${a}`;return 0===r.length?void 0:r}(u,S?$:void 0,b?h:void 0):void 0;return{renderedPrefix:p,renderedSuffix:E,text:F,ariaLabelledBy:N}},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', '../UNSAFE_PrefixSuffix', './UNSAFE_useUser', 'module', '../utils/UNSAFE_classNames', '../classNames-027de734', 'preact/hooks', '../UNSAFE_Environment', 'preact', '../UNSAFE_Layer', 'preact/compat'], (function (exports, jsxRuntime, UNSAFE_PrefixSuffix, hooks_UNSAFE_useUser, linaria, utils_UNSAFE_classNames, classNames, hooks, UNSAFE_Environment, preact, UNSAFE_Layer, compat) { 'use strict';
+
+    // returns the prefix and/or suffix components
+    // if the condition in which they should be shown is met.
+    const usePrefixSuffix = ({ baseId, hasEndContent, hasInsideLabel, hasStartContent, hasValue, isDisabled, isFocused, labelId, prefix, suffix, value }) => {
+        const { direction } = hooks_UNSAFE_useUser.useUser();
+        // for accessibility, if you have a prefix, then you must have a prefixId
+        const prefixId = `${baseId}-prefix`;
+        const suffixId = `${baseId}-suffix`;
+        const hasPrefixText = prefix !== undefined && prefix !== '';
+        const hasSuffixText = suffix !== undefined && suffix !== '';
+        const renderedPrefix = hasPrefixText && !isDisabled && (hasValue || isFocused) ? (jsxRuntime.jsx(UNSAFE_PrefixSuffix.PrefixSuffix, { id: prefixId, hasEndContent: hasEndContent, hasInsideLabel: hasInsideLabel, hasStartContent: hasStartContent, isDisabled: isDisabled, isFocused: isFocused, text: prefix, variant: "prefix" })) : undefined;
+        const renderedSuffix = hasSuffixText && !isDisabled && (hasValue || isFocused) ? (jsxRuntime.jsx(UNSAFE_PrefixSuffix.PrefixSuffix, { id: suffixId, hasInsideLabel: hasInsideLabel, isDisabled: isDisabled, isFocused: isFocused, text: suffix, variant: "suffix" })) : undefined;
+        // get value and prefix/suffix if available and return as plain text.
+        const text = hasPrefixText || hasSuffixText ? getText(direction, hasValue, prefix, suffix, value) : value;
+        // get aria-labelledby if there is a prefix or suffix
+        const ariaLabelledBy = hasPrefixText || hasSuffixText
+            ? getAriaLabelledBy(labelId, hasPrefixText ? prefixId : undefined, hasSuffixText ? suffixId : undefined)
+            : undefined;
+        return { renderedPrefix, renderedSuffix, text, ariaLabelledBy };
+    };
+    /**
+     * Returns the value to render in plain text, taking into account the prefix and suffix
+     * and reading direction. Do not add a prefix/suffix if the component doesn't have a value.
+     * @returns string | undefined
+     */
+    function getText(direction, hasValue, prefix, suffix, value) {
+        // Do not add a prefix/suffix if the component doesn't have a value.
+        if (!hasValue) {
+            return value;
+        }
+        // TODO: direction is 'ltr' even though the storybook is rtl.
+        // Test this when the storybook bug is fixed. https://jira.oraclecorp.com/jira/browse/JET-51816?src=confmacro
+        const isLTR = direction === 'ltr';
+        const plainPrefix = prefix === undefined ? `` : isLTR ? `${prefix} ` : ` ${prefix}`;
+        const plainSuffix = suffix === undefined ? `` : isLTR ? ` ${suffix}` : `${suffix} `;
+        const ltrPlainText = `${plainPrefix}${value}${plainSuffix}`;
+        const rtlPlainText = `${plainSuffix}${value}${plainPrefix}`;
+        return isLTR ? ltrPlainText : rtlPlainText;
+    }
+    function getAriaLabelledBy(labelId, prefixId, suffixId) {
+        const label = labelId !== null && labelId !== void 0 ? labelId : '';
+        const prefix = prefixId === undefined ? '' : label.length === 0 ? prefixId : ` ${prefixId}`;
+        const suffix = suffixId === undefined
+            ? ''
+            : label.length === 0 && prefix.length === 0
+                ? suffixId
+                : ` ${suffixId}`;
+        const ariaLabelledBy = `${label}${prefix}${suffix}`;
+        return ariaLabelledBy.length === 0 ? undefined : ariaLabelledBy;
+    }
+
+    exports.usePrefixSuffix = usePrefixSuffix;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_usePrefixSuffix.js.map

package/amd/hooks/UNSAFE_usePrefixSuffix.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_usePrefixSuffix.js","sources":["../../../src/hooks/UNSAFE_usePrefixSuffix/usePrefixSuffix.tsx"],"sourcesContent":["import { PrefixSuffix } from '../../UNSAFE_PrefixSuffix';\nimport { useUser } from '../UNSAFE_useUser';\n\ntype Props = {\n  baseId: string;\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  hasValue?: boolean;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  labelId?: string;\n  prefix?: string;\n  suffix?: string;\n  value?: string;\n};\n\n// returns the prefix and/or suffix components\n// if the condition in which they should be shown is met.\nexport const usePrefixSuffix = ({\n  baseId,\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  hasValue,\n  isDisabled,\n  isFocused,\n  labelId,\n  prefix,\n  suffix,\n  value\n}: Props) => {\n  const { direction } = useUser();\n  // for accessibility, if you have a prefix, then you must have a prefixId\n  const prefixId = `${baseId}-prefix`;\n  const suffixId = `${baseId}-suffix`;\n  const hasPrefixText = prefix !== undefined && prefix !== '';\n  const hasSuffixText = suffix !== undefined && suffix !== '';\n\n  const renderedPrefix =\n    hasPrefixText && !isDisabled && (hasValue || isFocused) ? (\n      <PrefixSuffix\n        id={prefixId}\n        hasEndContent={hasEndContent}\n        hasInsideLabel={hasInsideLabel}\n        hasStartContent={hasStartContent}\n        isDisabled={isDisabled}\n        isFocused={isFocused}\n        text={prefix}\n        variant=\"prefix\"\n      />\n    ) : undefined;\n\n  const renderedSuffix =\n    hasSuffixText && !isDisabled && (hasValue || isFocused) ? (\n      <PrefixSuffix\n        id={suffixId}\n        hasInsideLabel={hasInsideLabel}\n        isDisabled={isDisabled}\n        isFocused={isFocused}\n        text={suffix}\n        variant=\"suffix\"\n      />\n    ) : undefined;\n\n  // get value and prefix/suffix if available and return as plain text.\n  const text =\n    hasPrefixText || hasSuffixText ? getText(direction, hasValue, prefix, suffix, value) : value;\n  // get aria-labelledby if there is a prefix or suffix\n  const ariaLabelledBy =\n    hasPrefixText || hasSuffixText\n      ? getAriaLabelledBy(\n          labelId,\n          hasPrefixText ? prefixId : undefined,\n          hasSuffixText ? suffixId : undefined\n        )\n      : undefined;\n\n  return { renderedPrefix, renderedSuffix, text, ariaLabelledBy };\n};\n\n/**\n * Returns the value to render in plain text, taking into account the prefix and suffix\n * and reading direction. Do not add a prefix/suffix if the component doesn't have a value.\n * @returns string | undefined\n */\nfunction getText(\n  direction: 'ltr' | 'rtl',\n  hasValue?: boolean,\n  prefix?: string,\n  suffix?: string,\n  value?: string\n) {\n  // Do not add a prefix/suffix if the component doesn't have a value.\n  if (!hasValue) {\n    return value;\n  }\n  // TODO: direction is 'ltr' even though the storybook is rtl.\n  // Test this when the storybook bug is fixed. https://jira.oraclecorp.com/jira/browse/JET-51816?src=confmacro\n  const isLTR = direction === 'ltr';\n  const plainPrefix = prefix === undefined ? `` : isLTR ? `${prefix} ` : ` ${prefix}`;\n  const plainSuffix = suffix === undefined ? `` : isLTR ? ` ${suffix}` : `${suffix} `;\n\n  const ltrPlainText = `${plainPrefix}${value}${plainSuffix}`;\n  const rtlPlainText = `${plainSuffix}${value}${plainPrefix}`;\n  return isLTR ? ltrPlainText : rtlPlainText;\n}\n\nfunction getAriaLabelledBy(labelId?: string, prefixId?: string, suffixId?: string) {\n  const label = labelId ?? '';\n  const prefix = prefixId === undefined ? '' : label.length === 0 ? prefixId : ` ${prefixId}`;\n  const suffix =\n    suffixId === undefined\n      ? ''\n      : label.length === 0 && prefix.length === 0\n      ? suffixId\n      : ` ${suffixId}`;\n  const ariaLabelledBy = `${label}${prefix}${suffix}`;\n  return ariaLabelledBy.length === 0 ? undefined : ariaLabelledBy;\n}\n"],"names":["baseId","hasEndContent","hasInsideLabel","hasStartContent","hasValue","isDisabled","isFocused","labelId","prefix","suffix","value","direction","useUser","prefixId","suffixId","hasPrefixText","undefined","hasSuffixText","renderedPrefix","_jsx","jsx","PrefixSuffix","id","text","variant","renderedSuffix","isLTR","plainPrefix","plainSuffix","ltrPlainText","rtlPlainText","getText","ariaLabelledBy","label","length","getAriaLabelledBy"],"mappings":"uSAmB+B,EAC7BA,OAAAA,EACAC,cAAAA,EACAC,eAAAA,EACAC,gBAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,OAAAA,EACAC,MAAAA,MAEA,MAAMC,UAAEA,GAAcC,EAAAA,UAEhBC,EAAW,GAAGb,WACdc,EAAW,GAAGd,WACde,OAA2BC,IAAXR,GAAmC,KAAXA,EACxCS,OAA2BD,IAAXP,GAAmC,KAAXA,EAExCS,EACJH,IAAkBV,IAAeD,GAAYE,GAC3Ca,EAACC,IAAAC,EAAYA,aACX,CAAAC,GAAIT,EACJZ,cAAeA,EACfC,eAAgBA,EAChBC,gBAAiBA,EACjBE,WAAYA,EACZC,UAAWA,EACXiB,KAAMf,EACNgB,QAAQ,gBAERR,EAEAS,EACJR,IAAkBZ,IAAeD,GAAYE,GAC3Ca,MAACE,EAAAA,aACC,CAAAC,GAAIR,EACJZ,eAAgBA,EAChBG,WAAYA,EACZC,UAAWA,EACXiB,KAAMd,EACNe,QAAQ,gBAERR,EAGAO,EACJR,GAAiBE,EAmBrB,SACEN,EACAP,EACAI,EACAC,EACAC,GAGA,IAAKN,EACH,OAAOM,EAIT,MAAMgB,EAAsB,QAAdf,EACRgB,OAAyBX,IAAXR,EAAuB,GAAKkB,EAAQ,GAAGlB,KAAY,IAAIA,IACrEoB,OAAyBZ,IAAXP,EAAuB,GAAKiB,EAAQ,IAAIjB,IAAW,GAAGA,KAEpEoB,EAAe,GAAGF,IAAcjB,IAAQkB,IACxCE,EAAe,GAAGF,IAAclB,IAAQiB,IAC9C,OAAOD,EAAQG,EAAeC,EAtCKC,CAAQpB,EAAWP,EAAUI,EAAQC,EAAQC,GAASA,EAEnFsB,EACJjB,GAAiBE,EAsCrB,SAA2BV,EAAkBM,EAAmBC,GAC9D,MAAMmB,EAAQ1B,MAAAA,EAAAA,EAAW,GACnBC,OAAsBQ,IAAbH,EAAyB,GAAsB,IAAjBoB,EAAMC,OAAerB,EAAW,IAAIA,IAC3EJ,OACSO,IAAbF,EACI,GACiB,IAAjBmB,EAAMC,QAAkC,IAAlB1B,EAAO0B,OAC7BpB,EACA,IAAIA,IACJkB,EAAiB,GAAGC,IAAQzB,IAASC,IAC3C,OAAiC,IAA1BuB,EAAeE,YAAelB,EAAYgB,EA/C3CG,CACE5B,EACAQ,EAAgBF,OAAWG,EAC3BC,EAAgBH,OAAWE,QAE7BA,EAEN,MAAO,CAAEE,eAAAA,EAAgBO,eAAAA,EAAgBF,KAAAA,EAAMS,eAAAA"}
+{"version":3,"file":"UNSAFE_usePrefixSuffix.js","sources":["../../../src/hooks/UNSAFE_usePrefixSuffix/usePrefixSuffix.tsx"],"sourcesContent":["import { PrefixSuffix } from '../../UNSAFE_PrefixSuffix';\nimport { useUser } from '../UNSAFE_useUser';\n\ntype Props = {\n  baseId: string;\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  hasValue?: boolean;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  labelId?: string;\n  prefix?: string;\n  suffix?: string;\n  value?: string;\n};\n\n// returns the prefix and/or suffix components\n// if the condition in which they should be shown is met.\nexport const usePrefixSuffix = ({\n  baseId,\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  hasValue,\n  isDisabled,\n  isFocused,\n  labelId,\n  prefix,\n  suffix,\n  value\n}: Props) => {\n  const { direction } = useUser();\n  // for accessibility, if you have a prefix, then you must have a prefixId\n  const prefixId = `${baseId}-prefix`;\n  const suffixId = `${baseId}-suffix`;\n  const hasPrefixText = prefix !== undefined && prefix !== '';\n  const hasSuffixText = suffix !== undefined && suffix !== '';\n\n  const renderedPrefix =\n    hasPrefixText && !isDisabled && (hasValue || isFocused) ? (\n      <PrefixSuffix\n        id={prefixId}\n        hasEndContent={hasEndContent}\n        hasInsideLabel={hasInsideLabel}\n        hasStartContent={hasStartContent}\n        isDisabled={isDisabled}\n        isFocused={isFocused}\n        text={prefix}\n        variant=\"prefix\"\n      />\n    ) : undefined;\n\n  const renderedSuffix =\n    hasSuffixText && !isDisabled && (hasValue || isFocused) ? (\n      <PrefixSuffix\n        id={suffixId}\n        hasInsideLabel={hasInsideLabel}\n        isDisabled={isDisabled}\n        isFocused={isFocused}\n        text={suffix}\n        variant=\"suffix\"\n      />\n    ) : undefined;\n\n  // get value and prefix/suffix if available and return as plain text.\n  const text =\n    hasPrefixText || hasSuffixText ? getText(direction, hasValue, prefix, suffix, value) : value;\n  // get aria-labelledby if there is a prefix or suffix\n  const ariaLabelledBy =\n    hasPrefixText || hasSuffixText\n      ? getAriaLabelledBy(\n          labelId,\n          hasPrefixText ? prefixId : undefined,\n          hasSuffixText ? suffixId : undefined\n        )\n      : undefined;\n\n  return { renderedPrefix, renderedSuffix, text, ariaLabelledBy };\n};\n\n/**\n * Returns the value to render in plain text, taking into account the prefix and suffix\n * and reading direction. Do not add a prefix/suffix if the component doesn't have a value.\n * @returns string | undefined\n */\nfunction getText(\n  direction: 'ltr' | 'rtl',\n  hasValue?: boolean,\n  prefix?: string,\n  suffix?: string,\n  value?: string\n) {\n  // Do not add a prefix/suffix if the component doesn't have a value.\n  if (!hasValue) {\n    return value;\n  }\n  // TODO: direction is 'ltr' even though the storybook is rtl.\n  // Test this when the storybook bug is fixed. https://jira.oraclecorp.com/jira/browse/JET-51816?src=confmacro\n  const isLTR = direction === 'ltr';\n  const plainPrefix = prefix === undefined ? `` : isLTR ? `${prefix} ` : ` ${prefix}`;\n  const plainSuffix = suffix === undefined ? `` : isLTR ? ` ${suffix}` : `${suffix} `;\n\n  const ltrPlainText = `${plainPrefix}${value}${plainSuffix}`;\n  const rtlPlainText = `${plainSuffix}${value}${plainPrefix}`;\n  return isLTR ? ltrPlainText : rtlPlainText;\n}\n\nfunction getAriaLabelledBy(labelId?: string, prefixId?: string, suffixId?: string) {\n  const label = labelId ?? '';\n  const prefix = prefixId === undefined ? '' : label.length === 0 ? prefixId : ` ${prefixId}`;\n  const suffix =\n    suffixId === undefined\n      ? ''\n      : label.length === 0 && prefix.length === 0\n      ? suffixId\n      : ` ${suffixId}`;\n  const ariaLabelledBy = `${label}${prefix}${suffix}`;\n  return ariaLabelledBy.length === 0 ? undefined : ariaLabelledBy;\n}\n"],"names":["useUser","_jsx","PrefixSuffix"],"mappings":"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"}

package/amd/hooks/UNSAFE_usePress.js

@@ -1,2 +1,154 @@
-define(["exports","preact/hooks"],function(e,t){"use strict";const a={isDisabled:!1,isRepeat:!1,repeatDelay:500,repeatInterval:40};e.usePress=function(e,r=a){const n=Object.assign(Object.assign({},a),r),[s,c]=t.useState(!0),[l,o]=t.useState(!1),u=t.useRef(),p=t.useRef(!1),i=t=>{p.current&&e(t),u.current=setInterval(e,n.repeatInterval,t)},R=t.useCallback(t=>{"Space"!==t.code&&"Enter"!==t.code||!n.isRepeat&&t.repeat||(t.preventDefault(),o(!0),n.isRepeat&&e(t))},[n.isRepeat,e,o]),b=t.useCallback(t=>{"Space"!==t.code&&"Enter"!==t.code||(o(!1),t.preventDefault(),n.isRepeat||e(t))},[n.isRepeat,e,o]),C=t.useCallback(()=>{o(!1)},[o]),k=t.useCallback(t=>{c(!1),n.isRepeat&&(p.current=!0,t.preventDefault(),e(t),u.current=setTimeout(i,n.repeatDelay,t))},[n,e,u,c,i]),v=t.useCallback(t=>{n.isRepeat&&u.current?(p.current=!1,clearInterval(u.current),u.current=void 0):e(t)},[n.isRepeat,u,e]),D=t.useCallback(t=>{t.stopPropagation(),s&&!l&&u.current&&e(t),c(!0)},[c,e,s,u,l]),d=t.useCallback(t=>{t.stopPropagation(),l||e(t)},[e,l]),f=t.useCallback(()=>{c(!0),n.isRepeat&&u.current&&clearInterval(u.current)},[n.isRepeat,e,u,c]),P=t.useCallback(()=>{c(!0),n.isRepeat&&u.current&&clearInterval(u.current)},[n.isRepeat,e,u,c]),y=t.useCallback(e=>{c(!0),n.isRepeat&&e.preventDefault()},[n.isRepeat,e,c]);return{pressProps:n.isDisabled?{}:n.isRepeat?{onPointerUp:v,onPointerDown:k,onPointerOut:f,onPointerCancel:P,onKeyDown:R,onKeyUp:b,onContextMenu:y,onClick:D,onBlur:C}:{onKeyDown:R,onKeyUp:b,onBlur:C,onClick:d}}},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/hooks'], (function (exports, hooks) { 'use strict';
+
+    const DefaultSettings = {
+        isDisabled: false,
+        isRepeat: false,
+        repeatDelay: 500,
+        repeatInterval: 40
+    };
+    /**
+     * Returns a click handler that can make a target element either clickable or keyboard pressable.
+     *
+     * @param onPressHandler function
+     * @param isRepeat boolean
+     * @param repeatInterval number number of ms between events for mouse and touch
+     * @param repeatDelay number number of ms before repeat events initiates
+     * @param isDisabled boolean
+     * @returns
+     */
+    function usePress(onPressHandler, settings = DefaultSettings) {
+        const mergedSettings = Object.assign(Object.assign({}, DefaultSettings), settings);
+        const [isClickable, setIsClickable] = hooks.useState(true);
+        const [isPressed, setIsPressed] = hooks.useState(false);
+        const intervalID = hooks.useRef();
+        const isRepeating = hooks.useRef(false);
+        const repeatHandler = (event) => {
+            if (isRepeating.current) {
+                onPressHandler(event);
+            }
+            intervalID.current = setInterval(onPressHandler, mergedSettings.repeatInterval, event); // @HTMLUpdateOK
+        };
+        const onKeyDown = hooks.useCallback((event) => {
+            if ((event.code === 'Space' || event.code === 'Enter') &&
+                (mergedSettings.isRepeat || !event.repeat)) {
+                event.preventDefault();
+                setIsPressed(true);
+                if (mergedSettings.isRepeat) {
+                    onPressHandler(event);
+                }
+            }
+        }, [mergedSettings.isRepeat, onPressHandler, setIsPressed]);
+        const onKeyUp = hooks.useCallback((event) => {
+            if (event.code === 'Space' || event.code === 'Enter') {
+                setIsPressed(false);
+                event.preventDefault();
+                if (!mergedSettings.isRepeat) {
+                    onPressHandler(event);
+                }
+            }
+        }, [mergedSettings.isRepeat, onPressHandler, setIsPressed]);
+        const onBlur = hooks.useCallback(() => {
+            setIsPressed(false);
+        }, [setIsPressed]);
+        const onPointerDown = hooks.useCallback((event) => {
+            setIsClickable(false);
+            if (mergedSettings.isRepeat) {
+                isRepeating.current = true;
+                event.preventDefault();
+                onPressHandler(event);
+                intervalID.current = setTimeout(repeatHandler, mergedSettings.repeatDelay, event);
+            }
+        }, [mergedSettings, onPressHandler, intervalID, setIsClickable, repeatHandler]);
+        const onPointerUp = hooks.useCallback((event) => {
+            if (mergedSettings.isRepeat && intervalID.current) {
+                isRepeating.current = false;
+                clearInterval(intervalID.current);
+                intervalID.current = undefined;
+            }
+            else {
+                onPressHandler(event);
+            }
+        }, [mergedSettings.isRepeat, intervalID, onPressHandler]);
+        // Keep this to permit automated invocation of target via click event
+        // Need to ignore this for manual invocation whereby browser generates click
+        // pointerdown/pointerup/click -> ignore click
+        // keydown/keyup/click -> ignore click
+        // click without pointerup or keyup -> invoke
+        const onClick = hooks.useCallback((event) => {
+            // There are use cases where pressable/clickable components (eg. Buttons) are nested inside of other
+            // components that also process bubbling click events (eg. Collapsible). In order to avoid conflicting
+            // processing of clicks (eg. in order to avoid the click both activating a Button as well as toggling the
+            // ancestor Collapsible), we stop propagation here. That way, only the child component handles the
+            // click and the ancestor component is oblivious to the fact that the click even occurred.
+            event.stopPropagation();
+            if (isClickable && !isPressed && intervalID.current) {
+                onPressHandler(event);
+            }
+            setIsClickable(true);
+        }, [setIsClickable, onPressHandler, isClickable, intervalID, isPressed]);
+        const onClickSingle = hooks.useCallback((event) => {
+            // See note above about why propagation is stopped: to prevent nested component bubbling clicks issue
+            event.stopPropagation();
+            if (!isPressed) {
+                onPressHandler(event);
+            }
+        }, [onPressHandler, isPressed]);
+        const onPointerOut = hooks.useCallback(() => {
+            setIsClickable(true);
+            if (mergedSettings.isRepeat && intervalID.current) {
+                clearInterval(intervalID.current);
+            }
+        }, [mergedSettings.isRepeat, onPressHandler, intervalID, setIsClickable]);
+        const onPointerCancel = hooks.useCallback(() => {
+            setIsClickable(true);
+            if (mergedSettings.isRepeat && intervalID.current) {
+                clearInterval(intervalID.current);
+            }
+        }, [mergedSettings.isRepeat, onPressHandler, intervalID, setIsClickable]);
+        const onContextMenu = hooks.useCallback((event) => {
+            setIsClickable(true);
+            if (mergedSettings.isRepeat) {
+                event.preventDefault();
+            }
+        }, [mergedSettings.isRepeat, onPressHandler, setIsClickable]);
+        const pressProps = mergedSettings.isDisabled
+            ? {}
+            : mergedSettings.isRepeat
+                ? {
+                    onPointerUp,
+                    onPointerDown,
+                    onPointerOut,
+                    onPointerCancel,
+                    onKeyDown,
+                    onKeyUp,
+                    onContextMenu,
+                    onClick,
+                    onBlur
+                }
+                : {
+                    onKeyDown,
+                    onKeyUp,
+                    onBlur,
+                    onClick: onClickSingle
+                };
+        return {
+            pressProps
+        };
+    }
+
+    /**
+     * @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.usePress = usePress;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_usePress.js.map

package/amd/hooks/UNSAFE_usePress.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_usePress.js","sources":["../../../src/hooks/UNSAFE_usePress/usePress.ts"],"sourcesContent":["import { useCallback, useState, useRef } from 'preact/hooks';\n\nexport type PressOptions = {\n  isDisabled?: boolean;\n  isRepeat?: boolean;\n  repeatDelay?: number;\n  repeatInterval?: number;\n};\n\nconst DefaultSettings = {\n  isDisabled: false,\n  isRepeat: false,\n  repeatDelay: 500,\n  repeatInterval: 40\n};\n\n/**\n * Returns a click handler that can make a target element either clickable or keyboard pressable.\n *\n * @param onPressHandler function\n * @param isRepeat boolean\n * @param repeatInterval number number of ms between events for mouse and touch\n * @param repeatDelay number number of ms before repeat events initiates\n * @param isDisabled boolean\n * @returns\n */\n\nexport function usePress(\n  onPressHandler: (event: Event) => void,\n  settings: PressOptions = DefaultSettings\n): { pressProps: Record<string, any> } {\n  const mergedSettings = { ...DefaultSettings, ...settings };\n  const [isClickable, setIsClickable] = useState<boolean>(true);\n  const [isPressed, setIsPressed] = useState<boolean>(false);\n  const intervalID = useRef<ReturnType<typeof setInterval>>();\n  const isRepeating = useRef<boolean>(false);\n  const repeatHandler = (event: Event) => {\n    if (isRepeating.current) {\n      onPressHandler(event);\n    }\n    intervalID.current = setInterval(onPressHandler, mergedSettings.repeatInterval, event); // @HTMLUpdateOK\n  };\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (\n        (event.code === 'Space' || event.code === 'Enter') &&\n        (mergedSettings.isRepeat || !event.repeat)\n      ) {\n        event.preventDefault();\n        setIsPressed(true);\n        if (mergedSettings.isRepeat) {\n          onPressHandler(event);\n        }\n      }\n    },\n    [mergedSettings.isRepeat, onPressHandler, setIsPressed]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.code === 'Space' || event.code === 'Enter') {\n        setIsPressed(false);\n        event.preventDefault();\n        if (!mergedSettings.isRepeat) {\n          onPressHandler(event);\n        }\n      }\n    },\n    [mergedSettings.isRepeat, onPressHandler, setIsPressed]\n  );\n\n  const onBlur = useCallback(() => {\n    setIsPressed(false);\n  }, [setIsPressed]);\n\n  const onPointerDown = useCallback(\n    (event: PointerEvent) => {\n      setIsClickable(false);\n      if (mergedSettings.isRepeat) {\n        isRepeating.current = true;\n        event.preventDefault();\n        onPressHandler(event);\n        intervalID.current = setTimeout(repeatHandler, mergedSettings.repeatDelay, event);\n      }\n    },\n    [mergedSettings, onPressHandler, intervalID, setIsClickable, repeatHandler]\n  );\n\n  const onPointerUp = useCallback(\n    (event: PointerEvent) => {\n      if (mergedSettings.isRepeat && intervalID.current) {\n        isRepeating.current = false;\n        clearInterval(intervalID.current);\n        intervalID.current = undefined;\n      } else {\n        onPressHandler(event);\n      }\n    },\n    [mergedSettings.isRepeat, intervalID, onPressHandler]\n  );\n\n  // Keep this to permit automated invocation of target via click event\n  // Need to ignore this for manual invocation whereby browser generates click\n  // pointerdown/pointerup/click -> ignore click\n  // keydown/keyup/click -> ignore click\n  // click without pointerup or keyup -> invoke\n  const onClick = useCallback(\n    (event: Event) => {\n      // There are use cases where pressable/clickable components (eg. Buttons) are nested inside of other\n      // components that also process bubbling click events (eg. Collapsible). In order to avoid conflicting\n      // processing of clicks (eg. in order to avoid the click both activating a Button as well as toggling the\n      // ancestor Collapsible), we stop propagation here. That way, only the child component handles the\n      // click and the ancestor component is oblivious to the fact that the click even occurred.\n      event.stopPropagation();\n      if (isClickable && !isPressed && intervalID.current) {\n        onPressHandler(event);\n      }\n      setIsClickable(true);\n    },\n    [setIsClickable, onPressHandler, isClickable, intervalID, isPressed]\n  );\n\n  const onClickSingle = useCallback(\n    (event: Event) => {\n      // See note above about why propagation is stopped: to prevent nested component bubbling clicks issue\n      event.stopPropagation();\n      if (!isPressed) {\n        onPressHandler(event);\n      }\n    },\n    [onPressHandler, isPressed]\n  );\n\n  const onPointerOut = useCallback(() => {\n    setIsClickable(true);\n    if (mergedSettings.isRepeat && intervalID.current) {\n      clearInterval(intervalID.current);\n    }\n  }, [mergedSettings.isRepeat, onPressHandler, intervalID, setIsClickable]);\n\n  const onPointerCancel = useCallback(() => {\n    setIsClickable(true);\n    if (mergedSettings.isRepeat && intervalID.current) {\n      clearInterval(intervalID.current);\n    }\n  }, [mergedSettings.isRepeat, onPressHandler, intervalID, setIsClickable]);\n\n  const onContextMenu = useCallback(\n    (event: PointerEvent) => {\n      setIsClickable(true);\n      if (mergedSettings.isRepeat) {\n        event.preventDefault();\n      }\n    },\n    [mergedSettings.isRepeat, onPressHandler, setIsClickable]\n  );\n\n  const pressProps = mergedSettings.isDisabled\n    ? {}\n    : mergedSettings.isRepeat\n    ? {\n        onPointerUp,\n        onPointerDown,\n        onPointerOut,\n        onPointerCancel,\n        onKeyDown,\n        onKeyUp,\n        onContextMenu,\n        onClick,\n        onBlur\n      }\n    : {\n        onKeyDown,\n        onKeyUp,\n        onBlur,\n        onClick: onClickSingle\n      };\n\n  return {\n    pressProps\n  };\n}\n"],"names":["DefaultSettings","isDisabled","isRepeat","repeatDelay","repeatInterval","onPressHandler","settings","mergedSettings","Object","assign","isClickable","setIsClickable","useState","isPressed","setIsPressed","intervalID","useRef","isRepeating","repeatHandler","event","current","setInterval","onKeyDown","useCallback","code","repeat","preventDefault","onKeyUp","onBlur","onPointerDown","setTimeout","onPointerUp","clearInterval","undefined","onClick","stopPropagation","onClickSingle","onPointerOut","onPointerCancel","onContextMenu","pressProps"],"mappings":"6DASA,MAAMA,EAAkB,CACtBC,YAAY,EACZC,UAAU,EACVC,YAAa,IACbC,eAAgB,wBAehBC,EACAC,EAAyBN,GAEzB,MAAMO,EAAsBC,OAAAC,OAAAD,OAAAC,OAAA,GAAAT,GAAoBM,IACzCI,EAAaC,GAAkBC,EAAQA,UAAU,IACjDC,EAAWC,GAAgBF,EAAQA,UAAU,GAC9CG,EAAaC,EAAAA,SACbC,EAAcD,UAAgB,GAC9BE,EAAiBC,IACjBF,EAAYG,SACdf,EAAec,GAEjBJ,EAAWK,QAAUC,YAAYhB,EAAgBE,EAAeH,eAAgBe,IAG5EG,EAAYC,cACfJ,IAEmB,UAAfA,EAAMK,MAAmC,UAAfL,EAAMK,OAChCjB,EAAeL,UAAaiB,EAAMM,SAEnCN,EAAMO,iBACNZ,GAAa,GACTP,EAAeL,UACjBG,EAAec,KAIrB,CAACZ,EAAeL,SAAUG,EAAgBS,IAGtCa,EAAUJ,cACbJ,IACoB,UAAfA,EAAMK,MAAmC,UAAfL,EAAMK,OAClCV,GAAa,GACbK,EAAMO,iBACDnB,EAAeL,UAClBG,EAAec,KAIrB,CAACZ,EAAeL,SAAUG,EAAgBS,IAGtCc,EAASL,EAAAA,YAAY,KACzBT,GAAa,IACZ,CAACA,IAEEe,EAAgBN,cACnBJ,IACCR,GAAe,GACXJ,EAAeL,WACjBe,EAAYG,SAAU,EACtBD,EAAMO,iBACNrB,EAAec,GACfJ,EAAWK,QAAUU,WAAWZ,EAAeX,EAAeJ,YAAagB,KAG/E,CAACZ,EAAgBF,EAAgBU,EAAYJ,EAAgBO,IAGzDa,EAAcR,cACjBJ,IACKZ,EAAeL,UAAYa,EAAWK,SACxCH,EAAYG,SAAU,EACtBY,cAAcjB,EAAWK,SACzBL,EAAWK,aAAUa,GAErB5B,EAAec,IAGnB,CAACZ,EAAeL,SAAUa,EAAYV,IAQlC6B,EAAUX,cACbJ,IAMCA,EAAMgB,kBACFzB,IAAgBG,GAAaE,EAAWK,SAC1Cf,EAAec,GAEjBR,GAAe,IAEjB,CAACA,EAAgBN,EAAgBK,EAAaK,EAAYF,IAGtDuB,EAAgBb,cACnBJ,IAECA,EAAMgB,kBACDtB,GACHR,EAAec,IAGnB,CAACd,EAAgBQ,IAGbwB,EAAed,EAAAA,YAAY,KAC/BZ,GAAe,GACXJ,EAAeL,UAAYa,EAAWK,SACxCY,cAAcjB,EAAWK,UAE1B,CAACb,EAAeL,SAAUG,EAAgBU,EAAYJ,IAEnD2B,EAAkBf,EAAAA,YAAY,KAClCZ,GAAe,GACXJ,EAAeL,UAAYa,EAAWK,SACxCY,cAAcjB,EAAWK,UAE1B,CAACb,EAAeL,SAAUG,EAAgBU,EAAYJ,IAEnD4B,EAAgBhB,cACnBJ,IACCR,GAAe,GACXJ,EAAeL,UACjBiB,EAAMO,kBAGV,CAACnB,EAAeL,SAAUG,EAAgBM,IAwB5C,MAAO,CACL6B,WAtBiBjC,EAAeN,WAC9B,GACAM,EAAeL,SACf,CACE6B,YAAAA,EACAF,cAAAA,EACAQ,aAAAA,EACAC,gBAAAA,EACAhB,UAAAA,EACAK,QAAAA,EACAY,cAAAA,EACAL,QAAAA,EACAN,OAAAA,GAEF,CACEN,UAAAA,EACAK,QAAAA,EACAC,OAAAA,EACAM,QAASE"}
+{"version":3,"file":"UNSAFE_usePress.js","sources":["../../../src/hooks/UNSAFE_usePress/usePress.ts","../../../src/hooks/UNSAFE_usePress/index.ts"],"sourcesContent":["import { useCallback, useState, useRef } from 'preact/hooks';\n\nexport type PressOptions = {\n  isDisabled?: boolean;\n  isRepeat?: boolean;\n  repeatDelay?: number;\n  repeatInterval?: number;\n};\n\nconst DefaultSettings = {\n  isDisabled: false,\n  isRepeat: false,\n  repeatDelay: 500,\n  repeatInterval: 40\n};\n\n/**\n * Returns a click handler that can make a target element either clickable or keyboard pressable.\n *\n * @param onPressHandler function\n * @param isRepeat boolean\n * @param repeatInterval number number of ms between events for mouse and touch\n * @param repeatDelay number number of ms before repeat events initiates\n * @param isDisabled boolean\n * @returns\n */\n\nexport function usePress(\n  onPressHandler: (event: Event) => void,\n  settings: PressOptions = DefaultSettings\n): { pressProps: Record<string, any> } {\n  const mergedSettings = { ...DefaultSettings, ...settings };\n  const [isClickable, setIsClickable] = useState<boolean>(true);\n  const [isPressed, setIsPressed] = useState<boolean>(false);\n  const intervalID = useRef<ReturnType<typeof setInterval>>();\n  const isRepeating = useRef<boolean>(false);\n  const repeatHandler = (event: Event) => {\n    if (isRepeating.current) {\n      onPressHandler(event);\n    }\n    intervalID.current = setInterval(onPressHandler, mergedSettings.repeatInterval, event); // @HTMLUpdateOK\n  };\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (\n        (event.code === 'Space' || event.code === 'Enter') &&\n        (mergedSettings.isRepeat || !event.repeat)\n      ) {\n        event.preventDefault();\n        setIsPressed(true);\n        if (mergedSettings.isRepeat) {\n          onPressHandler(event);\n        }\n      }\n    },\n    [mergedSettings.isRepeat, onPressHandler, setIsPressed]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.code === 'Space' || event.code === 'Enter') {\n        setIsPressed(false);\n        event.preventDefault();\n        if (!mergedSettings.isRepeat) {\n          onPressHandler(event);\n        }\n      }\n    },\n    [mergedSettings.isRepeat, onPressHandler, setIsPressed]\n  );\n\n  const onBlur = useCallback(() => {\n    setIsPressed(false);\n  }, [setIsPressed]);\n\n  const onPointerDown = useCallback(\n    (event: PointerEvent) => {\n      setIsClickable(false);\n      if (mergedSettings.isRepeat) {\n        isRepeating.current = true;\n        event.preventDefault();\n        onPressHandler(event);\n        intervalID.current = setTimeout(repeatHandler, mergedSettings.repeatDelay, event);\n      }\n    },\n    [mergedSettings, onPressHandler, intervalID, setIsClickable, repeatHandler]\n  );\n\n  const onPointerUp = useCallback(\n    (event: PointerEvent) => {\n      if (mergedSettings.isRepeat && intervalID.current) {\n        isRepeating.current = false;\n        clearInterval(intervalID.current);\n        intervalID.current = undefined;\n      } else {\n        onPressHandler(event);\n      }\n    },\n    [mergedSettings.isRepeat, intervalID, onPressHandler]\n  );\n\n  // Keep this to permit automated invocation of target via click event\n  // Need to ignore this for manual invocation whereby browser generates click\n  // pointerdown/pointerup/click -> ignore click\n  // keydown/keyup/click -> ignore click\n  // click without pointerup or keyup -> invoke\n  const onClick = useCallback(\n    (event: Event) => {\n      // There are use cases where pressable/clickable components (eg. Buttons) are nested inside of other\n      // components that also process bubbling click events (eg. Collapsible). In order to avoid conflicting\n      // processing of clicks (eg. in order to avoid the click both activating a Button as well as toggling the\n      // ancestor Collapsible), we stop propagation here. That way, only the child component handles the\n      // click and the ancestor component is oblivious to the fact that the click even occurred.\n      event.stopPropagation();\n      if (isClickable && !isPressed && intervalID.current) {\n        onPressHandler(event);\n      }\n      setIsClickable(true);\n    },\n    [setIsClickable, onPressHandler, isClickable, intervalID, isPressed]\n  );\n\n  const onClickSingle = useCallback(\n    (event: Event) => {\n      // See note above about why propagation is stopped: to prevent nested component bubbling clicks issue\n      event.stopPropagation();\n      if (!isPressed) {\n        onPressHandler(event);\n      }\n    },\n    [onPressHandler, isPressed]\n  );\n\n  const onPointerOut = useCallback(() => {\n    setIsClickable(true);\n    if (mergedSettings.isRepeat && intervalID.current) {\n      clearInterval(intervalID.current);\n    }\n  }, [mergedSettings.isRepeat, onPressHandler, intervalID, setIsClickable]);\n\n  const onPointerCancel = useCallback(() => {\n    setIsClickable(true);\n    if (mergedSettings.isRepeat && intervalID.current) {\n      clearInterval(intervalID.current);\n    }\n  }, [mergedSettings.isRepeat, onPressHandler, intervalID, setIsClickable]);\n\n  const onContextMenu = useCallback(\n    (event: PointerEvent) => {\n      setIsClickable(true);\n      if (mergedSettings.isRepeat) {\n        event.preventDefault();\n      }\n    },\n    [mergedSettings.isRepeat, onPressHandler, setIsClickable]\n  );\n\n  const pressProps = mergedSettings.isDisabled\n    ? {}\n    : mergedSettings.isRepeat\n    ? {\n        onPointerUp,\n        onPointerDown,\n        onPointerOut,\n        onPointerCancel,\n        onKeyDown,\n        onKeyUp,\n        onContextMenu,\n        onClick,\n        onBlur\n      }\n    : {\n        onKeyDown,\n        onKeyUp,\n        onBlur,\n        onClick: onClickSingle\n      };\n\n  return {\n    pressProps\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 * from './usePress';\n"],"names":["useState","useRef","useCallback"],"mappings":"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"}

package/amd/hooks/UNSAFE_useScale.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,a){"use strict";e.useScale=function(){return t.useContext(n.EnvironmentContext).scale},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 useScale() {
+        return hooks.useContext(UNSAFE_Environment.EnvironmentContext).scale;
+    }
+
+    /**
+     * @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.useScale = useScale;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useScale.js.map

package/amd/hooks/UNSAFE_useScale.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useScale.js","sources":["../../../src/hooks/UNSAFE_useScale/useScale.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 useScale() {\n  return useContext(EnvironmentContext).scale;\n}\n"],"names":["useContext","EnvironmentContext","scale"],"mappings":"qLAWE,OAAOA,EAAUA,WAACC,sBAAoBC"}
+{"version":3,"file":"UNSAFE_useScale.js","sources":["../../../src/hooks/UNSAFE_useScale/useScale.ts","../../../src/hooks/UNSAFE_useScale/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 useScale() {\n  return useContext(EnvironmentContext).scale;\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 { useScale } from './useScale';\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_useSwipe.js

@@ -1,2 +1,95 @@
-define(["exports","preact/hooks"],function(e,t){"use strict";e.useSwipe=function(e,{threshold:r=10,maximumTime:o=300,tolerance:n=50,isDisabled:f=!1}={threshold:10,maximumTime:300,tolerance:50,isDisabled:!1}){const s=t.useRef({pointerDownId:0,startTime:null,prevoffsetX:0,prevoffsetY:0}),i=t.useCallback(e=>{s.current.pointerDownId?p():s.current={pointerDownId:e.pointerId,startTime:e.timeStamp,prevoffsetX:e.offsetX,prevoffsetY:e.offsetY}},[]),u=t.useCallback(t=>{t.pointerId===s.current.pointerDownId&&s.current.startTime&&t.timeStamp-s.current.startTime<o&&(s.current.prevoffsetX-t.offsetX>r&&Math.abs(t.offsetY-s.current.prevoffsetY)<=n?null==e||e({direction:"left"}):t.offsetX-s.current.prevoffsetX>r&&Math.abs(t.offsetY-s.current.prevoffsetY)<=n?null==e||e({direction:"right"}):s.current.prevoffsetY-t.offsetY>r&&Math.abs(t.offsetX-s.current.prevoffsetX)<=n?null==e||e({direction:"up"}):t.offsetY-s.current.prevoffsetY>r&&Math.abs(t.offsetX-s.current.prevoffsetX)<=n&&(null==e||e({direction:"down"}))),p()},[r,e]),p=t.useCallback(()=>{s.current={pointerDownId:null,startTime:0,prevoffsetX:0,prevoffsetY:0}},[]);return{swipeProps:f?{}:{onPointerDown:i,onPointerUp:u,onPointerCancel:p}}},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
+     */
+    function useSwipe(onSwipe, { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false } = {
+        threshold: 10,
+        maximumTime: 300,
+        tolerance: 50,
+        isDisabled: false
+    }) {
+        const ref = hooks.useRef({
+            pointerDownId: 0,
+            startTime: null,
+            prevoffsetX: 0,
+            prevoffsetY: 0
+        });
+        const onPointerDown = hooks.useCallback((e) => {
+            if (!ref.current.pointerDownId) {
+                ref.current = {
+                    pointerDownId: e.pointerId,
+                    startTime: e.timeStamp,
+                    prevoffsetX: e.offsetX,
+                    prevoffsetY: e.offsetY
+                };
+            }
+            else {
+                clearSwipe();
+            }
+        }, []);
+        const onPointerUp = hooks.useCallback((ev) => {
+            if (ev.pointerId === ref.current.pointerDownId) {
+                if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {
+                    if (ref.current.prevoffsetX - ev.offsetX > threshold &&
+                        Math.abs(ev.offsetY - ref.current.prevoffsetY) <= tolerance) {
+                        onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe({ direction: 'left' });
+                    }
+                    else if (ev.offsetX - ref.current.prevoffsetX > threshold &&
+                        Math.abs(ev.offsetY - ref.current.prevoffsetY) <= tolerance) {
+                        onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe({ direction: 'right' });
+                    }
+                    else if (ref.current.prevoffsetY - ev.offsetY > threshold &&
+                        Math.abs(ev.offsetX - ref.current.prevoffsetX) <= tolerance) {
+                        onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe({ direction: 'up' });
+                    }
+                    else if (ev.offsetY - ref.current.prevoffsetY > threshold &&
+                        Math.abs(ev.offsetX - ref.current.prevoffsetX) <= tolerance) {
+                        onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe({ direction: 'down' });
+                    }
+                }
+            }
+            // state would be reset to its original state whether swipe is completed or cancelled
+            clearSwipe();
+        }, [threshold, onSwipe]);
+        const clearSwipe = hooks.useCallback(() => {
+            ref.current = {
+                pointerDownId: null,
+                startTime: 0,
+                prevoffsetX: 0,
+                prevoffsetY: 0
+            };
+        }, []);
+        const swipeProps = isDisabled
+            ? {}
+            : {
+                /** event handlers to spread on the target element. */
+                onPointerDown,
+                onPointerUp,
+                onPointerCancel: clearSwipe
+            };
+        return {
+            swipeProps
+        };
+    }
+
+    /**
+     * @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.useSwipe = useSwipe;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_useSwipe.js.map