@oracle/oraclejet-preact 14.0.3 → 14.0.5

package/amd/hooks/UNSAFE_useFocusableTextField.js

@@ -1,2 +1,2 @@
-define(["exports","../tslib.es6-160e0dcc","preact/hooks","./UNSAFE_useFocusWithin","../useFocusWithin-14403a4b"],function(e,u,r,s,n){"use strict";e.useFocusableTextField=function(e){var{isReadonly:s,ref:o=(()=>{})}=e,t=u.__rest(e,["isReadonly","ref"]);const{focusProps:c,isFocused:l}=n.useFocusWithin(t),i=r.useRef(l),f=r.useRef(null),d=r.useRef(null);return r.useEffect(()=>{i.current&&(s?setTimeout(()=>{var e;return null===(e=d.current)||void 0===e?void 0:e.focus()}):setTimeout(()=>{var e;return null===(e=f.current)||void 0===e?void 0:e.focus()}))},[s]),r.useEffect(()=>{i.current=l},[l]),r.useImperativeHandle(o,()=>({focus:()=>{var e,u;s?null===(e=d.current)||void 0===e||e.focus():null===(u=f.current)||void 0===u||u.focus()},blur:()=>{var e,u;s?null===(e=d.current)||void 0===e||e.blur():null===(u=f.current)||void 0===u||u.blur()}}),[s]),{enabledElementRef:f,readonlyElementRef:d,isFocused:l,focusProps:c}},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","../tslib.es6-6a195797","preact/hooks","./UNSAFE_useFocusWithin","../useFocusWithin-0a53949e"],function(e,u,r,s,n){"use strict";e.useFocusableTextField=function(e){var{isReadonly:s,ref:o=(()=>{})}=e,t=u.__rest(e,["isReadonly","ref"]);const{focusProps:l,isFocused:c}=n.useFocusWithin(t),i=r.useRef(c),f=r.useRef(null),d=r.useRef(null);return r.useEffect(()=>{i.current&&(s?setTimeout(()=>{var e;return null===(e=d.current)||void 0===e?void 0:e.focus()}):setTimeout(()=>{var e;return null===(e=f.current)||void 0===e?void 0:e.focus()}))},[s]),r.useEffect(()=>{i.current=c},[c]),r.useImperativeHandle(o,()=>({focus:()=>{var e,u;s?null===(e=d.current)||void 0===e||e.focus():null===(u=f.current)||void 0===u||u.focus()},blur:()=>{var e,u;s?null===(e=d.current)||void 0===e||e.blur():null===(u=f.current)||void 0===u||u.blur()}}),[s]),{enabledElementRef:f,readonlyElementRef:d,isFocused:c,focusProps:l}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useFocusableTextField.js.map

package/amd/hooks/UNSAFE_useFocusableTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useFocusableTextField.js","sources":["../../../src/hooks/UNSAFE_useFocusableTextField/useFocusableTextField.ts"],"sourcesContent":["import { Ref } from 'preact';\nimport { useEffect, useImperativeHandle, useRef } from 'preact/hooks';\nimport { useFocusWithin } from '../UNSAFE_useFocusWithin';\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\ntype UseFocusWithinProps = Parameters<typeof useFocusWithin>[0];\ntype UseFocusableTextFieldProps = UseFocusWithinProps & {\n  /**\n   * flag indicating whether the field is readonly\n   */\n  isReadonly?: boolean;\n\n  /**\n   * An optional ref to add imperative handles\n   */\n  ref?: Ref<FocusableHandle>;\n};\n\n/**\n * A custom hook that handles the focus when the text field\n * is toggled between readonly and enabled\n * @typedef E represents the type of the enabled element\n * @typedef R represents the type of the readonly element\n */\nexport function useFocusableTextField<E extends HTMLElement, R extends HTMLElement>({\n  isReadonly,\n  ref = () => {},\n  ...useFocusWithinProps\n}: UseFocusableTextFieldProps) {\n  const { focusProps, isFocused } = useFocusWithin(useFocusWithinProps);\n\n  const previousIsFocusedRef = useRef(isFocused);\n  const enabledElementRef = useRef<E>(null);\n  const readonlyElementRef = useRef<R>(null);\n\n  // Retain focus when toggling between readonly and enabled\n  useEffect(() => {\n    // if the readonly state is changed and previously we\n    // were holding focus, set the focus to newly rendered element\n    if (previousIsFocusedRef.current) {\n      if (isReadonly) {\n        setTimeout(() => readonlyElementRef.current?.focus());\n      } else {\n        setTimeout(() => enabledElementRef.current?.focus());\n      }\n    }\n  }, [isReadonly]);\n\n  // Keep the previousFocusRef in sync, but be sure to run this hook\n  // after handling focus for the readonly toggling.\n  useEffect(() => {\n    previousIsFocusedRef.current = isFocused;\n  }, [isFocused]);\n\n  // Add focus and blur methods\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => {\n        if (isReadonly) {\n          readonlyElementRef.current?.focus();\n        } else {\n          enabledElementRef.current?.focus();\n        }\n      },\n      blur: () => {\n        if (isReadonly) {\n          readonlyElementRef.current?.blur();\n        } else {\n          enabledElementRef.current?.blur();\n        }\n      }\n    }),\n    [isReadonly]\n  );\n\n  return {\n    enabledElementRef,\n    readonlyElementRef,\n    isFocused,\n    focusProps\n  };\n}\n"],"names":["_a","isReadonly","ref","useFocusWithinProps","__rest","focusProps","isFocused","useFocusWithin","previousIsFocusedRef","useRef","enabledElementRef","readonlyElementRef","useEffect","current","setTimeout","focus","useImperativeHandle","_b","blur"],"mappings":"0KA2BM,SAA8EA,GAAA,IAAAC,WAClFA,EADkFC,IAElFA,EAAM,UAEqBF,EADxBG,EAAmBC,EAAAA,OAAAJ,EAH4D,sBAKlF,MAAMK,WAAEA,EAAFC,UAAcA,GAAcC,EAAcA,eAACJ,GAE3CK,EAAuBC,SAAOH,GAC9BI,EAAoBD,SAAU,MAC9BE,EAAqBF,SAAU,MA2CrC,OAxCAG,EAAAA,UAAU,KAGJJ,EAAqBK,UACnBZ,EACFa,WAAW,KAAK,IAAAd,EAAC,eAAAA,EAAAW,EAAmBE,8BAASE,UAE7CD,WAAW,KAAK,IAAAd,EAAC,eAAAA,EAAAU,EAAkBG,8BAASE,YAG/C,CAACd,IAIJW,EAAAA,UAAU,KACRJ,EAAqBK,QAAUP,GAC9B,CAACA,IAGJU,EAAmBA,oBACjBd,EACA,KAAO,CACLa,MAAO,aACDd,EAC0B,QAA5BD,EAAAW,EAAmBE,eAAS,IAAAb,GAAAA,EAAAe,QAED,QAA3BE,EAAAP,EAAkBG,eAAS,IAAAI,GAAAA,EAAAF,SAG/BG,KAAM,aACAjB,EAC0B,QAA5BD,EAAAW,EAAmBE,eAAS,IAAAb,GAAAA,EAAAkB,OAED,QAA3BD,EAAAP,EAAkBG,eAAS,IAAAI,GAAAA,EAAAC,UAIjC,CAACjB,IAGI,CACLS,kBAAAA,EACAC,mBAAAA,EACAL,UAAAA,EACAD,WAAAA"}
+{"version":3,"file":"UNSAFE_useFocusableTextField.js","sources":["../../../src/hooks/UNSAFE_useFocusableTextField/useFocusableTextField.ts"],"sourcesContent":["import { Ref } from 'preact';\nimport { useEffect, useImperativeHandle, useRef } from 'preact/hooks';\nimport { useFocusWithin } from '../UNSAFE_useFocusWithin';\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\ntype UseFocusWithinProps = Parameters<typeof useFocusWithin>[0];\ntype UseFocusableTextFieldProps = UseFocusWithinProps & {\n  /**\n   * flag indicating whether the field is readonly\n   */\n  isReadonly?: boolean;\n\n  /**\n   * An optional ref to add imperative handles\n   */\n  ref?: Ref<FocusableHandle>;\n};\n\n/**\n * A custom hook that handles the focus when the text field\n * is toggled between readonly and enabled\n * @typedef E represents the type of the enabled element\n * @typedef R represents the type of the readonly element\n */\nexport function useFocusableTextField<E extends HTMLElement, R extends HTMLElement>({\n  isReadonly,\n  ref = () => {},\n  ...useFocusWithinProps\n}: UseFocusableTextFieldProps) {\n  const { focusProps, isFocused } = useFocusWithin(useFocusWithinProps);\n\n  const previousIsFocusedRef = useRef(isFocused);\n  const enabledElementRef = useRef<E>(null);\n  const readonlyElementRef = useRef<R>(null);\n\n  // Retain focus when toggling between readonly and enabled\n  useEffect(() => {\n    // if the readonly state is changed and previously we\n    // were holding focus, set the focus to newly rendered element\n    if (previousIsFocusedRef.current) {\n      if (isReadonly) {\n        setTimeout(() => readonlyElementRef.current?.focus());\n      } else {\n        setTimeout(() => enabledElementRef.current?.focus());\n      }\n    }\n  }, [isReadonly]);\n\n  // Keep the previousFocusRef in sync, but be sure to run this hook\n  // after handling focus for the readonly toggling.\n  useEffect(() => {\n    previousIsFocusedRef.current = isFocused;\n  }, [isFocused]);\n\n  // Add focus and blur methods\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => {\n        if (isReadonly) {\n          readonlyElementRef.current?.focus();\n        } else {\n          enabledElementRef.current?.focus();\n        }\n      },\n      blur: () => {\n        if (isReadonly) {\n          readonlyElementRef.current?.blur();\n        } else {\n          enabledElementRef.current?.blur();\n        }\n      }\n    }),\n    [isReadonly]\n  );\n\n  return {\n    enabledElementRef,\n    readonlyElementRef,\n    isFocused,\n    focusProps\n  };\n}\n"],"names":["_a","isReadonly","ref","useFocusWithinProps","__rest","focusProps","isFocused","useFocusWithin","previousIsFocusedRef","useRef","enabledElementRef","readonlyElementRef","useEffect","current","setTimeout","focus","useImperativeHandle","_b","blur"],"mappings":"0KA2BM,SAA8EA,GAAA,IAAAC,WAClFA,EAAUC,IACVA,EAAM,UAEqBF,EADxBG,EAAmBC,EAAAA,OAAAJ,EAH4D,sBAKlF,MAAMK,WAAEA,EAAUC,UAAEA,GAAcC,EAAcA,eAACJ,GAE3CK,EAAuBC,SAAOH,GAC9BI,EAAoBD,SAAU,MAC9BE,EAAqBF,SAAU,MA2CrC,OAxCAG,EAAAA,UAAU,KAGJJ,EAAqBK,UACnBZ,EACFa,WAAW,KAAK,IAAAd,EAAC,eAAAA,EAAAW,EAAmBE,8BAASE,UAE7CD,WAAW,KAAK,IAAAd,EAAC,eAAAA,EAAAU,EAAkBG,8BAASE,YAG/C,CAACd,IAIJW,EAAAA,UAAU,KACRJ,EAAqBK,QAAUP,GAC9B,CAACA,IAGJU,EAAmBA,oBACjBd,EACA,KAAO,CACLa,MAAO,aACDd,EAC0B,QAA5BD,EAAAW,EAAmBE,eAAS,IAAAb,GAAAA,EAAAe,QAED,QAA3BE,EAAAP,EAAkBG,eAAS,IAAAI,GAAAA,EAAAF,SAG/BG,KAAM,aACAjB,EAC0B,QAA5BD,EAAAW,EAAmBE,eAAS,IAAAb,GAAAA,EAAAkB,OAED,QAA3BD,EAAAP,EAAkBG,eAAS,IAAAI,GAAAA,EAAAC,UAIjC,CAACjB,IAGI,CACLS,kBAAAA,EACAC,mBAAAA,EACAL,UAAAA,EACAD,WAAAA"}

package/amd/hooks/UNSAFE_useHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useHover.js","sources":["../../../src/hooks/UNSAFE_useHover/useHover.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\n\nexport type HoverOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Returns listeners and status for hover\n * If only visual changes are required, :hover is faster.\n *\n * @returns\n */\nexport function useHover(settings: HoverOptions = { isDisabled: false }): {\n  isHover: boolean;\n  hoverProps: Record<string, any>;\n} {\n  // :hover is faster than event handlers, but doesn't work for all platforms.\n  // For touch-first devices, the media query for hover is enough.\n  // Hybrid devices support hover upon pointer usage, but tapping would toggle hover state\n  // so disable :hover and use event handlers for such devices.\n  // Use getClientHints to check if hybrid\n  // const hybrid = getClientHints().isHybrid;\n  // Classes can be done via :\n  //     !isHybrid && compStyles.pseudohover,\n  //      isHybrid && isHover && compStyles.hover\n  // and the props can be done via:\n  //     const { hoverProps, isHover } = useHover( {isDisabled: isHybrid});\n  //\n  // For the algorithm below, There are 2 possible sequences:\n  // 1. A pointer (mouse, trackpad) would generate a mouseEnter event that would initiate hover.\n  // 2. A touch generates a touchstart/touchend/mouseEnter event sequence.\n  // Hover has no meaning in a touch context, so the isHover state should be avoided.\n  // To avoid, we set an ignore flag when a touchend is encountered.\n  // Each time mouseEnter is encountered, the flag is checked.\n  // If ignore, we know that it is a touch device, so don't set hover state.\n  // In all cases, reset the flag for the next sequence.\n  //\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const { bool: ignore, setTrue: setIgnoreTrue, setFalse: setIgnoreFalse } = useToggle(false);\n  const startHover = () => {\n    if (ignore) {\n      setIgnoreFalse();\n    } else {\n      setTrue();\n    }\n  };\n\n  const hoverProps = settings.isDisabled\n    ? {}\n    : { ontouchend: setIgnoreTrue, onMouseEnter: startHover, onMouseLeave: setFalse };\n  return {\n    isHover: settings.isDisabled ? false : bool,\n    hoverProps: hoverProps\n  };\n}\n"],"names":["settings","isDisabled","bool","setTrue","setFalse","useToggle","ignore","setIgnoreTrue","setIgnoreFalse","hoverProps","ontouchend","onMouseEnter","onMouseLeave","isHover"],"mappings":"+FAYM,SAAmBA,EAAyB,CAAEC,YAAY,IAyB9D,MAAMC,KAAEA,EAAFC,QAAQA,EAARC,SAAiBA,GAAaC,EAAAA,WAAU,IACtCH,KAAMI,EAAQH,QAASI,EAAeH,SAAUI,GAAmBH,aAAU,GAS/EI,EAAaT,EAASC,WACxB,GACA,CAAES,WAAYH,EAAeI,aAVd,KACbL,EACFE,IAEAL,KAMuDS,aAAcR,GACzE,MAAO,CACLS,SAASb,EAASC,YAAqBC,EACvCO,WAAYA"}
+{"version":3,"file":"UNSAFE_useHover.js","sources":["../../../src/hooks/UNSAFE_useHover/useHover.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\n\nexport type HoverOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Returns listeners and status for hover\n * If only visual changes are required, :hover is faster.\n *\n * @returns\n */\nexport function useHover(settings: HoverOptions = { isDisabled: false }): {\n  isHover: boolean;\n  hoverProps: Record<string, any>;\n} {\n  // :hover is faster than event handlers, but doesn't work for all platforms.\n  // For touch-first devices, the media query for hover is enough.\n  // Hybrid devices support hover upon pointer usage, but tapping would toggle hover state\n  // so disable :hover and use event handlers for such devices.\n  // Use getClientHints to check if hybrid\n  // const hybrid = getClientHints().isHybrid;\n  // Classes can be done via :\n  //     !isHybrid && compStyles.pseudohover,\n  //      isHybrid && isHover && compStyles.hover\n  // and the props can be done via:\n  //     const { hoverProps, isHover } = useHover( {isDisabled: isHybrid});\n  //\n  // For the algorithm below, There are 2 possible sequences:\n  // 1. A pointer (mouse, trackpad) would generate a mouseEnter event that would initiate hover.\n  // 2. A touch generates a touchstart/touchend/mouseEnter event sequence.\n  // Hover has no meaning in a touch context, so the isHover state should be avoided.\n  // To avoid, we set an ignore flag when a touchend is encountered.\n  // Each time mouseEnter is encountered, the flag is checked.\n  // If ignore, we know that it is a touch device, so don't set hover state.\n  // In all cases, reset the flag for the next sequence.\n  //\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const { bool: ignore, setTrue: setIgnoreTrue, setFalse: setIgnoreFalse } = useToggle(false);\n  const startHover = () => {\n    if (ignore) {\n      setIgnoreFalse();\n    } else {\n      setTrue();\n    }\n  };\n\n  const hoverProps = settings.isDisabled\n    ? {}\n    : { ontouchend: setIgnoreTrue, onMouseEnter: startHover, onMouseLeave: setFalse };\n  return {\n    isHover: settings.isDisabled ? false : bool,\n    hoverProps: hoverProps\n  };\n}\n"],"names":["settings","isDisabled","bool","setTrue","setFalse","useToggle","ignore","setIgnoreTrue","setIgnoreFalse","hoverProps","ontouchend","onMouseEnter","onMouseLeave","isHover"],"mappings":"+FAYM,SAAmBA,EAAyB,CAAEC,YAAY,IAyB9D,MAAMC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAaC,EAAAA,WAAU,IACtCH,KAAMI,EAAQH,QAASI,EAAeH,SAAUI,GAAmBH,aAAU,GAS/EI,EAAaT,EAASC,WACxB,GACA,CAAES,WAAYH,EAAeI,aAVd,KACbL,EACFE,IAEAL,KAMuDS,aAAcR,GACzE,MAAO,CACLS,SAASb,EAASC,YAAqBC,EACvCO,WAAYA"}

package/amd/hooks/UNSAFE_useLengthFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useLengthFilter.js","sources":["../../../src/hooks/UNSAFE_useLengthFilter/useLengthFilter.ts"],"sourcesContent":["import { ComponentProps } from 'preact';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\nimport { TextFieldInput } from '../../UNSAFE_TextField';\nimport { calcLength, CountUnit as _CountUnit, filter } from '../../utils/UNSAFE_lengthFilter';\n\nexport type CountUnit = _CountUnit;\n\ntype PickedPropsFromTextFieldInput = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  'onCommit' | 'onInput' | 'value'\n>;\ntype UseLengthFilterProps = PickedPropsFromTextFieldInput & {\n  maxLength?: number;\n  maxLengthUnit?: CountUnit;\n};\n\n/**\n * A custom hook that applies the length filter to text field input\n * @param param0 The props for the useLengthFilter hook\n * @returns The filtered event handlers\n */\nexport function useLengthFilter({\n  maxLength,\n  maxLengthUnit,\n  onCommit,\n  onInput,\n  value\n}: UseLengthFilterProps) {\n  const [isMaxLengthExceeded, setMaxLengthExceeded] = useState(false);\n  const parse = useCallback(\n    (value: string) => filter(value, maxLength, maxLengthUnit),\n    [maxLength, maxLengthUnit]\n  );\n  // Reapply maxLength filter when the value is changed\n  useEffect(() => {\n    if (value === undefined) {\n      return;\n    }\n\n    const filteredValue = parse(value);\n    if (filteredValue !== value) {\n      onInput?.({ previousValue: value, value: filteredValue });\n      onCommit?.({ previousValue: value, value: filteredValue });\n\n      // Value is filtered, means that the max length is exceeded\n      setMaxLengthExceeded(true);\n    } else {\n      // Value is not filtered, means that the max length is not exceeded\n      setMaxLengthExceeded(false);\n    }\n  }, [value, onCommit, onInput, parse]);\n\n  const onFilteredInput = useCallback(\n    (...args: Parameters<Exclude<typeof onInput, undefined>>) => {\n      const { previousValue, value } = args[0];\n      const filteredValue = parse(value ?? '');\n\n      // Call the onInput event only when the value is changed\n      if (previousValue !== filteredValue) {\n        onInput?.({ ...args[0], value: filteredValue });\n        // value is not filtered, so the max length is not exceeded\n        setMaxLengthExceeded(false);\n      } else {\n        // value is changed but then filtered to previous value\n        // meaning that the max length was exceeded\n        setMaxLengthExceeded(true);\n      }\n    },\n    [onInput, parse]\n  );\n\n  return {\n    isMaxLengthExceeded,\n    valueLength: value === undefined ? undefined : calcLength(value, maxLengthUnit),\n    onFilteredInput\n  };\n}\n"],"names":["maxLength","maxLengthUnit","onCommit","onInput","value","isMaxLengthExceeded","setMaxLengthExceeded","useState","parse","useCallback","filter","useEffect","undefined","filteredValue","previousValue","onFilteredInput","args","valueLength","calcLength"],"mappings":"gHAqBgB,UAAgBA,UAC9BA,EAD8BC,cAE9BA,EAF8BC,SAG9BA,EAH8BC,QAI9BA,EAJ8BC,MAK9BA,IAEA,MAAOC,EAAqBC,GAAwBC,EAAQA,UAAC,GACvDC,EAAQC,EAAAA,YACXL,GAAkBM,EAAAA,OAAON,EAAOJ,EAAWC,GAC5C,CAACD,EAAWC,IAGdU,EAAAA,UAAU,KACR,QAAcC,IAAVR,EACF,OAGF,MAAMS,EAAgBL,EAAMJ,GACxBS,IAAkBT,GACpBD,MAAAA,GAAAA,EAAU,CAAEW,cAAeV,EAAOA,MAAOS,IACzCX,MAAAA,GAAAA,EAAW,CAAEY,cAAeV,EAAOA,MAAOS,IAG1CP,GAAqB,IAGrBA,GAAqB,IAEtB,CAACF,EAAOF,EAAUC,EAASK,IAE9B,MAAMO,EAAkBN,EAAAA,YACtB,IAAIO,KACF,MAAMF,cAAEA,EAAFV,MAAiBA,GAAUY,EAAK,GAChCH,EAAgBL,EAAMJ,MAAAA,EAAAA,EAAS,IAGjCU,IAAkBD,GACpBV,MAAAA,GAAAA,iCAAea,EAAK,IAAI,CAAAZ,MAAOS,KAE/BP,GAAqB,IAIrBA,GAAqB,IAGzB,CAACH,EAASK,IAGZ,MAAO,CACLH,oBAAAA,EACAY,iBAAuBL,IAAVR,OAAsBQ,EAAYM,EAAUA,WAACd,EAAOH,GACjEc,gBAAAA"}
+{"version":3,"file":"UNSAFE_useLengthFilter.js","sources":["../../../src/hooks/UNSAFE_useLengthFilter/useLengthFilter.ts"],"sourcesContent":["import { ComponentProps } from 'preact';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\nimport { TextFieldInput } from '../../UNSAFE_TextField';\nimport { calcLength, CountUnit as _CountUnit, filter } from '../../utils/UNSAFE_lengthFilter';\n\nexport type CountUnit = _CountUnit;\n\ntype PickedPropsFromTextFieldInput = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  'onCommit' | 'onInput' | 'value'\n>;\ntype UseLengthFilterProps = PickedPropsFromTextFieldInput & {\n  maxLength?: number;\n  maxLengthUnit?: CountUnit;\n};\n\n/**\n * A custom hook that applies the length filter to text field input\n * @param param0 The props for the useLengthFilter hook\n * @returns The filtered event handlers\n */\nexport function useLengthFilter({\n  maxLength,\n  maxLengthUnit,\n  onCommit,\n  onInput,\n  value\n}: UseLengthFilterProps) {\n  const [isMaxLengthExceeded, setMaxLengthExceeded] = useState(false);\n  const parse = useCallback(\n    (value: string) => filter(value, maxLength, maxLengthUnit),\n    [maxLength, maxLengthUnit]\n  );\n  // Reapply maxLength filter when the value is changed\n  useEffect(() => {\n    if (value === undefined) {\n      return;\n    }\n\n    const filteredValue = parse(value);\n    if (filteredValue !== value) {\n      onInput?.({ previousValue: value, value: filteredValue });\n      onCommit?.({ previousValue: value, value: filteredValue });\n\n      // Value is filtered, means that the max length is exceeded\n      setMaxLengthExceeded(true);\n    } else {\n      // Value is not filtered, means that the max length is not exceeded\n      setMaxLengthExceeded(false);\n    }\n  }, [value, onCommit, onInput, parse]);\n\n  const onFilteredInput = useCallback(\n    (...args: Parameters<Exclude<typeof onInput, undefined>>) => {\n      const { previousValue, value } = args[0];\n      const filteredValue = parse(value ?? '');\n\n      // Call the onInput event only when the value is changed\n      if (previousValue !== filteredValue) {\n        onInput?.({ ...args[0], value: filteredValue });\n        // value is not filtered, so the max length is not exceeded\n        setMaxLengthExceeded(false);\n      } else {\n        // value is changed but then filtered to previous value\n        // meaning that the max length was exceeded\n        setMaxLengthExceeded(true);\n      }\n    },\n    [onInput, parse]\n  );\n\n  return {\n    isMaxLengthExceeded,\n    valueLength: value === undefined ? undefined : calcLength(value, maxLengthUnit),\n    onFilteredInput\n  };\n}\n"],"names":["maxLength","maxLengthUnit","onCommit","onInput","value","isMaxLengthExceeded","setMaxLengthExceeded","useState","parse","useCallback","filter","useEffect","undefined","filteredValue","previousValue","onFilteredInput","args","valueLength","calcLength"],"mappings":"gHAqBgB,UAAgBA,UAC9BA,EAASC,cACTA,EAAaC,SACbA,EAAQC,QACRA,EAAOC,MACPA,IAEA,MAAOC,EAAqBC,GAAwBC,EAAQA,UAAC,GACvDC,EAAQC,EAAAA,YACXL,GAAkBM,EAAAA,OAAON,EAAOJ,EAAWC,GAC5C,CAACD,EAAWC,IAGdU,EAAAA,UAAU,KACR,QAAcC,IAAVR,EACF,OAGF,MAAMS,EAAgBL,EAAMJ,GACxBS,IAAkBT,GACpBD,MAAAA,GAAAA,EAAU,CAAEW,cAAeV,EAAOA,MAAOS,IACzCX,MAAAA,GAAAA,EAAW,CAAEY,cAAeV,EAAOA,MAAOS,IAG1CP,GAAqB,IAGrBA,GAAqB,IAEtB,CAACF,EAAOF,EAAUC,EAASK,IAE9B,MAAMO,EAAkBN,EAAAA,YACtB,IAAIO,KACF,MAAMF,cAAEA,EAAaV,MAAEA,GAAUY,EAAK,GAChCH,EAAgBL,EAAMJ,MAAAA,EAAAA,EAAS,IAGjCU,IAAkBD,GACpBV,MAAAA,GAAAA,iCAAea,EAAK,IAAI,CAAAZ,MAAOS,KAE/BP,GAAqB,IAIrBA,GAAqB,IAGzB,CAACH,EAASK,IAGZ,MAAO,CACLH,oBAAAA,EACAY,iBAAuBL,IAAVR,OAAsBQ,EAAYM,EAAUA,WAACd,EAAOH,GACjEc,gBAAAA"}

package/amd/hooks/UNSAFE_useLongPress.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useLongPress.js","sources":["../../../src/hooks/UNSAFE_useLongPress/useLongPress.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 LongPressOptions = {\n  isDisabled?: boolean;\n  minimumTime?: number;\n};\n\ntype LongPressInfo = {\n  x: number;\n  y: number;\n};\n\ntype LongPressState = {\n  pointerDownId: number | null;\n  startTime: number;\n};\n\nconst InitialPressState = {\n  pointerDownId: null,\n  startTime: 0\n};\n\nconst DefaultMinimumTime = 250;\n\nexport function useLongPress(\n  onLongPress: (e: LongPressInfo) => void,\n  { isDisabled = false, minimumTime = DefaultMinimumTime }: LongPressOptions = {\n    isDisabled: false,\n    minimumTime: DefaultMinimumTime\n  }\n): { longPressProps: Record<string, any> } {\n  const ref = useRef<LongPressState>(InitialPressState);\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\n    ref.current = ref.current.pointerDownId\n      ? InitialPressState\n      : { pointerDownId: e.pointerId, startTime: e.timeStamp };\n  }, []);\n\n  const onPointerUp = useCallback(\n    (e: PointerEvent) => {\n      if (e.pointerId === ref.current.pointerDownId) {\n        const longPressTime = e.timeStamp - ref.current.startTime;\n        // 250ms minimum longPress time based on numbers used in Hammer\n        if (longPressTime > minimumTime) {\n          onLongPress({ x: e.offsetX, y: e.offsetY });\n        }\n      }\n      clearLongPress();\n    },\n    [onLongPress]\n  );\n\n  const clearLongPress = useCallback(() => {\n    ref.current = InitialPressState;\n  }, []);\n\n  const longPressProps = isDisabled\n    ? {}\n    : {\n        onPointerDown,\n        onPointerUp,\n        onPointerLeave: clearLongPress,\n        onPointerCancel: clearLongPress\n      };\n\n  return {\n    longPressProps\n  };\n}\n"],"names":["InitialPressState","pointerDownId","startTime","onLongPress","isDisabled","minimumTime","ref","useRef","onPointerDown","useCallback","e","pointerType","button","current","pointerId","timeStamp","onPointerUp","x","offsetX","y","offsetY","clearLongPress","longPressProps","onPointerLeave","onPointerCancel"],"mappings":"6DAyBA,MAAMA,EAAoB,CACxBC,cAAe,KACfC,UAAW,kBAKG,SACdC,GACAC,WAAEA,GAAa,EAAfC,YAAsBA,EAJG,KAIoD,CAC3ED,YAAY,EACZC,YANuB,MASzB,MAAMC,EAAMC,SAAuBP,GAE7BQ,EAAgBC,cAAaC,IAEZ,SAAjBA,EAAEC,aAAsC,GAAZD,EAAEE,SAIlCN,EAAIO,QAAUP,EAAIO,QAAQZ,cACtBD,EACA,CAAEC,cAAeS,EAAEI,UAAWZ,UAAWQ,EAAEK,aAC9C,IAEGC,EAAcP,cACjBC,IACC,GAAIA,EAAEI,YAAcR,EAAIO,QAAQZ,cAAe,CACvBS,EAAEK,UAAYT,EAAIO,QAAQX,UAE5BG,GAClBF,EAAY,CAAEc,EAAGP,EAAEQ,QAASC,EAAGT,EAAEU,UAGrCC,KAEF,CAAClB,IAGGkB,EAAiBZ,EAAAA,YAAY,KACjCH,EAAIO,QAAUb,GACb,IAWH,MAAO,CACLsB,eAVqBlB,EACnB,GACA,CACEI,cAAAA,EACAQ,YAAAA,EACAO,eAAgBF,EAChBG,gBAAiBH"}
+{"version":3,"file":"UNSAFE_useLongPress.js","sources":["../../../src/hooks/UNSAFE_useLongPress/useLongPress.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 LongPressOptions = {\n  isDisabled?: boolean;\n  minimumTime?: number;\n};\n\ntype LongPressInfo = {\n  x: number;\n  y: number;\n};\n\ntype LongPressState = {\n  pointerDownId: number | null;\n  startTime: number;\n};\n\nconst InitialPressState = {\n  pointerDownId: null,\n  startTime: 0\n};\n\nconst DefaultMinimumTime = 250;\n\nexport function useLongPress(\n  onLongPress: (e: LongPressInfo) => void,\n  { isDisabled = false, minimumTime = DefaultMinimumTime }: LongPressOptions = {\n    isDisabled: false,\n    minimumTime: DefaultMinimumTime\n  }\n): { longPressProps: Record<string, any> } {\n  const ref = useRef<LongPressState>(InitialPressState);\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\n    ref.current = ref.current.pointerDownId\n      ? InitialPressState\n      : { pointerDownId: e.pointerId, startTime: e.timeStamp };\n  }, []);\n\n  const onPointerUp = useCallback(\n    (e: PointerEvent) => {\n      if (e.pointerId === ref.current.pointerDownId) {\n        const longPressTime = e.timeStamp - ref.current.startTime;\n        // 250ms minimum longPress time based on numbers used in Hammer\n        if (longPressTime > minimumTime) {\n          onLongPress({ x: e.offsetX, y: e.offsetY });\n        }\n      }\n      clearLongPress();\n    },\n    [onLongPress]\n  );\n\n  const clearLongPress = useCallback(() => {\n    ref.current = InitialPressState;\n  }, []);\n\n  const longPressProps = isDisabled\n    ? {}\n    : {\n        onPointerDown,\n        onPointerUp,\n        onPointerLeave: clearLongPress,\n        onPointerCancel: clearLongPress\n      };\n\n  return {\n    longPressProps\n  };\n}\n"],"names":["InitialPressState","pointerDownId","startTime","onLongPress","isDisabled","minimumTime","ref","useRef","onPointerDown","useCallback","e","pointerType","button","current","pointerId","timeStamp","onPointerUp","x","offsetX","y","offsetY","clearLongPress","longPressProps","onPointerLeave","onPointerCancel"],"mappings":"6DAyBA,MAAMA,EAAoB,CACxBC,cAAe,KACfC,UAAW,kBAKG,SACdC,GACAC,WAAEA,GAAa,EAAKC,YAAEA,EAJG,KAIoD,CAC3ED,YAAY,EACZC,YANuB,MASzB,MAAMC,EAAMC,SAAuBP,GAE7BQ,EAAgBC,cAAaC,IAEZ,SAAjBA,EAAEC,aAAsC,GAAZD,EAAEE,SAIlCN,EAAIO,QAAUP,EAAIO,QAAQZ,cACtBD,EACA,CAAEC,cAAeS,EAAEI,UAAWZ,UAAWQ,EAAEK,aAC9C,IAEGC,EAAcP,cACjBC,IACC,GAAIA,EAAEI,YAAcR,EAAIO,QAAQZ,cAAe,CACvBS,EAAEK,UAAYT,EAAIO,QAAQX,UAE5BG,GAClBF,EAAY,CAAEc,EAAGP,EAAEQ,QAASC,EAAGT,EAAEU,UAGrCC,KAEF,CAAClB,IAGGkB,EAAiBZ,EAAAA,YAAY,KACjCH,EAAIO,QAAUb,GACb,IAWH,MAAO,CACLsB,eAVqBlB,EACnB,GACA,CACEI,cAAAA,EACAQ,YAAAA,EACAO,eAAgBF,EAChBG,gBAAiBH"}

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,GAAdC,YAAkBA,EAAc,IAAhCC,WAAqCA,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"],"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"}

package/amd/hooks/UNSAFE_usePrefixSuffix.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","../UNSAFE_PrefixSuffix","./UNSAFE_useUser",'module',"../utils/UNSAFE_classNames","../classNames-19b96444","preact/hooks","../UNSAFE_Environment","preact","../UNSAFE_Layer","preact/compat"],function(e,i,s,t,n,r,a,d,o,f,u,l){"use strict";e.usePrefixSuffix=({baseId:e,hasEndContent:n,hasInsideLabel:r,hasStartContent:a,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:r,hasStartContent:a,isDisabled:o,isFocused:f,text:l,variant:"prefix"}):void 0,E=b&&!o&&(d||f)?i.jsx(s.PrefixSuffix,{id:h,hasInsideLabel:r,isDisabled:o,isFocused:f,text:x,variant:"suffix"}):void 0,F=S||b?function(e,i,s,t,n){if(!i)return n;const r="ltr"===e,a=void 0===s?"":r?`${s} `:` ${s}`,d=void 0===t?"":r?` ${t}`:`${t} `,o=`${a}${n}${d}`,f=`${d}${n}${a}`;return r?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}`,r=void 0===s?"":0===t.length&&0===n.length?s:` ${s}`,a=`${t}${n}${r}`;return 0===a.length?void 0:a}(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})});
+define(["exports","preact/jsx-runtime","../UNSAFE_PrefixSuffix","./UNSAFE_useUser",'module',"../utils/UNSAFE_classNames","../classNames-429bf434","preact/hooks","../UNSAFE_Environment","preact","../UNSAFE_Layer","preact/compat"],function(e,i,s,t,n,r,a,d,o,f,u,l){"use strict";e.usePrefixSuffix=({baseId:e,hasEndContent:n,hasInsideLabel:r,hasStartContent:a,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:r,hasStartContent:a,isDisabled:o,isFocused:f,text:l,variant:"prefix"}):void 0,E=b&&!o&&(d||f)?i.jsx(s.PrefixSuffix,{id:h,hasInsideLabel:r,isDisabled:o,isFocused:f,text:x,variant:"suffix"}):void 0,F=S||b?function(e,i,s,t,n){if(!i)return n;const r="ltr"===e,a=void 0===s?"":r?`${s} `:` ${s}`,d=void 0===t?"":r?` ${t}`:`${t} `,o=`${a}${n}${d}`,f=`${d}${n}${a}`;return r?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}`,r=void 0===s?"":0===t.length&&0===n.length?s:` ${s}`,a=`${t}${n}${r}`;return 0===a.length?void 0:a}(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})});
 //# 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,EAAc,GAAAb,WACdc,EAAc,GAAAd,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,EAAyB,GAAGkB,EAAQ,GAAGlB,KAAY,IAAIA,IACrEoB,OAAyBZ,IAAXP,EAAyB,GAAGiB,EAAQ,IAAIjB,IAAW,GAAGA,KAEpEoB,EAAkB,GAAAF,IAAcjB,IAAQkB,IACxCE,EAAkB,GAAAF,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,EAAoB,GAAAC,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":["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"}

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,GAAdC,YAAkBA,EAAc,IAAhCC,UAAqCA,EAAY,GAAjDC,WAAqDA,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"],"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"}

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,EAD8BC,eAE9BA,EAF8BC,WAG9BA,EAH8BC,UAI9BA,EAJ8BC,UAK9BA,EAL8BC,WAM9BA,EAN8BC,UAO9BA,EAP8BC,SAQ9BA,EAR8BC,aAS9BA,EAT8BC,MAU9BA,IAEA,MAAMC,EAASC,EAAAA,QACTC,EAAwB,SAAdN,EAAuB,GAAGI,eAAiBX,EACrDc,EAAWR,OAAiCN,EAAjB,GAAAW,UAC3BI,EAASZ,GAAcG,OAA+BN,KAAdW,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":["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"}

package/amd/hooks/UNSAFE_useTextFieldInputHandlers.js

@@ -1,2 +1,2 @@
-define(["exports","preact/hooks","../utils/PRIVATE_clientHints","../clientHints-54772777"],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,v(e)},[]),v=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:v}},Object.defineProperty(e,"__esModule",{value:!0})});
+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})});
 //# 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,EADwCC,MAExCA,EAFwCC,QAGxCA,EAHwCC,SAIxCA,EAJwCC,UAKxCA,IAEA,MAAMC,EAAcC,UAAO,KAMlBC,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":["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"}

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,EAAFC,MAAaA,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"],"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"}

package/amd/hooks/UNSAFE_useTooltip.css

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

package/amd/hooks/UNSAFE_useTooltip.js

@@ -1,2 +1,2 @@
-define(["exports","preact/hooks","preact/jsx-runtime","./UNSAFE_useId","../UNSAFE_Floating","../UNSAFE_Layer","./UNSAFE_useHover","./UNSAFE_useFocus","./UNSAFE_useTouch","../utils/UNSAFE_mergeProps","../utils/UNSAFE_arrayUtils","../tslib.es6-160e0dcc","./UNSAFE_useAnimation","css!./UNSAFE_useTooltip.css","../utils/UNSAFE_classNames","../useAnimation-37919fbc","../classNames-19b96444","../Floating-810ba93b","preact/compat","preact","./UNSAFE_useToggle","../index-8df256a2","./UNSAFE_useUser","../UNSAFE_Environment","../utils/PRIVATE_floatingUtils","../utils/PRIVATE_refUtils","./UNSAFE_useOutsideClick"],function(e,t,n,o,s,i,u,r,a,l,c,d,m,p,f,g,v,b,h,E,A,P,x,T,_,y,F){"use strict";const N="_1o1f9e0",S="t05jzf",U="e4morw",R="_3br29c",j=e=>{var{children:s,isOpen:i,isDatatip:u,onTransitionEnd:r}=e,a=d.__rest(e,["children","isOpen","isDatatip","onTransitionEnd"]);const l=o.useId(),c=t.useRef(null),m=t.useRef(null),{nodeRef:p}=g.useAnimation(i?"mounted":"unmounted",{animationStates:{mounted:e=>{const t=e.firstChild;return{from:{maxHeight:"0",opacity:"0%"},to:{maxHeight:`${null==t?void 0:t.offsetHeight}px`,opacity:u?"100%":"95%"},options:{duration:u?1:100,easing:[0,0,.2,1]}}},unmounted:e=>({from:{opacity:u?"100%":"95%"},to:{maxHeight:"0",opacity:"0%"},options:{duration:u?1:100,easing:[0,0,.2,1]}})},isAnimatedOnMount:!0,onAnimationEnd:()=>null==r?void 0:r()});return t.useEffect(()=>{var e,t;c.current&&(null===(e=m.current)||void 0===e?void 0:e.offsetHeight)&&(c.current.style.height=`${null===(t=m.current)||void 0===t?void 0:t.offsetHeight}px`)},[]),n.jsx("div",Object.assign({ref:c,id:l,role:"tooltip",class:N},{children:n.jsx("div",Object.assign({ref:p,class:v.classNames([S])},a,{children:n.jsx("div",Object.assign({ref:m,class:v.classNames([U,u?R:""])},{children:s}))}))}))},O=(c.stringLiteralArray(["start","top-start","top","top-end","end","bottom-end","bottom","bottom-start"]),c.stringLiteralArray(["element","pointer"]),({text:e,isOpen:s=!1,variant:c="tooltip",position:d="bottom",isDisabled:m=!1,anchor:p={x:"element",y:"element"},offset:f={mainAxis:0,crossAxis:0},onToggle:g})=>{const v=m||!e,h=t.useRef(!0),[E,A]=t.useState(!v&&s?"mounting":"unmounted"),[P,x]=t.useState(!1);x(!1);const T="datatip"===c,_=t.useRef(!0),{hoverProps:y,isHover:F}=u.useHover({isDisabled:m}),{touchProps:N,isTouch:S}=a.useTouch({isDisabled:m}),{focusProps:U,isFocus:R}=r.useFocus({isDisabled:F||S}),{hoverProps:O,isHover:H}=u.useHover({isDisabled:m}),B="pointer"===p.x||"pointer"===p.y,D=o.useId(),L=t.useRef(null),k=t.useRef({x:0,y:0}),C=B&&!R?k:L,I=T?0:250,G=t.useRef(null),M=t.useRef(null),w=()=>{G.current&&clearTimeout(G.current)},V=t.useCallback(e=>{if(e)switch(E){case"unmounting":case"unmounted":A("mountPending");break;case"unmountPending":w(),A("mounted")}else switch(E){case"mounting":case"mounted":A("unmountPending");break;case"mountPending":w(),A("unmounted")}},[E]);t.useEffect(()=>{h.current?h.current=!1:A(s?"mounting":"unmounting")},[s]),t.useEffect(()=>{_.current?_.current=!1:B&&F&&"unmounted"===E||(M.current&&clearTimeout(M.current),M.current=setTimeout(()=>{V(F||R||H||S)},20))},[F,R,H,S,B,E,V]),t.useLayoutEffect(()=>{"mountPending"!==E&&"unmountPending"!==E||(G.current=setTimeout(()=>null==g?void 0:g({value:"mountPending"===E}),I))},[E,I,g]);const $={onFocus:e=>{(e.eventPhase===Event.AT_TARGET||e.eventPhase===Event.BUBBLING_PHASE&&T)&&(L.current=e.target)}};let z;if(v)z=l.mergeProps(U,$);else{const e=Object.assign({"aria-describedby":D,onMouseEnter:e=>{(e.eventPhase===Event.AT_TARGET||e.eventPhase===Event.BUBBLING_PHASE&&T)&&(L.current=e.target)}},B&&{onMouseLeave:()=>{"mounting"!==E&&w()},onMouseMove:e=>{(e.eventPhase===Event.AT_TARGET||e.eventPhase===Event.BUBBLING_PHASE&&T)&&(e=>{var t;if("unmounted"!==E&&("datatip"!==c||"mounted"!==E))return;const n=null===(t=null==L?void 0:L.current)||void 0===t?void 0:t.getBoundingClientRect(),o=document.body.scrollLeft+((null==n?void 0:n.left)||0)+((null==n?void 0:n.width)||0),s=document.body.scrollTop+((null==n?void 0:n.top)||0)+((null==n?void 0:n.height)||0),i="pointer"===p.x?e.clientX:o,u="pointer"===p.y?e.clientY:s;"mounted"===E?(k.current={x:i,y:u},!0!==P&&x(!0)):"unmounted"===E&&(w(),G.current=setTimeout(()=>{"unmounted"===E&&(k.current={x:i,y:u},null==g||g({value:!0}))},I))})(e)}});z=l.mergeProps(y,U,N,$,e)}if(v)return w(),{tooltipContent:null,tooltipProps:z};const X=(e=>{let t="bottom";switch(e){case"top":case"end":case"bottom":case"start":t=e;break;case"top-end":t="top-end-corner";break;case"bottom-end":t="bottom-end-corner";break;case"bottom-start":t="bottom-start-corner";break;case"top-start":t="top-start-corner"}return t})(d),Y=n.jsx(i.Layer,Object.assign({logicalParentRef:L},{children:n.jsx(b.Floating,Object.assign({anchorRef:C,placement:X,offsetValue:f},{children:n.jsx(j,Object.assign({isOpen:["mounting","mounted","unmountPending"].includes(E)},O,{isDatatip:T,onTransitionEnd:()=>{"mounting"===E&&A("mounted"),"unmounting"===E&&A("unmounted")}},{children:e}))}))}));return{tooltipContent:!["unmounted","mountPending"].includes(E)&&Y,tooltipProps:z}});e.useTooltip=({text:e,position:n="bottom",isDisabled:o=!1,anchor:s={x:"element",y:"element"},offset:i={mainAxis:0,crossAxis:0},variant:u="tooltip"})=>{const[r,a]=t.useState(!1),l=o||!e,{tooltipContent:c,tooltipProps:d}=O({text:e,isOpen:r,position:n,isDisabled:l,offset:i,anchor:s,variant:u,onToggle:({value:e})=>a(e)});return{tooltipContent:c,tooltipProps:d}},e.useTooltipControlled=O,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/hooks","preact/jsx-runtime","./UNSAFE_useId","../UNSAFE_Floating","../UNSAFE_Layer","./UNSAFE_useHover","./UNSAFE_useFocus","./UNSAFE_useTouch","../utils/UNSAFE_mergeProps","../utils/UNSAFE_arrayUtils","../tslib.es6-6a195797","./UNSAFE_useAnimation","css!./UNSAFE_useTooltip.css","../utils/UNSAFE_classNames","../useAnimation-5d80cd95","../classNames-429bf434","../Floating-31eefce3","preact/compat","preact","./UNSAFE_useToggle","../index-4f4526ef","./UNSAFE_useUser","../UNSAFE_Environment","../utils/PRIVATE_floatingUtils","../utils/PRIVATE_refUtils","./UNSAFE_useOutsideClick"],function(e,t,n,o,s,i,u,r,a,l,c,d,m,p,f,g,v,h,b,E,A,P,x,T,_,y,F){"use strict";const N="_1fuqfe2",S="qg2wq1",U="orlifg",R="_1mawfrq",j=e=>{var{children:s,isOpen:i,isDatatip:u,onTransitionEnd:r}=e,a=d.__rest(e,["children","isOpen","isDatatip","onTransitionEnd"]);const l=o.useId(),c=t.useRef(null),m=t.useRef(null),{nodeRef:p}=g.useAnimation(i?"mounted":"unmounted",{animationStates:{mounted:e=>{const t=e.firstChild;return{from:{maxHeight:"0",opacity:"0%"},to:{maxHeight:`${null==t?void 0:t.offsetHeight}px`,opacity:u?"100%":"95%"},options:{duration:u?1:100,easing:[0,0,.2,1]}}},unmounted:e=>({from:{opacity:u?"100%":"95%"},to:{maxHeight:"0",opacity:"0%"},options:{duration:u?1:100,easing:[0,0,.2,1]}})},isAnimatedOnMount:!0,onAnimationEnd:()=>null==r?void 0:r()});return t.useEffect(()=>{var e,t;c.current&&(null===(e=m.current)||void 0===e?void 0:e.offsetHeight)&&(c.current.style.height=`${null===(t=m.current)||void 0===t?void 0:t.offsetHeight}px`)},[]),n.jsx("div",Object.assign({ref:c,id:l,role:"tooltip",class:N},{children:n.jsx("div",Object.assign({ref:p,class:v.classNames([S])},a,{children:n.jsx("div",Object.assign({ref:m,class:v.classNames([U,u?R:""])},{children:s}))}))}))},O=(c.stringLiteralArray(["start","top-start","top","top-end","end","bottom-end","bottom","bottom-start"]),c.stringLiteralArray(["element","pointer"]),({text:e,isOpen:s=!1,variant:c="tooltip",position:d="bottom",isDisabled:m=!1,anchor:p={x:"element",y:"element"},offset:f={mainAxis:0,crossAxis:0},onToggle:g})=>{const v=m||!e,b=t.useRef(!0),[E,A]=t.useState(!v&&s?"mounting":"unmounted"),[P,x]=t.useState(!1);x(!1);const T="datatip"===c,_=t.useRef(!0),{hoverProps:y,isHover:F}=u.useHover({isDisabled:m}),{touchProps:N,isTouch:S}=a.useTouch({isDisabled:m}),{focusProps:U,isFocus:R}=r.useFocus({isDisabled:F||S}),{hoverProps:O,isHover:H}=u.useHover({isDisabled:m}),B="pointer"===p.x||"pointer"===p.y,D=o.useId(),L=t.useRef(null),k=t.useRef({x:0,y:0}),C=B&&!R?k:L,I=T?0:250,w=t.useRef(null),G=t.useRef(null),M=()=>{w.current&&clearTimeout(w.current)},q=t.useCallback(e=>{if(e)switch(E){case"unmounting":case"unmounted":A("mountPending");break;case"unmountPending":M(),A("mounted")}else switch(E){case"mounting":case"mounted":A("unmountPending");break;case"mountPending":M(),A("unmounted")}},[E]);t.useEffect(()=>{b.current?b.current=!1:A(s?"mounting":"unmounting")},[s]),t.useEffect(()=>{_.current?_.current=!1:B&&F&&"unmounted"===E||(G.current&&clearTimeout(G.current),G.current=setTimeout(()=>{q(F||R||H||S)},20))},[F,R,H,S,B,E,q]),t.useLayoutEffect(()=>{"mountPending"!==E&&"unmountPending"!==E||(w.current=setTimeout(()=>null==g?void 0:g({value:"mountPending"===E}),I))},[E,I,g]);const V={onFocus:e=>{(e.eventPhase===Event.AT_TARGET||e.eventPhase===Event.BUBBLING_PHASE&&T)&&(L.current=e.target)}};let $;if(v)$=l.mergeProps(U,V);else{const e=Object.assign({"aria-describedby":D,onMouseEnter:e=>{(e.eventPhase===Event.AT_TARGET||e.eventPhase===Event.BUBBLING_PHASE&&T)&&(L.current=e.target)}},B&&{onMouseLeave:()=>{"mounting"!==E&&M()},onMouseMove:e=>{(e.eventPhase===Event.AT_TARGET||e.eventPhase===Event.BUBBLING_PHASE&&T)&&(e=>{var t;if("unmounted"!==E&&("datatip"!==c||"mounted"!==E))return;const n=null===(t=null==L?void 0:L.current)||void 0===t?void 0:t.getBoundingClientRect(),o=document.body.scrollLeft+((null==n?void 0:n.left)||0)+((null==n?void 0:n.width)||0),s=document.body.scrollTop+((null==n?void 0:n.top)||0)+((null==n?void 0:n.height)||0),i="pointer"===p.x?e.clientX:o,u="pointer"===p.y?e.clientY:s;"mounted"===E?(k.current={x:i,y:u},!0!==P&&x(!0)):"unmounted"===E&&(M(),w.current=setTimeout(()=>{"unmounted"===E&&(k.current={x:i,y:u},null==g||g({value:!0}))},I))})(e)}});$=l.mergeProps(y,U,N,V,e)}if(v)return M(),{tooltipContent:null,tooltipProps:$};const X=(e=>{let t="bottom";switch(e){case"top":case"end":case"bottom":case"start":t=e;break;case"top-end":t="top-end-corner";break;case"bottom-end":t="bottom-end-corner";break;case"bottom-start":t="bottom-start-corner";break;case"top-start":t="top-start-corner"}return t})(d),Y=n.jsx(i.Layer,Object.assign({logicalParentRef:L},{children:n.jsx(h.Floating,Object.assign({anchorRef:C,placement:X,offsetValue:f},{children:n.jsx(j,Object.assign({isOpen:["mounting","mounted","unmountPending"].includes(E)},O,{isDatatip:T,onTransitionEnd:()=>{"mounting"===E&&A("mounted"),"unmounting"===E&&A("unmounted")}},{children:e}))}))}));return{tooltipContent:!["unmounted","mountPending"].includes(E)&&Y,tooltipProps:$}});e.useTooltip=({text:e,position:n="bottom",isDisabled:o=!1,anchor:s={x:"element",y:"element"},offset:i={mainAxis:0,crossAxis:0},variant:u="tooltip"})=>{const[r,a]=t.useState(!1),l=o||!e,{tooltipContent:c,tooltipProps:d}=O({text:e,isOpen:r,position:n,isDisabled:l,offset:i,anchor:s,variant:u,onToggle:({value:e})=>a(e)});return{tooltipContent:c,tooltipProps:d}},e.useTooltipControlled=O,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useTooltip.js.map

package/amd/hooks/UNSAFE_useTooltip.js.map

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

package/amd/hooks/UNSAFE_useTouch.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useTouch.js","sources":["../../../src/hooks/UNSAFE_useTouch/useTouch.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\n\nexport type TouchOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Get status on whether target has touch or not\n * @returns\n */\nexport function useTouch(settings: TouchOptions = { isDisabled: false }): {\n  isTouch: boolean;\n  touchProps: Record<string, any>;\n} {\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const touchProps = settings.isDisabled\n    ? {}\n    : {\n        onTouchStart: setTrue,\n        onTouchEnd: setFalse\n      };\n  return {\n    isTouch: settings.isDisabled ? false : bool,\n    touchProps: touchProps\n  };\n}\n"],"names":["settings","isDisabled","bool","setTrue","setFalse","useToggle","touchProps","onTouchStart","onTouchEnd","isTouch"],"mappings":"+FAUM,SAAmBA,EAAyB,CAAEC,YAAY,IAI9D,MAAMC,KAAEA,EAAFC,QAAQA,EAARC,SAAiBA,GAAaC,EAAAA,WAAU,GACxCC,EAAaN,EAASC,WACxB,GACA,CACEM,aAAcJ,EACdK,WAAYJ,GAElB,MAAO,CACLK,SAAST,EAASC,YAAqBC,EACvCI,WAAYA"}
+{"version":3,"file":"UNSAFE_useTouch.js","sources":["../../../src/hooks/UNSAFE_useTouch/useTouch.ts"],"sourcesContent":["import { useToggle } from '../UNSAFE_useToggle';\n\nexport type TouchOptions = {\n  isDisabled?: boolean;\n};\n\n/**\n * Get status on whether target has touch or not\n * @returns\n */\nexport function useTouch(settings: TouchOptions = { isDisabled: false }): {\n  isTouch: boolean;\n  touchProps: Record<string, any>;\n} {\n  const { bool, setTrue, setFalse } = useToggle(false);\n  const touchProps = settings.isDisabled\n    ? {}\n    : {\n        onTouchStart: setTrue,\n        onTouchEnd: setFalse\n      };\n  return {\n    isTouch: settings.isDisabled ? false : bool,\n    touchProps: touchProps\n  };\n}\n"],"names":["settings","isDisabled","bool","setTrue","setFalse","useToggle","touchProps","onTouchStart","onTouchEnd","isTouch"],"mappings":"+FAUM,SAAmBA,EAAyB,CAAEC,YAAY,IAI9D,MAAMC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAaC,EAAAA,WAAU,GACxCC,EAAaN,EAASC,WACxB,GACA,CACEM,aAAcJ,EACdK,WAAYJ,GAElB,MAAO,CACLK,SAAST,EAASC,YAAqBC,EACvCI,WAAYA"}

package/amd/hooks/UNSAFE_useTranslationBundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useTranslationBundle.js","sources":["../../../src/hooks/UNSAFE_useTranslationBundle/useTranslationBundle.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';\nimport type { TranslationBundle } from '../../UNSAFE_Environment';\n\n/**\n * useTranslationBundle is a hook to get a translation bundle from the EnvironmentProvider\n * @param bundleId\n * @returns a translation bundle of type T\n */\nexport function useTranslationBundle<T extends TranslationBundle>(bundleId: string) {\n  const translations = useContext(EnvironmentContext).translations;\n  const bundle = translations?.[bundleId];\n  if (!bundle) {\n    throw new Error(`Translation bundle ${bundleId} is not loaded.`);\n  }\n  return bundle as T;\n}\n"],"names":["bundleId","translations","useContext","EnvironmentContext","bundle","Error"],"mappings":"sLAgBM,SAA4DA,GAChE,MAAMC,EAAeC,EAAAA,WAAWC,EAAkBA,oBAAEF,aAC9CG,EAASH,MAAAA,SAAAA,EAAeD,GAC9B,IAAKI,EACH,MAAM,IAAIC,4BAA4BL,oBAExC,OAAOI"}
+{"version":3,"file":"UNSAFE_useTranslationBundle.js","sources":["../../../src/hooks/UNSAFE_useTranslationBundle/useTranslationBundle.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';\nimport type { TranslationBundle } from '../../UNSAFE_Environment';\n\n/**\n * useTranslationBundle is a hook to get a translation bundle from the EnvironmentProvider\n * @param bundleId\n * @returns a translation bundle of type T\n */\nexport function useTranslationBundle<T extends TranslationBundle>(bundleId: string) {\n  const translations = useContext(EnvironmentContext).translations;\n  const bundle = translations?.[bundleId];\n  if (!bundle) {\n    throw new Error(`Translation bundle ${bundleId} is not loaded.`);\n  }\n  return bundle as T;\n}\n"],"names":["bundleId","translations","useContext","EnvironmentContext","bundle","Error"],"mappings":"sLAgBM,SAA4DA,GAChE,MAAMC,EAAeC,EAAAA,WAAWC,EAAkBA,oBAAEF,aAC9CG,EAASH,MAAAA,SAAAA,EAAeD,GAC9B,IAAKI,EACH,MAAM,IAAIC,MAAM,sBAAsBL,oBAExC,OAAOI"}

package/amd/hooks/UNSAFE_useUncontrolledState.js

@@ -1,2 +1,2 @@
-define(["exports","preact/hooks"],function(e,t){"use strict";e.useUncontrolledState=function(e,r){const[n,u]=t.useState(e),c=t.useRef(n),o=t.useRef(r);return o.current=r,[n,t.useCallback((e,...t)=>{var r,n;(u(e),c.current!==e)&&(null===(r=o.current)||void 0===r||(n=r).call.apply(n,[o,e].concat(t)),c.current=e)},[])]},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/hooks"],function(e,t){"use strict";e.useUncontrolledState=function(e,r){const[u,n]=t.useState(e),c=t.useRef(u),o=t.useRef(r);return o.current=r,[u,t.useCallback((e,...t)=>{var r;n(e),c.current!==e&&(null===(r=o.current)||void 0===r||r.call(o,e,...t),c.current=e)},[])]},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_useUncontrolledState.js.map

package/amd/hooks/UNSAFE_useUncontrolledState.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useUncontrolledState.js","sources":["../../../src/hooks/UNSAFE_useUncontrolledState/useUncontrolledState.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'preact/hooks';\n\n/**\n * A custom hook for handling uncontrolled properties. These are the properties for which\n * we need to maintain an internal state and also trigger certain callbacks whenever we\n * update the internal state.\n *\n * Examples:\n * 1. The `value` property in an uncontrolled InputText\n *\n * Here, we will have `value` property and a corresponding `onValueChanged` callback. When\n * one interacts with the component and updates the value on the UI, we need to update the\n * `value` prop accordingly. Being uncontrolled, we do not have to rely on the parent to push\n * back the value, so we maintain an internal state for it and update the internal state.\n * Even though we are maintaining an internal state, we still need to invoke the callback\n * so we do that when the new value is different from the current value.\n *\n * We use useUncontrolledState hook for getting this behavior like follows:\n * ```\n * const [uncontrolledValue, setUncontrolledValue] = useUncontrolledState(value, onValueChanged);\n * ```\n *\n * Whenever you want to change this value, you would simply do:\n * ```\n * // set the new value\n * setUncontrolledValue(newValue);\n * ```\n * This call automatically calls the `onValueChanged` callback for you when the new value is different.\n * Essentially, you might want to consider using this method if your property supports writeback. This\n * way, whenever we update the internal state, the onPropertyChanged will be invoked automatically with\n * the new value which would in turn writes back the new value on the prop.\n *\n * @param initialState The initial value for the internal state. Calling this hook again with a different\n *                     value for this argument will not update the internal state.\n * @param onStateChange The callback function that needs to be called whenever the state value is updated.\n * @returns A stateful value and a setter function to update it. Here the setter function identity\n *          is stable and won't change on re-renders (similar to useState's setter function)\n */\nexport function useUncontrolledState<V>(\n  initialState?: V,\n  onStateChange?: (value: V, ...args: any[]) => void\n): [V | undefined, (value: V, ...args: any[]) => void] {\n  // Internal state for storing the value\n  const [stateValue, setStateValue] = useState(initialState);\n  // Internal ref to store value. This is to know what the previous value was.\n  const stateRef = useRef(stateValue);\n\n  // In order to make the setter function returned by this hook stable, we need to remove\n  // any external dependency from it. So, we use a ref that gets updated every render\n  // to store the onStateChange callback function. This way we can refer to this function\n  // without making it a dependency.\n  const onStateChangeRef = useRef(onStateChange);\n  onStateChangeRef.current = onStateChange;\n\n  // A setter function for updating the state\n  const setUncontrolledValue = useCallback((state: V, ...args: any[]) => {\n    // update the internal state\n    setStateValue(state);\n    // Call the onChange callback only if the value is changed\n    if (stateRef.current !== state) {\n      onStateChangeRef.current?.(state, ...args);\n      stateRef.current = state;\n    }\n  }, []);\n\n  // The setUncontrolledValue function returned here is guaranteed to\n  // be the same.\n  return [stateValue, setUncontrolledValue];\n}\n"],"names":["initialState","onStateChange","stateValue","setStateValue","useState","stateRef","useRef","onStateChangeRef","current","useCallback","state","args","_a2","_a","call"],"mappings":"oFAsCgB,SACdA,EACAC,GAGA,MAAOC,EAAYC,GAAiBC,EAAQA,SAACJ,GAEvCK,EAAWC,SAAOJ,GAMlBK,EAAmBD,SAAOL,GAgBhC,OAfAM,EAAiBC,QAAUP,EAepB,CAACC,EAZqBO,EAAWA,YAAC,CAACC,KAAaC,WAIrBC,GAFhCT,EAAcO,GAEVL,EAASG,UAAYE,KACC,QAAxBG,EAAAN,EAAiBC,eAAO,IAAAK,IAAAA,EAAAA,GAAAC,KAAAP,MAAAA,EAAAA,CAAAA,EAAGG,GAAUC,OAAAA,IACrCN,EAASG,QAAUE,IAEpB"}
+{"version":3,"file":"UNSAFE_useUncontrolledState.js","sources":["../../../src/hooks/UNSAFE_useUncontrolledState/useUncontrolledState.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'preact/hooks';\n\n/**\n * A custom hook for handling uncontrolled properties. These are the properties for which\n * we need to maintain an internal state and also trigger certain callbacks whenever we\n * update the internal state.\n *\n * Examples:\n * 1. The `value` property in an uncontrolled InputText\n *\n * Here, we will have `value` property and a corresponding `onValueChanged` callback. When\n * one interacts with the component and updates the value on the UI, we need to update the\n * `value` prop accordingly. Being uncontrolled, we do not have to rely on the parent to push\n * back the value, so we maintain an internal state for it and update the internal state.\n * Even though we are maintaining an internal state, we still need to invoke the callback\n * so we do that when the new value is different from the current value.\n *\n * We use useUncontrolledState hook for getting this behavior like follows:\n * ```\n * const [uncontrolledValue, setUncontrolledValue] = useUncontrolledState(value, onValueChanged);\n * ```\n *\n * Whenever you want to change this value, you would simply do:\n * ```\n * // set the new value\n * setUncontrolledValue(newValue);\n * ```\n * This call automatically calls the `onValueChanged` callback for you when the new value is different.\n * Essentially, you might want to consider using this method if your property supports writeback. This\n * way, whenever we update the internal state, the onPropertyChanged will be invoked automatically with\n * the new value which would in turn writes back the new value on the prop.\n *\n * @param initialState The initial value for the internal state. Calling this hook again with a different\n *                     value for this argument will not update the internal state.\n * @param onStateChange The callback function that needs to be called whenever the state value is updated.\n * @returns A stateful value and a setter function to update it. Here the setter function identity\n *          is stable and won't change on re-renders (similar to useState's setter function)\n */\nexport function useUncontrolledState<V>(\n  initialState?: V,\n  onStateChange?: (value: V, ...args: any[]) => void\n): [V | undefined, (value: V, ...args: any[]) => void] {\n  // Internal state for storing the value\n  const [stateValue, setStateValue] = useState(initialState);\n  // Internal ref to store value. This is to know what the previous value was.\n  const stateRef = useRef(stateValue);\n\n  // In order to make the setter function returned by this hook stable, we need to remove\n  // any external dependency from it. So, we use a ref that gets updated every render\n  // to store the onStateChange callback function. This way we can refer to this function\n  // without making it a dependency.\n  const onStateChangeRef = useRef(onStateChange);\n  onStateChangeRef.current = onStateChange;\n\n  // A setter function for updating the state\n  const setUncontrolledValue = useCallback((state: V, ...args: any[]) => {\n    // update the internal state\n    setStateValue(state);\n    // Call the onChange callback only if the value is changed\n    if (stateRef.current !== state) {\n      onStateChangeRef.current?.(state, ...args);\n      stateRef.current = state;\n    }\n  }, []);\n\n  // The setUncontrolledValue function returned here is guaranteed to\n  // be the same.\n  return [stateValue, setUncontrolledValue];\n}\n"],"names":["initialState","onStateChange","stateValue","setStateValue","useState","stateRef","useRef","onStateChangeRef","current","useCallback","state","args","_a","call"],"mappings":"oFAsCgB,SACdA,EACAC,GAGA,MAAOC,EAAYC,GAAiBC,EAAQA,SAACJ,GAEvCK,EAAWC,SAAOJ,GAMlBK,EAAmBD,SAAOL,GAgBhC,OAfAM,EAAiBC,QAAUP,EAepB,CAACC,EAZqBO,EAAWA,YAAC,CAACC,KAAaC,WAErDR,EAAcO,GAEVL,EAASG,UAAYE,IACC,QAAxBE,EAAAL,EAAiBC,eAAO,IAAAI,GAAAA,EAAAC,KAAAN,EAAGG,KAAUC,GACrCN,EAASG,QAAUE,IAEpB"}

package/amd/hooks/UNSAFE_useViewportIntersect.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_useViewportIntersect.js","sources":["../../../src/hooks/UNSAFE_useViewportIntersect/useViewportIntersect.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 */\nimport { useEffect } from 'preact/hooks';\n\n/**\n * Configuration about the viewport.  For now, it only has a field that returns the viewport element.\n */\nexport type ViewportConfig = {\n  scroller: () => HTMLElement | null;\n};\n\n/**\n * Hook to detect when the specified viewport element intersects elements that matches the specified css selector.\n * This is currently used by IncrementalLoader and VirtualizeViewportCollection.\n * Note options to IntersectionObsever such as rootMargin is not exposed now but can be added in the future as\n * needed.  (for example, with sticky footer we want to specify a wider margin so it won't trigger intersect)\n *\n * @param viewport an object which provide information about the viewport including what the viewport element is\n * @param onIntersect callback when an intersection with an element that has the specified target\n *                    style class occurred\n * @param targetSelector the CSS querySelector string used to identify the element where IntersectionObserver\n *                       observes\n * @param margin the top and bottom margin surrounding the viewport element in which the intersect detection takes into account.\n */\nexport function useViewportIntersect(\n  viewport: ViewportConfig,\n  margin = 0,\n  targetSelector: string,\n  onIntersect: () => void\n) {\n  // create an IntersectionObserver.  Note for now we are creating it on every render (instead of once\n  // on mounted) due to an issue we encountered where sometimes IntersectionObserver will not invoke\n  // the intersect callback (possibly due to the root might have been detach/re-attached?), see JET-49951.\n  useEffect(() => {\n    let observer: IntersectionObserver;\n    const root = viewport.scroller();\n    if (root) {\n      const options = {\n        // specifying null to cause ResizeObserver to use document viewport\n        root: root === document.body || root === document.documentElement ? null : root,\n        rootMargin: `${margin}px 0px`,\n        threshold: 0\n      };\n      observer = new IntersectionObserver((entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            onIntersect();\n            return;\n          }\n        }\n      }, options);\n\n      // start observing the element with certain class is scrolled into viewport\n      root.querySelectorAll(targetSelector).forEach((target) => {\n        observer.observe(target);\n      });\n    }\n\n    return () => {\n      observer?.disconnect();\n    };\n  });\n}\n"],"names":["viewport","margin","targetSelector","onIntersect","useEffect","observer","root","scroller","options","document","body","documentElement","rootMargin","threshold","IntersectionObserver","entries","entry","isIntersecting","querySelectorAll","forEach","target","observe","disconnect"],"mappings":"oFA6BM,SACJA,EACAC,EAAS,EACTC,EACAC,GAKAC,EAAAA,UAAU,KACR,IAAIC,EACJ,MAAMC,EAAON,EAASO,WACtB,GAAID,EAAM,CACR,MAAME,EAAU,CAEdF,KAAMA,IAASG,SAASC,MAAQJ,IAASG,SAASE,gBAAkB,KAAOL,EAC3EM,WAAe,GAAAX,UACfY,UAAW,GAEbR,EAAW,IAAIS,qBAAsBC,IACnC,IAAK,MAAMC,KAASD,EAClB,GAAIC,EAAMC,eAER,YADAd,KAIHK,GAGHF,EAAKY,iBAAiBhB,GAAgBiB,QAASC,IAC7Cf,EAASgB,QAAQD,KAIrB,MAAO,KACLf,MAAAA,GAAAA,EAAUiB"}
+{"version":3,"file":"UNSAFE_useViewportIntersect.js","sources":["../../../src/hooks/UNSAFE_useViewportIntersect/useViewportIntersect.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 */\nimport { useEffect } from 'preact/hooks';\n\n/**\n * Configuration about the viewport.  For now, it only has a field that returns the viewport element.\n */\nexport type ViewportConfig = {\n  scroller: () => HTMLElement | null;\n};\n\n/**\n * Hook to detect when the specified viewport element intersects elements that matches the specified css selector.\n * This is currently used by IncrementalLoader and VirtualizeViewportCollection.\n * Note options to IntersectionObsever such as rootMargin is not exposed now but can be added in the future as\n * needed.  (for example, with sticky footer we want to specify a wider margin so it won't trigger intersect)\n *\n * @param viewport an object which provide information about the viewport including what the viewport element is\n * @param onIntersect callback when an intersection with an element that has the specified target\n *                    style class occurred\n * @param targetSelector the CSS querySelector string used to identify the element where IntersectionObserver\n *                       observes\n * @param margin the top and bottom margin surrounding the viewport element in which the intersect detection takes into account.\n */\nexport function useViewportIntersect(\n  viewport: ViewportConfig,\n  margin = 0,\n  targetSelector: string,\n  onIntersect: () => void\n) {\n  // create an IntersectionObserver.  Note for now we are creating it on every render (instead of once\n  // on mounted) due to an issue we encountered where sometimes IntersectionObserver will not invoke\n  // the intersect callback (possibly due to the root might have been detach/re-attached?), see JET-49951.\n  useEffect(() => {\n    let observer: IntersectionObserver;\n    const root = viewport.scroller();\n    if (root) {\n      const options = {\n        // specifying null to cause ResizeObserver to use document viewport\n        root: root === document.body || root === document.documentElement ? null : root,\n        rootMargin: `${margin}px 0px`,\n        threshold: 0\n      };\n      observer = new IntersectionObserver((entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            onIntersect();\n            return;\n          }\n        }\n      }, options);\n\n      // start observing the element with certain class is scrolled into viewport\n      root.querySelectorAll(targetSelector).forEach((target) => {\n        observer.observe(target);\n      });\n    }\n\n    return () => {\n      observer?.disconnect();\n    };\n  });\n}\n"],"names":["viewport","margin","targetSelector","onIntersect","useEffect","observer","root","scroller","options","document","body","documentElement","rootMargin","threshold","IntersectionObserver","entries","entry","isIntersecting","querySelectorAll","forEach","target","observe","disconnect"],"mappings":"oFA6BM,SACJA,EACAC,EAAS,EACTC,EACAC,GAKAC,EAAAA,UAAU,KACR,IAAIC,EACJ,MAAMC,EAAON,EAASO,WACtB,GAAID,EAAM,CACR,MAAME,EAAU,CAEdF,KAAMA,IAASG,SAASC,MAAQJ,IAASG,SAASE,gBAAkB,KAAOL,EAC3EM,WAAY,GAAGX,UACfY,UAAW,GAEbR,EAAW,IAAIS,qBAAsBC,IACnC,IAAK,MAAMC,KAASD,EAClB,GAAIC,EAAMC,eAER,YADAd,KAIHK,GAGHF,EAAKY,iBAAiBhB,GAAgBiB,QAASC,IAC7Cf,EAASgB,QAAQD,KAIrB,MAAO,KACLf,MAAAA,GAAAA,EAAUiB"}