@oracle/oraclejet-preact 19.0.0 → 19.0.2

package/amd/usePopupAnimation-f8e212f7.js

@@ -0,0 +1,2 @@
+define(['exports', './useAnimationStatus-4b135f52', './useUser-12ec03f1', 'preact/hooks', './popupAnimationUtils-49b93365'], (function(n,t,e,i,o){"use strict";const a={opening:n=>({from:{scaleX:0,scaleY:0,opacity:0,transformOrigin:o.getTransformOrigin(n.placement,n.direction)},to:{scaleX:1,scaleY:1,opacity:1,transformOrigin:o.getTransformOrigin(n.placement,n.direction)},options:{duration:200}}),closing:n=>({from:{scaleX:1,scaleY:1,opacity:1,transformOrigin:o.getTransformOrigin(n.placement,n.direction)},to:{scaleX:0,scaleY:0,opacity:0,transformOrigin:o.getTransformOrigin(n.placement,n.direction)},options:{duration:200}})};n.usePopupAnimation=function(n){const{isOpen:o,isAnimatedOnMount:r,onTransitionEnd:s,placement:c,animationStates:m,onPosition:u}=n,[l,p]=i.useState(c),{direction:f}=e.useUser(),{setAnimationElementRef:d,animationElementRef:g,status:O}=t.useAnimationStatus({isOpen:o,isAnimatedOnMount:r,animationStates:m??a,onTransitionEnd:s}),A=g,E=i.useCallback((n=>{null!==A.current&&(A.current.placement=n.placement),l!==n.placement&&p(n.placement),u?.(n)}),[u,A,l]);return i.useEffect((()=>{null!=A&&null!=A.current&&"unmounted"!=O&&(A.current.placement!==l&&(A.current.placement=l),A.current.direction=f)}),[A,l,f,O]),{setAnimationElementRef:d,status:O,onPosition:E}}}));
+//# sourceMappingURL=usePopupAnimation-f8e212f7.js.map

package/amd/usePopupAnimation-f8e212f7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopupAnimation-f8e212f7.js","sources":["../../src/UNSAFE_Popup/usePopupAnimation.ts"],"sourcesContent":["import { Placement, Floating } from '../UNSAFE_Floating';\nimport {\n  useAnimationStatus,\n  AnimationStatus,\n  AnimationStatusProps,\n  AnimationStates\n} from '../hooks/PRIVATE_useAnimationStatus';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useEffect, useCallback, useState } from 'preact/hooks';\nimport { getTransformOrigin } from '../utils/PRIVATE_popupAnimationUtils';\nimport { ComponentProps } from 'preact';\n\n/**\n * The placement and direction aware HTML element\n * The useAnimation hook do not allow to change dynamically the animation states,\n * but allows a function that returns animation states config. The function takes\n * the animated node of type <E extends HTMLElement> as an argument. This could be used\n * to extend HTMLElement with placement and direction.\n */\nexport type AnimationPopupElement = HTMLElement & {\n  placement?: Placement;\n  direction?: 'ltr' | 'rtl';\n};\n\ntype PopupAnimationProps = Omit<AnimationStatusProps, 'animationStates'> & {\n  /**\n   * Specifies placement of the Popup relative to the anchor.\n   */\n  placement: Placement;\n\n  /**\n   * animationStates is the configuration of the animations, how the element should be animated\n   */\n  animationStates?: AnimationStates;\n\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected\n   */\n  onPosition?: ComponentProps<typeof Floating>['onPosition'];\n};\n\nconst animationStates = {\n  opening: (node: AnimationPopupElement) => {\n    return {\n      //zoomIn\n      from: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  },\n  closing: (node: AnimationPopupElement) => {\n    return {\n      //zoomOut\n      from: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  }\n};\n\nexport function usePopupAnimation(props: PopupAnimationProps): {\n  status: AnimationStatus;\n  setAnimationElementRef: (node: HTMLElement | null) => void;\n  onPosition: ComponentProps<typeof Floating>['onPosition'];\n} {\n  const {\n    isOpen,\n    isAnimatedOnMount,\n    onTransitionEnd,\n    placement,\n    animationStates: propsAnimationStates,\n    onPosition\n  } = props;\n\n  //The animationPlacement is used for the case of flipping.\n  const [animationPlacement, setAnimationPlacement] = useState<Placement>(placement);\n  const { direction } = useUser();\n  const { setAnimationElementRef, animationElementRef, status } =\n    useAnimationStatus<AnimationPopupElement>({\n      isOpen: isOpen,\n      isAnimatedOnMount: isAnimatedOnMount,\n      animationStates: propsAnimationStates ?? animationStates,\n      onTransitionEnd\n    });\n  const popupElementRef = animationElementRef;\n\n  const onPositionAnimated = useCallback<Required<ComponentProps<typeof Floating>>['onPosition']>(\n    (data) => {\n      if (popupElementRef.current !== null) {\n        // if flips happens we need to change the placement in the animations.\n        // There are cases where animation is done before even running the useEffect below. Due to that we update current placement of the node here\n        popupElementRef.current.placement = data.placement;\n      }\n      if (animationPlacement !== data.placement) {\n        setAnimationPlacement(data.placement);\n      }\n      onPosition?.(data);\n    },\n    [onPosition, popupElementRef, animationPlacement]\n  );\n\n  //This is needed for the case if popup flips and changes the placement.\n  useEffect(() => {\n    if (popupElementRef != null && popupElementRef.current != null && status != 'unmounted') {\n      if (popupElementRef.current.placement !== animationPlacement) {\n        popupElementRef.current.placement = animationPlacement;\n      }\n      popupElementRef.current.direction = direction;\n    }\n  }, [popupElementRef, animationPlacement, direction, status]);\n  return { setAnimationElementRef, status, onPosition: onPositionAnimated };\n}\n"],"names":["animationStates","opening","node","from","scaleX","scaleY","opacity","transformOrigin","getTransformOrigin","placement","direction","to","options","duration","closing","props","isOpen","isAnimatedOnMount","onTransitionEnd","propsAnimationStates","onPosition","animationPlacement","setAnimationPlacement","useState","useUser","setAnimationElementRef","animationElementRef","status","useAnimationStatus","popupElementRef","onPositionAnimated","useCallback","data","current","useEffect"],"mappings":"0JAyCA,MAAMA,EAAkB,CACtBC,QAAUC,IACD,CAELC,KAAM,CACJC,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DC,GAAI,CACFP,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DE,QAAS,CACPC,SAAU,OAIhBC,QAAUZ,IACD,CAELC,KAAM,CACJC,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DC,GAAI,CACFP,OAAQ,EACRC,OAAQ,EACRC,QAAS,EACTC,gBAAiBC,EAAAA,mBAAmBN,EAAKO,UAAWP,EAAKQ,YAE3DE,QAAS,CACPC,SAAU,4BAMZ,SAA4BE,GAKhC,MAAMC,OACJA,EAAMC,kBACNA,EAAiBC,gBACjBA,EAAeT,UACfA,EACAT,gBAAiBmB,EAAoBC,WACrCA,GACEL,GAGGM,EAAoBC,GAAyBC,EAAQA,SAAYd,IAClEC,UAAEA,GAAcc,EAAAA,WAChBC,uBAAEA,EAAsBC,oBAAEA,EAAmBC,OAAEA,GACnDC,EAAAA,mBAA0C,CACxCZ,OAAQA,EACRC,kBAAmBA,EACnBjB,gBAAiBmB,GAAwBnB,EACzCkB,oBAEEW,EAAkBH,EAElBI,EAAqBC,eACxBC,IACiC,OAA5BH,EAAgBI,UAGlBJ,EAAgBI,QAAQxB,UAAYuB,EAAKvB,WAEvCY,IAAuBW,EAAKvB,WAC9Ba,EAAsBU,EAAKvB,WAE7BW,IAAaY,EAAK,GAEpB,CAACZ,EAAYS,EAAiBR,IAYhC,OARAa,EAAAA,WAAU,KACe,MAAnBL,GAAsD,MAA3BA,EAAgBI,SAA6B,aAAVN,IAC5DE,EAAgBI,QAAQxB,YAAcY,IACxCQ,EAAgBI,QAAQxB,UAAYY,GAEtCQ,EAAgBI,QAAQvB,UAAYA,EACrC,GACA,CAACmB,EAAiBR,EAAoBX,EAAWiB,IAC7C,CAAEF,yBAAwBE,SAAQP,WAAYU,EACvD"}

package/amd/usePrefixSuffix-b26030fe.js

@@ -0,0 +1,2 @@
+define(['exports', './stringUtils-4ffd9d59', './useUser-12ec03f1'], (function(e,i,s){"use strict";e.usePrefixSuffix=({baseId:e,hasEndContent:t,hasInsideLabel:d,hasStartContent:n,hasValue:r,isDisabled:a,isFocused:f,labelId:o,prefix:u,suffix:l,value:x})=>{const{direction:$}=s.useUser(),v=`${e}-prefix`,c=`${e}-suffix`,h=void 0!==u&&""!==u,b=void 0!==l&&""!==l,p=h&&!a&&(r||f),I=b&&!a&&(r||f),P=h||b?function(e,i,s,t,d){if(!i)return d;const n="ltr"===e,r=void 0===s?"":n?`${s} `:` ${s}`,a=void 0===t?"":n?` ${t}`:`${t} `,f=`${r}${d}${a}`,o=`${a}${d}${r}`;return n?f:o}($,r,u,l,x):x;return{shouldRenderPrefix:p,shouldRenderSuffix:I,prefixProps:{id:v,hasEndContent:t,hasInsideLabel:d,hasStartContent:n,isDisabled:a,isFocused:f,text:u??"",variant:"prefix"},suffixProps:{id:c,hasInsideLabel:d,isDisabled:a,isFocused:f,text:l??"",variant:"suffix"},valuePrefixSuffix:P,ariaLabelledBy:h||b?i.l([o,h?v:void 0,b?c:void 0]):void 0}}}));
+//# sourceMappingURL=usePrefixSuffix-b26030fe.js.map

package/amd/usePrefixSuffix-b26030fe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrefixSuffix-b26030fe.js","sources":["../../src/hooks/UNSAFE_usePrefixSuffix/usePrefixSuffix.tsx"],"sourcesContent":["import { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\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\ntype PrefixSuffixVariant = 'prefix' | 'suffix';\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  const shouldRenderPrefix = hasPrefixText && !isDisabled && (hasValue || isFocused);\n  const shouldRenderSuffix = hasSuffixText && !isDisabled && (hasValue || isFocused);\n\n  // get value and prefix/suffix if available and return as plain text.\n  const valuePrefixSuffix =\n    hasPrefixText || hasSuffixText ? getText(direction, hasValue, prefix, suffix, value) : value;\n  // get aria-labelledby if there is a prefix or suffix text\n  const ariaLabelledBy =\n    hasPrefixText || hasSuffixText\n      ? merge([labelId, hasPrefixText ? prefixId : undefined, hasSuffixText ? suffixId : undefined])\n      : undefined;\n  const prefixProps = {\n    id: prefixId,\n    hasEndContent,\n    hasInsideLabel,\n    hasStartContent,\n    isDisabled,\n    isFocused,\n    text: prefix ?? '',\n    variant: 'prefix' as PrefixSuffixVariant\n  };\n  const suffixProps = {\n    id: suffixId,\n    hasInsideLabel,\n    isDisabled,\n    isFocused,\n    text: suffix ?? '',\n    variant: 'suffix' as PrefixSuffixVariant\n  };\n\n  return {\n    shouldRenderPrefix,\n    shouldRenderSuffix,\n    prefixProps,\n    suffixProps,\n    valuePrefixSuffix,\n    ariaLabelledBy\n  };\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. ?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"],"names":["baseId","hasEndContent","hasInsideLabel","hasStartContent","hasValue","isDisabled","isFocused","labelId","prefix","suffix","value","direction","useUser","prefixId","suffixId","hasPrefixText","undefined","hasSuffixText","shouldRenderPrefix","shouldRenderSuffix","valuePrefixSuffix","isLTR","plainPrefix","plainSuffix","ltrPlainText","rtlPlainText","getText","prefixProps","id","text","variant","suffixProps","ariaLabelledBy","merge"],"mappings":"iHAqB+B,EAC7BA,SACAC,gBACAC,iBACAC,kBACAC,WACAC,aACAC,YACAC,UACAC,SACAC,SACAC,YAEA,MAAMC,UAAEA,GAAcC,EAAAA,UAEhBC,EAAW,GAAGb,WACdc,EAAW,GAAGd,WACde,OAA2BC,IAAXR,GAAmC,KAAXA,EACxCS,OAA2BD,IAAXP,GAAmC,KAAXA,EACxCS,EAAqBH,IAAkBV,IAAeD,GAAYE,GAClEa,EAAqBF,IAAkBZ,IAAeD,GAAYE,GAGlEc,EACJL,GAAiBE,EAwCrB,SACEN,EACAP,EACAI,EACAC,EACAC,GAGA,IAAKN,EACH,OAAOM,EAIT,MAAMW,EAAsB,QAAdV,EACRW,OAAyBN,IAAXR,EAAuB,GAAKa,EAAQ,GAAGb,KAAY,IAAIA,IACrEe,OAAyBP,IAAXP,EAAuB,GAAKY,EAAQ,IAAIZ,IAAW,GAAGA,KAEpEe,EAAe,GAAGF,IAAcZ,IAAQa,IACxCE,EAAe,GAAGF,IAAcb,IAAQY,IAC9C,OAAOD,EAAQG,EAAeC,CAChC,CA5DqCC,CAAQf,EAAWP,EAAUI,EAAQC,EAAQC,GAASA,EAyBzF,MAAO,CACLQ,qBACAC,qBACAQ,YAtBkB,CAClBC,GAAIf,EACJZ,gBACAC,iBACAC,kBACAE,aACAC,YACAuB,KAAMrB,GAAU,GAChBsB,QAAS,UAeTC,YAbkB,CAClBH,GAAId,EACJZ,iBACAG,aACAC,YACAuB,KAAMpB,GAAU,GAChBqB,QAAS,UAQTV,oBACAY,eA5BAjB,GAAiBE,EACbgB,IAAM,CAAC1B,EAASQ,EAAgBF,OAAWG,EAAWC,EAAgBH,OAAWE,SACjFA,EA2BL"}

package/amd/usePressClick-b5bf4243.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks'], (function(e,s){"use strict";const o={isDisabled:!1},t=e=>{"Enter"!==e.code&&"Space"!==e.code||!e.repeat||e.preventDefault()};e.usePressClick=function(e,n=o){const c=s.useCallback((s=>{s.stopPropagation(),e(s)}),[e]);return{pressProps:n?.isDisabled?{}:{onClick:c,onKeyDown:t}}}}));
+//# sourceMappingURL=usePressClick-b5bf4243.js.map

package/amd/usePressClick-b5bf4243.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePressClick-b5bf4243.js","sources":["../../src/hooks/UNSAFE_usePressClick/usePressClick.ts"],"sourcesContent":["import { useCallback } from 'preact/hooks';\n\ntype PressOptions = {\n  isDisabled?: boolean;\n};\n\nconst DefaultSettings = {\n  isDisabled: false\n};\n\n// JET-77334: Prevent browser default behavior where onClick is fired continuously if you\n// hold down the Enter key. We also disable repeats for Space to prevent cases where you\n// hold the key down, transfer focus to the element, and then release the key. We only want\n// to invoke the press handler when you press and release on the same element.\nconst onKeyDown = (event: KeyboardEvent) => {\n  if ((event.code === 'Enter' || event.code === 'Space') && event.repeat) {\n    event.preventDefault();\n  }\n};\n\n/**\n * Returns a click handler that can make a target element either clickable or keyboard pressable.\n * Note that handling repeated keys (holding down Enter or Space) is disabled.\n *\n * @param onPressHandler function\n * @param isDisabled boolean\n * @returns\n */\n\nexport function usePressClick(\n  onPressHandler: (event: Event) => void,\n  settings: PressOptions = DefaultSettings\n): { pressProps: Record<string, any> } {\n  const onClick = useCallback(\n    (event: Event) => {\n      // See note above about why propagation is stopped: to prevent nested component bubbling clicks issue\n      event.stopPropagation();\n      // in legacy, we would check event.detail <= 1 to fire only once on multi-clicks,\n      // however, for now keeping this simple.\n      onPressHandler(event);\n    },\n    [onPressHandler]\n  );\n\n  const pressProps = settings?.isDisabled ? {} : { onClick, onKeyDown };\n\n  return {\n    pressProps\n  };\n}\n"],"names":["DefaultSettings","isDisabled","onKeyDown","event","code","repeat","preventDefault","onPressHandler","settings","onClick","useCallback","stopPropagation","pressProps"],"mappings":"8DAMA,MAAMA,EAAkB,CACtBC,YAAY,GAORC,EAAaC,IACG,UAAfA,EAAMC,MAAmC,UAAfD,EAAMC,OAAqBD,EAAME,QAC9DF,EAAMG,gBACP,2BAaDC,EACAC,EAAyBR,GAEzB,MAAMS,EAAUC,eACbP,IAECA,EAAMQ,kBAGNJ,EAAeJ,EAAM,GAEvB,CAACI,IAKH,MAAO,CACLK,WAHiBJ,GAAUP,WAAa,CAAE,EAAG,CAAEQ,UAASP,aAK5D"}

package/amd/useReorderableItem-13c24764.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './useId-c9578d26', './useUser-12ec03f1', './useTranslationBundle-8e42d505', './clientHints-6d361eaa', './collectionUtils-26e6c87c', './classNames-08d99695', './mergeProps-bcfa6a92', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './keys-4755c121'], (function(e,r,t,s,o,n,a,l,c,i,u,f){"use strict";const d=(e,r,t,s,o)=>{const n=t>0?t-1:0,a=t<s?t+1:s;switch(e){case"ArrowLeft":return r?a:n;case"ArrowRight":return r?n:a;case"ArrowUp":if(o)return t<o?t:t-o;case"ArrowDown":if(o)return t>s-o?t:t+o;default:return}};e.useReorderable=function(e){const{onReorder:l,rootRef:c,itemSelector:i,isDisabled:u,columns:f}=e,y=r.useRef(),{direction:m}=s.useUser(),g="rtl"===m,v=o.useTranslationBundle("@oracle/oraclejet-preact"),D="reorderable_"+t.useId(),{deviceType:b,platform:p}=n.getClientHints(),K="windows"===p?v.accControlKey():v.accCommandKey(),A="phone"===b||"tablet"===b?"":v.accReorderInstructions({keyPressed:K}),[R,w]=r.useState(""),I=r.useCallback((e=>{if((e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&l&&c.current){e.metaKey&&e.preventDefault();const r=[...a.getItemKeysArray(c.current,i)],t=r.length-1,s=r.indexOf(y.current),o=d(e.key,g,s,t,f);if(void 0!==o&&s!==o){const t=r[o]?.toString();r.splice(s,1),r.splice(o,0,y.current),l?.({reorderedKeys:r,itemKeys:[y.current],referenceKey:0===o?null:r[o-1]});const n="ArrowLeft"===e.key||"ArrowUp"===e.key?v.accPositionBefore():v.accPositionAfter(),a=y?.current?.toString();t&&n&&a&&w(v.accAnnounceMovedKey({itemKey:a,position:n,referenceKey:t}))}}}),[y,l,f,g,i,c,v]);return{reorderProps:u?{}:{onKeyDown:I},reorderContext:{currentItemKey:y},reorderInstructionsId:D,reorderInstructions:A,reorderStatus:R}},e.useReorderableItem=function(e){const{isDisabled:t,dragKey:o,setDragKey:n,onReorder:d,ref:y,rootRef:m,itemStyles:g,getItem:v,setTransferData:D,itemSelector:b,isVertical:p}=e,K=v(),A=null!=K?a.getKey(K):void 0,[R,w]=r.useState(),I=r.useRef(),O=r.useRef(void 0),k=l.classNames([u.styles.itemDragger,g.itemDragger]),{direction:h}=s.useUser(),P="rtl"===h,S=r.useCallback((e=>{const r=v(),t=null!=r?a.getKey(r):void 0;if(y?.current&&n){O.current=i.createDragImage(y.current,k);const r=y.current.querySelector("[draggable=true]");null!=r?e?.dataTransfer?.setDragImage(O.current,r.offsetLeft+r.offsetWidth/2,r.offsetTop+r.offsetHeight/2):e?.dataTransfer?.setDragImage(O.current,0,0),D(e),n(t)}}),[v,D,k,y,n]),C=r.useCallback((e=>{f.isKeyDefined(o)&&e.preventDefault()}),[o]),T=r.useCallback((()=>{n?.(void 0),document.body.removeChild(O.current)}),[n]),U=r.useCallback((()=>{if(m?.current){const e=v(),r=null!=e?a.getKey(e):void 0,t=a.getItemKeysArray(m.current,b);let s;const l=[...t],c=l.indexOf(o);if(null!=r){const e=l.indexOf(r);null!=c&&null!=e&&c!=e&&(s=P?c<e?"before"===R?e:e-1:"before"===R?e+1:e:c<e?"before"===R?e-1:e:"before"===R?e:e+1)}if(void 0!==s&&c!==s){const e=t[c];l.splice(c,1),l.splice(s,0,e),d?.({reorderedKeys:l,itemKeys:[o],referenceKey:0===s?null:l[s-1]}),w(void 0),n(void 0)}}}),[o,R,v,P,b,d,m,n]);if(t)return{};const B=null!=A&&A===o,L=l.classNames([u.styles.itemDnd,B&&u.styles.itemDragged]),x=l.classNames([g.itemOverlayFront,p?u.styles.itemOverlayVertical:u.styles.itemOverlay,"before"===R&&u.styles.itemOverlayBefore,"before"===R&&P&&u.styles.itemOverlayBeforeRtl]),N=l.classNames([g.itemOverlayFront,g.itemOverlayRear,p?u.styles.itemOverlayVertical:u.styles.itemOverlay,"after"===R&&u.styles.itemOverlayAfter,"after"===R&&P&&u.styles.itemOverlayAfterRtl]);return{rootProps:c.mergeProps({ref:y,onDragStart:S,onDragEnd:T,onDragOver:C,onDrop:U,isDisabled:t,class:L}),isDragged:B,overlayZoneBeforeProps:c.mergeProps({onDragEnter:()=>{w("before"),I.current="before"},onDragLeave:()=>{"before"===I.current&&w(void 0)},class:x}),overlayZoneAfterProps:c.mergeProps({onDragEnter:()=>{w("after"),I.current="after"},onDragLeave:()=>{"after"===I.current&&w(void 0)},class:N})}}}));
+//# sourceMappingURL=useReorderableItem-13c24764.js.map

package/amd/useReorderableItem-13c24764.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReorderableItem-13c24764.js","sources":["../../src/hooks/PRIVATE_useReorderable/useReorderable.ts","../../src/hooks/PRIVATE_useReorderable/useReorderableItem.ts"],"sourcesContent":["import type { RefObject } from 'preact';\nimport { useRef, useCallback, useState } from 'preact/hooks';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ReorderProps } from '#UNSAFE_Collection/Reorderable.types';\n\ntype useReorderableProps<K> = ReorderProps<K> & {\n  rootRef: RefObject<HTMLDivElement>;\n  itemSelector: string;\n  isDisabled?: boolean;\n  columns?: number;\n};\n\n/**\n * Implements keyboard reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderable<K extends string | number>(options: useReorderableProps<K>) {\n  const { onReorder, rootRef, itemSelector, isDisabled, columns } = options;\n\n  const currentItemKey = useRef<K | undefined>();\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const reorderInstructionsId = 'reorderable_' + useId();\n  const { deviceType, platform } = getClientHints();\n  const keyPressed =\n    platform === 'windows' ? translations.accControlKey() : translations.accCommandKey();\n  const reorderInstructions =\n    deviceType === 'phone' || deviceType === 'tablet'\n      ? ''\n      : translations.accReorderInstructions({\n          keyPressed: keyPressed\n        });\n  const [reorderStatus, setReorderStatus] = useState<string | undefined>('');\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n      if (\n        (e.metaKey || e.ctrlKey) &&\n        e.shiftKey &&\n        keyHandlers.includes(e.key) &&\n        onReorder &&\n        rootRef.current\n      ) {\n        if (e.metaKey) {\n          e.preventDefault();\n        }\n        const itemKeysArray = getItemKeysArray(rootRef.current, itemSelector);\n        const newArray = [...itemKeysArray];\n        const lastIndex = newArray.length - 1;\n        const currentItemIndex = newArray.indexOf(currentItemKey.current);\n        // get reference item index and reordered keys\n        const referenceItemIndex = getReferenceItemIndex(\n          e.key,\n          isRtl,\n          currentItemIndex,\n          lastIndex,\n          columns\n        );\n        if (referenceItemIndex !== undefined && currentItemIndex !== referenceItemIndex) {\n          const referenceKey = newArray[referenceItemIndex]?.toString();\n          newArray.splice(currentItemIndex, 1);\n          newArray.splice(referenceItemIndex as number, 0, currentItemKey.current);\n          onReorder?.({\n            reorderedKeys: newArray as K[],\n            itemKeys: [currentItemKey.current as K],\n            // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n            referenceKey: referenceItemIndex === 0 ? null : (newArray[referenceItemIndex - 1] as K)\n          });\n          // set acc status\n          const isPrev = e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? true : false;\n          const position = isPrev\n            ? translations.accPositionBefore()\n            : translations.accPositionAfter();\n          const itemKeyString = currentItemKey?.current?.toString();\n          if (referenceKey && position && itemKeyString) {\n            setReorderStatus(\n              translations.accAnnounceMovedKey({\n                itemKey: itemKeyString,\n                position: position,\n                referenceKey: referenceKey\n              })\n            );\n          }\n        }\n      }\n    },\n    [currentItemKey, onReorder, columns, isRtl, itemSelector, rootRef, translations]\n  );\n\n  const eventProps = isDisabled ? {} : { onKeyDown };\n\n  return {\n    reorderProps: eventProps,\n    reorderContext: {\n      currentItemKey\n    },\n    reorderInstructionsId,\n    reorderInstructions,\n    reorderStatus\n  } as const;\n}\n\n/**\n * A helper function to get referenceItemIndex during keyboard reordering\n *\n * @param eventKey the arrow event keys\n * @param isRtl whether RTL is enabled\n * @param currentItemIndex the index of current item\n * @param lastIndex the last index\n * @param columns optional param to specify the number of columns, for keyboard reordering by arrow up/down keys.\n */\nconst getReferenceItemIndex = (\n  eventKey: string,\n  isRtl: boolean,\n  currentItemIndex: number,\n  lastIndex: number,\n  columns?: number\n) => {\n  const leftDropIndex = currentItemIndex > 0 ? currentItemIndex - 1 : 0;\n  const rightDropIndex = currentItemIndex < lastIndex ? currentItemIndex + 1 : lastIndex;\n  switch (eventKey) {\n    case 'ArrowLeft':\n      return isRtl ? rightDropIndex : leftDropIndex;\n    case 'ArrowRight':\n      return isRtl ? leftDropIndex : rightDropIndex;\n    case 'ArrowUp':\n      if (columns) {\n        // if the current item is at the top row, arrow up should not move anywhere\n        return currentItemIndex < columns ? currentItemIndex : currentItemIndex - columns;\n      }\n    case 'ArrowDown':\n      if (columns) {\n        // if the current item is at the bottom row, arrow down should not move anywhere\n        return currentItemIndex > lastIndex - columns\n          ? currentItemIndex\n          : currentItemIndex + columns;\n      }\n    default:\n      return undefined;\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useState, useRef, useCallback } from 'preact/hooks';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { createDragImage } from '#utils/PRIVATE_dndUtils';\nimport { getKey, getItemKeysArray } from '#utils/PRIVATE_collectionUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { ReorderableItemProps } from '#UNSAFE_Collection/Reorderable.types';\nimport { styles } from './themes/ReorderableItemStyles.css';\nimport { isKeyDefined } from '#utils/UNSAFE_keys';\n\nexport type useReorderableOptions<K extends string | number> = Omit<\n  ReorderableItemProps<K>,\n  'children'\n> & {\n  isDisabled: boolean;\n  ref: RefObject<HTMLDivElement>;\n  getItem: () => Element | null | undefined; // a function to get the reorderable item\n  setTransferData: (event: DragEvent) => void; // a function to set the transfer data and type\n  itemStyles: {\n    // component specific style for two overlay divs, e.g. component has different gap sizes\n    itemOverlayFront: string;\n    itemOverlayRear: string;\n    itemDragger?: string; // component specific style for drag image\n  };\n  itemSelector: string;\n  isVertical?: boolean; // used when the component is vertical and has one column, e.g. ListView\n};\n\n/**\n * Implements mouse reorder behavior for list-like components, e.g. TabBar, ListView, CardView\n */\nexport function useReorderableItem<K extends string | number>(options: useReorderableOptions<K>) {\n  const {\n    isDisabled,\n    dragKey,\n    setDragKey,\n    onReorder,\n    ref,\n    rootRef,\n    itemStyles,\n    getItem,\n    setTransferData,\n    itemSelector,\n    isVertical\n  } = options;\n\n  const item = getItem();\n  const itemKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n\n  const [position, setPosition] = useState<'before' | 'after' | undefined>();\n  const pendingPositionRef = useRef<typeof position>();\n  const dragImgRef = useRef<HTMLElement | undefined>(undefined);\n\n  const itemDraggerClasses = classNames([styles.itemDragger, itemStyles.itemDragger]);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const handleDragStart = useCallback(\n    (e: DragEvent) => {\n      const item = getItem();\n      const currentDragKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      //create drag image clone of the item and show it\n      if (ref?.current && setDragKey) {\n        dragImgRef.current = createDragImage(ref.current, itemDraggerClasses);\n        //if there is drag icon, set the drag image at the drag icon position\n        const dragIcon = ref.current.querySelector('[draggable=true]') as HTMLElement;\n        if (dragIcon != null) {\n          e?.dataTransfer?.setDragImage(\n            dragImgRef.current,\n            dragIcon.offsetLeft + dragIcon.offsetWidth / 2,\n            dragIcon.offsetTop + dragIcon.offsetHeight / 2\n          );\n        } else {\n          e?.dataTransfer?.setDragImage(dragImgRef.current, 0, 0);\n        }\n        setTransferData(e);\n        setDragKey(currentDragKey as K);\n      }\n    },\n    [getItem, setTransferData, itemDraggerClasses, ref, setDragKey]\n  );\n\n  const handleDragOver = useCallback(\n    (e: DragEvent) => {\n      if (isKeyDefined(dragKey)) {\n        e.preventDefault();\n      }\n    },\n    [dragKey]\n  );\n\n  //Once drag is over, reset styling of dragged item to it's original styling\n  const handleDragEnd = useCallback(() => {\n    setDragKey?.(undefined);\n    document.body.removeChild(dragImgRef.current as HTMLElement);\n  }, [setDragKey]);\n\n  // detect drop target position on the overlay divs and render drop target\n  const handleDragEnterBeforeZone = () => {\n    setPosition('before');\n    pendingPositionRef.current = 'before';\n  };\n\n  const handleDragLeaveBeforeZone = () => {\n    if (pendingPositionRef.current === 'before') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDragEnterAfterZone = () => {\n    setPosition('after');\n    pendingPositionRef.current = 'after';\n  };\n\n  const handleDragLeaveAfterZone = () => {\n    if (pendingPositionRef.current === 'after') {\n      setPosition(undefined);\n    }\n  };\n\n  const handleDrop = useCallback(() => {\n    if (rootRef?.current) {\n      const item = getItem();\n      const currentDropKey = item != null ? (getKey(item as HTMLElement) as K) : undefined;\n      const reference = currentDropKey;\n      const itemKeys = getItemKeysArray(rootRef.current, itemSelector);\n      let insertPos;\n      const newArray = [...itemKeys];\n      const dragIndex = newArray.indexOf(dragKey);\n      if (reference != null) {\n        const dropIndex = newArray.indexOf(reference);\n        if (dragIndex != null && dropIndex != null && dragIndex != dropIndex) {\n          if (!isRtl) {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex - 1 : dropIndex;\n            } else {\n              insertPos = position === 'before' ? dropIndex : dropIndex + 1;\n            }\n          } else {\n            if (dragIndex < dropIndex) {\n              insertPos = position === 'before' ? dropIndex : dropIndex - 1;\n            } else {\n              insertPos = position === 'before' ? dropIndex + 1 : dropIndex;\n            }\n          }\n        }\n      }\n      if (insertPos !== undefined && dragIndex !== insertPos) {\n        const sourceData = itemKeys[dragIndex];\n        newArray.splice(dragIndex, 1);\n        newArray.splice(insertPos as number, 0, sourceData);\n        onReorder?.({\n          reorderedKeys: newArray as K[],\n          itemKeys: [dragKey as K],\n          // If the dragged items were dropped at the very beginning, the referenceKey will be null.\n          referenceKey: insertPos === 0 ? null : (newArray[insertPos - 1] as K)\n        });\n        setPosition(undefined);\n        setDragKey(undefined);\n      }\n    }\n  }, [dragKey, position, getItem, isRtl, itemSelector, onReorder, rootRef, setDragKey]);\n\n  if (isDisabled) {\n    return {};\n  }\n\n  //change dragged item visual to appear disable\n  const isDragged = itemKey != null && itemKey === dragKey;\n\n  const dndItemClasses = classNames([styles.itemDnd, isDragged && styles.itemDragged]);\n\n  const itemOverlayClassesBefore = classNames([\n    itemStyles.itemOverlayFront,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'before' && styles.itemOverlayBefore,\n    position === 'before' && isRtl && styles.itemOverlayBeforeRtl\n  ]);\n  const itemOverlayClassesAfter = classNames([\n    itemStyles.itemOverlayFront,\n    itemStyles.itemOverlayRear,\n    isVertical ? styles.itemOverlayVertical : styles.itemOverlay,\n    position === 'after' && styles.itemOverlayAfter,\n    position === 'after' && isRtl && styles.itemOverlayAfterRtl\n  ]);\n\n  return {\n    rootProps: mergeProps({\n      ref: ref,\n      onDragStart: handleDragStart,\n      onDragEnd: handleDragEnd,\n      onDragOver: handleDragOver,\n      onDrop: handleDrop,\n      isDisabled: isDisabled,\n      class: dndItemClasses\n    }),\n    isDragged: isDragged,\n    overlayZoneBeforeProps: mergeProps({\n      onDragEnter: handleDragEnterBeforeZone,\n      onDragLeave: handleDragLeaveBeforeZone,\n      class: itemOverlayClassesBefore\n    }),\n    overlayZoneAfterProps: mergeProps({\n      onDragEnter: handleDragEnterAfterZone,\n      onDragLeave: handleDragLeaveAfterZone,\n      class: itemOverlayClassesAfter\n    })\n  } as const;\n}\n"],"names":["getReferenceItemIndex","eventKey","isRtl","currentItemIndex","lastIndex","columns","leftDropIndex","rightDropIndex","options","onReorder","rootRef","itemSelector","isDisabled","currentItemKey","useRef","direction","useUser","translations","useTranslationBundle","reorderInstructionsId","useId","deviceType","platform","getClientHints","keyPressed","accControlKey","accCommandKey","reorderInstructions","accReorderInstructions","reorderStatus","setReorderStatus","useState","onKeyDown","useCallback","e","metaKey","ctrlKey","shiftKey","includes","key","current","preventDefault","newArray","getItemKeysArray","length","indexOf","referenceItemIndex","undefined","referenceKey","toString","splice","reorderedKeys","itemKeys","position","accPositionBefore","accPositionAfter","itemKeyString","accAnnounceMovedKey","itemKey","reorderProps","reorderContext","dragKey","setDragKey","ref","itemStyles","getItem","setTransferData","isVertical","item","getKey","setPosition","pendingPositionRef","dragImgRef","itemDraggerClasses","classNames","styles","itemDragger","handleDragStart","currentDragKey","createDragImage","dragIcon","querySelector","dataTransfer","setDragImage","offsetLeft","offsetWidth","offsetTop","offsetHeight","handleDragOver","isKeyDefined","handleDragEnd","document","body","removeChild","handleDrop","reference","insertPos","dragIndex","dropIndex","sourceData","isDragged","dndItemClasses","itemDnd","itemDragged","itemOverlayClassesBefore","itemOverlayFront","itemOverlayVertical","itemOverlay","itemOverlayBefore","itemOverlayBeforeRtl","itemOverlayClassesAfter","itemOverlayRear","itemOverlayAfter","itemOverlayAfterRtl","rootProps","mergeProps","onDragStart","onDragEnd","onDragOver","onDrop","class","overlayZoneBeforeProps","onDragEnter","onDragLeave","overlayZoneAfterProps"],"mappings":"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"}

package/amd/useRovingTabIndexContainer-be2d51cf.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './useUser-12ec03f1', './clientHints-6d361eaa'], (function(e,t,r,n){"use strict";const o=(e,t=!1)=>{if(t){const t=e.closest("data-oj-roving-tabindex-item");t&&(e=t)}return e.getAttribute("data-oj-roving-tabindex-item")||void 0},i=(e,t)=>{const r=e.findIndex((e=>o(e)===t));return-1===r?0:r},s=(e,t,r,n)=>{const o=i(e,r);let s=-1;return(!n&&"ArrowRight"===t||n&&"ArrowLeft"===t)&&(s=o===e.length-1?0:o+1),(!n&&"ArrowLeft"===t||n&&"ArrowRight"===t)&&(s=0===o?e.length-1:o-1),e[s]};e.useRovingTabIndexContainer=e=>{const a=t.useRef(null),{direction:c}=r.useUser(),u="rtl"===c,[d,f]=t.useState(void 0),[g,l]=t.useState(!1),b=n.getClientHints(),h=()=>a.current?Array.from(a.current.querySelectorAll("[data-oj-roving-tabindex-item]")):[],w={ref:a,onBlur:()=>l(!1),onFocus:e=>{if(e.target!==e.currentTarget)e.target&&f(o(e.target));else{const e=h();if(0===e.length)return;e[i(e,d)].focus()}},onKeyDown:e=>{if("ArrowRight"===e.code||"ArrowLeft"===e.code){const t=h();if(0===t.length)return;s(t,e.code,d,u).focus()}else e.shiftKey&&"Tab"===e.code&&l(!0)},..."safari"===b.browser&&{onMouseDown:e=>{const t=o(e.target,!0);t&&f(t)}},tabIndex:g||e?-1:0};return{focusedId:d,rovingTabIndexContainerProps:w}}}));
+//# sourceMappingURL=useRovingTabIndexContainer-be2d51cf.js.map

package/amd/useRovingTabIndexContainer-be2d51cf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRovingTabIndexContainer-be2d51cf.js","sources":["../../src/hooks/PRIVATE_useRovingTabIndexContainer/useRovingTabIndexContainer.tsx"],"sourcesContent":["import { useState, useRef } from 'preact/hooks';\nimport { useUser } from '../UNSAFE_useUser';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\n\n/**\n * Utility hook for setting up roving tab indexes on children of the consuming parent container\n * For more details: https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex\n * @param isDisabled boolean flag to communicate disabled state of consumer\n * @returns id of currently focused element, and props to be spread onto the consuming element\n */\nconst useRovingTabIndexContainer = (isDisabled?: boolean) => {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const [focusedId, setFocusedId] = useState<string | undefined>(undefined);\n  const [isShiftTabbing, setIsShiftTabbing] = useState(false); // shift tabbing is tracked in order to toggle wrapper out of the tab order\n  const clientHints = getClientHints();\n\n  const getRovingItems = () => {\n    return rootRef.current\n      ? Array.from(rootRef.current.querySelectorAll<HTMLElement>('[data-oj-roving-tabindex-item]'))\n      : [];\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.code === 'ArrowRight' || e.code === 'ArrowLeft') {\n      const items = getRovingItems();\n      if (items.length === 0) return;\n      const nextItem = getNextItem(items, e.code, focusedId, isRtl);\n      nextItem.focus();\n    } else if (e.shiftKey && e.code === 'Tab') {\n      setIsShiftTabbing(true);\n    }\n  };\n\n  // In Safari 16 and earlier, clicking on an HTML button element does not trigger a focus(in) event,\n  // and as such our handleFocus logic does not kick in and our focusedId state is never updated.\n  // To work around this, we manually update the focusedId in response to mouse downs. This has been fixed in Safari 17.\n  // This fix can be removed once Safari 18 is released.\n  const handleMouseDown = (e: MouseEvent) => {\n    const rovingItemId = getRovingItemId(e.target as HTMLElement, true);\n    if (rovingItemId) {\n      setFocusedId(rovingItemId);\n    }\n  };\n\n  const handleFocus = (e: FocusEvent) => {\n    if (e.target !== e.currentTarget) {\n      //focus has moved to one of the roving items\n      if (e.target) {\n        setFocusedId(getRovingItemId(e.target as HTMLElement));\n      }\n    } else {\n      //focus has moved to the container, and has to be passed onto the eligble item to receive focus\n      const items = getRovingItems();\n      if (items.length === 0) return;\n      const currentIndex = getCurrentRovingIndex(items, focusedId);\n      items[currentIndex].focus();\n    }\n  };\n\n  const rovingTabIndexContainerProps = {\n    ref: rootRef,\n    onBlur: () => setIsShiftTabbing(false),\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    ...(clientHints.browser === 'safari' && { onMouseDown: handleMouseDown }), // mouseDown handler needed for Safari 16\n    tabIndex: isShiftTabbing || isDisabled ? -1 : 0 // tab index is needed on the container in order to pass focus to the first child\n  };\n\n  return { focusedId, rovingTabIndexContainerProps };\n};\n\nconst getRovingItemId = (item: Element, useClosest = false) => {\n  if (useClosest) {\n    const ancestor = item.closest('data-oj-roving-tabindex-item');\n    if (ancestor) {\n      item = ancestor;\n    }\n  }\n\n  return item.getAttribute('data-oj-roving-tabindex-item') || undefined;\n};\n\nconst getCurrentRovingIndex = (items: HTMLElement[], focusedId: string | undefined) => {\n  const currentIndex = items.findIndex((item) => getRovingItemId(item) === focusedId);\n  return currentIndex === -1 ? 0 : currentIndex;\n};\n\nconst getNextItem = (\n  items: HTMLElement[],\n  eventCode: string,\n  focusedId: string | undefined,\n  isRtl: boolean\n) => {\n  const currentIndex = getCurrentRovingIndex(items, focusedId);\n  let nextIndex = -1;\n  if ((!isRtl && eventCode === 'ArrowRight') || (isRtl && eventCode === 'ArrowLeft')) {\n    nextIndex = currentIndex === items.length - 1 ? 0 : currentIndex + 1;\n  }\n  if ((!isRtl && eventCode === 'ArrowLeft') || (isRtl && eventCode === 'ArrowRight')) {\n    nextIndex = currentIndex === 0 ? items.length - 1 : currentIndex - 1;\n  }\n  return items[nextIndex];\n};\n\nexport { useRovingTabIndexContainer };\n"],"names":["getRovingItemId","item","useClosest","ancestor","closest","getAttribute","undefined","getCurrentRovingIndex","items","focusedId","currentIndex","findIndex","getNextItem","eventCode","isRtl","nextIndex","length","isDisabled","rootRef","useRef","direction","useUser","setFocusedId","useState","isShiftTabbing","setIsShiftTabbing","clientHints","getClientHints","getRovingItems","current","Array","from","querySelectorAll","rovingTabIndexContainerProps","ref","onBlur","onFocus","e","target","currentTarget","focus","onKeyDown","code","shiftKey","browser","onMouseDown","rovingItemId","tabIndex"],"mappings":"gHAUA,MA+DMA,EAAkB,CAACC,EAAeC,GAAa,KACnD,GAAIA,EAAY,CACd,MAAMC,EAAWF,EAAKG,QAAQ,gCAC1BD,IACFF,EAAOE,EAEV,CAED,OAAOF,EAAKI,aAAa,sCAAmCC,CAAS,EAGjEC,EAAwB,CAACC,EAAsBC,KACnD,MAAMC,EAAeF,EAAMG,WAAWV,GAASD,EAAgBC,KAAUQ,IACzE,OAAyB,IAAlBC,EAAsB,EAAIA,CAAY,EAGzCE,EAAc,CAClBJ,EACAK,EACAJ,EACAK,KAEA,MAAMJ,EAAeH,EAAsBC,EAAOC,GAClD,IAAIM,GAAa,EAOjB,QANMD,GAAuB,eAAdD,GAAgCC,GAAuB,cAAdD,KACtDE,EAAYL,IAAiBF,EAAMQ,OAAS,EAAI,EAAIN,EAAe,KAE/DI,GAAuB,cAAdD,GAA+BC,GAAuB,eAAdD,KACrDE,EAA6B,IAAjBL,EAAqBF,EAAMQ,OAAS,EAAIN,EAAe,GAE9DF,EAAMO,EAAU,+BA7FWE,IAClC,MAAMC,EAAUC,SAA8B,OACxCC,UAAEA,GAAcC,EAAAA,UAChBP,EAAsB,QAAdM,GACPX,EAAWa,GAAgBC,EAAQA,cAAqBjB,IACxDkB,EAAgBC,GAAqBF,EAAQA,UAAC,GAC/CG,EAAcC,EAAAA,iBAEdC,EAAiB,IACdV,EAAQW,QACXC,MAAMC,KAAKb,EAAQW,QAAQG,iBAA8B,mCACzD,GAwCAC,EAA+B,CACnCC,IAAKhB,EACLiB,OAAQ,IAAMV,GAAkB,GAChCW,QAlBmBC,IACnB,GAAIA,EAAEC,SAAWD,EAAEE,cAEbF,EAAEC,QACJhB,EAAatB,EAAgBqC,EAAEC,aAE5B,CAEL,MAAM9B,EAAQoB,IACd,GAAqB,IAAjBpB,EAAMQ,OAAc,OAExBR,EADqBD,EAAsBC,EAAOC,IAC9B+B,OACrB,GAODC,UAzCqBJ,IACrB,GAAe,eAAXA,EAAEK,MAAoC,cAAXL,EAAEK,KAAsB,CACrD,MAAMlC,EAAQoB,IACd,GAAqB,IAAjBpB,EAAMQ,OAAc,OACPJ,EAAYJ,EAAO6B,EAAEK,KAAMjC,EAAWK,GAC9C0B,OACV,MAAUH,EAAEM,UAAuB,QAAXN,EAAEK,MACzBjB,GAAkB,EACnB,KAkC2B,WAAxBC,EAAYkB,SAAwB,CAAEC,YA3BnBR,IACvB,MAAMS,EAAe9C,EAAgBqC,EAAEC,QAAuB,GAC1DQ,GACFxB,EAAawB,EACd,GAwBDC,SAAUvB,GAAkBP,GAAc,EAAI,GAGhD,MAAO,CAAER,YAAWwB,+BAA8B"}

package/amd/useScale-fa445112.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './LayerHost-daf96749', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,n,o,r){"use strict";e.useScale=function(){return t.useContext(n.EnvironmentContext).scale}}));
+//# sourceMappingURL=useScale-fa445112.js.map

package/amd/useScale-fa445112.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScale-fa445112.js","sources":["../../src/hooks/UNSAFE_useScale/useScale.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useScale() {\n  return useContext(EnvironmentContext).scale;\n}\n"],"names":["useContext","EnvironmentContext","scale"],"mappings":"sJAWE,OAAOA,EAAUA,WAACC,sBAAoBC,KACxC"}

package/amd/useSelectCommon-f04454d2.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Flex-4bc3a394', './HighlightText-ace1b6c4', './Grid-2ddec30a', 'css!./ListItemLayoutStyles.styles.css', './ListItemText-80a9cab7', './Skeleton-a7e166a0', 'preact/hooks', './logger-0f873e29', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './List-5b5b3bd7', './usePress-949a0d03', './CaretDown-59d569a3', './classNames-08d99695', './useComponentTheme-5aa41a8f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './useTestId-a2e433c2', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './CollectionInteractionContext-0b4ed98b', './useTranslationBundle-27bf6340', './clientHints-6d361eaa', 'preact/compat', './keyboardUtils-fb6219eb', './tabbableUtils-9101c0e5'], (function(e,t,n,a,o,s,r,l,i,c,d,u,p,m,h,y,b,w,f,C,S,x,v,g,T){"use strict";function D(e,t){if("string"!=typeof t)return t(e);if(e.data?.hasOwnProperty(t)){const n=e.data[t];return String(n)}c.error("SelectMultiple: itemText specifies field that does not exist: "+t)}const k=()=>{};const K=t.jsx(u.SkeletonContainer,{minimumCount:3,children:()=>t.jsx(n.Flex,{height:"12x",align:"center",children:t.jsx(l.Skeleton,{height:"4x"})})}),I=e=>0===e.button&&!e.ctrlKey,R=e=>{e.currentTarget===e.target&&e.preventDefault()},E=()=>{};e.DefaultList=function({"aria-label":e,currentItemVariant:o,currentKey:s,data:l,itemRenderer:c,itemText:p,onCurrentKeyChange:m,onItemAction:h,onLoadRange:y=k,onSelectionChange:b,searchText:w,selectedKeys:f,selectionMode:C}){const S=i.useCallback((e=>{const o={data:e.data,index:e.index,metadata:e.metadata,selector:e.selector,searchText:w,selectedKeys:f,onSelectionChange:({value:e})=>{b?.({value:e})}},s={data:e.data,key:e.metadata.key,metadata:e.metadata};return c?c(o):t.jsxs(n.Flex,{align:"center",children:[e.selector&&t.jsx("div",{class:d.dropdownStyles.selectorWrapper,children:e.selector()}),t.jsx("div",{class:"single"===C?d.dropdownStyles.singleSelectItem:d.dropdownStyles.multiSelectItem,children:t.jsx(r.ListItemText,{variant:"primary",children:t.jsx(a.HighlightText,{matchText:w,children:D(s,p)})})})]})}),[c,p,b,w,f,C]),x=i.useMemo((()=>({all:!1,keys:f??new Set})),[f]),v=i.useMemo((()=>void 0!==s?{rowKey:s}:void 0),[s]),g=i.useCallback((({context:{data:e,metadata:t}})=>{h?.({context:{data:e,key:t.key,metadata:t}})}),[h]),T=i.useCallback((({value:e})=>{b?.({value:new Set(e.keys?.values())})}),[b]);return t.jsx(u.List,{"aria-label":e,allowTabbableMode:!1,currentItemVariant:o,currentItemOverride:v,data:l??null,loadingIndicator:K,onPersistCurrentItem:m,onItemAction:g,onLoadRange:y,onSelectionChange:T,role:"listbox",selectedKeys:x,selectionMode:C,children:e=>S(e)})},e.DropdownArrow=function({isDisabled:e=!1,onClick:n,testId:a}){const{classes:o}=y.useComponentTheme(b.ButtonLabelLayoutRedwoodTheme,{size:"sm"}),{baseTheme:s}=y.useComponentTheme(f.BaseButtonRedwoodTheme),r=i.useCallback((e=>{e.preventDefault()}),[]),{pressProps:l}=p.usePress(n??E,{isDisabled:e}),c=h.classNames([o,s,d.dropdownStyles.arrow.base,e?d.dropdownStyles.arrow.disabled:d.dropdownStyles.arrow.enabled]),u=w.useTestId(a);return t.jsx("span",{"aria-hidden":"true",class:c,tabIndex:-1,onMouseDown:r,...u,...l,children:t.jsx(m.SvgCaretDown,{})})},e.DropdownList=function({children:e,id:n,dropdownListRef:a,hasTopGap:o=!0,hasBottomGap:s=!0,isLoading:r=!1,onKeyDown:l}){const i=h.classNames([d.dropdownStyles.list.base,o&&d.dropdownStyles.list.topGap,s&&d.dropdownStyles.list.bottomGap,r&&d.dropdownStyles.list.loading]);return t.jsx(C.CollectionInteractionContext.Provider,{value:"embedded",children:t.jsx("div",{ref:a,class:i,id:n,onMouseDown:R,onKeyDown:l,children:e})})},e.EmptyResults=function(){const e=S.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{class:d.dropdownStyles.results.extraItem,onMouseDown:R,children:e.select_noMatchesFound()})},e.createKeysFromValueItems=function(e){const t=e?.reduce(((e,t)=>(e.add(t.key),e)),new Set);return t},e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isMobile=function(){const e=x.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isPhone=function(){return"phone"===x.getClientHints().deviceType},e.isSearchTextEmptyOrUndefined=function(e){return void 0===e||0===e.length},e.isSimpleClick=I,e.isTablet=function(){return"tablet"===x.getClientHints().deviceType},e.preventDefault=e=>{e.preventDefault()},e.preventDefaultForCurrentTarget=R,e.renderItemText=D,e.useCollectionRenderer=function({currentKey:e,onCurrentKeyChange:t,onItemAction:n,onSelectedKeysChange:a,searchText:o,selectedKeys:s,selectedOnlyData:r}){return v.useMemo((()=>{const l={searchText:o,currentRowKeyOverride:e,onPersistCurrentRowKey:t,selected:s};return void 0!==n?{...l,onRowAction:n}:{...l,onSelectedChange:a,selectedOnlyData:r}}),[e,t,n,a,o,s,r])},e.useSelectCommon=function({data:e,inputRef:t,isFocused:n,onFilter:a}){const o=i.useRef(null),s=i.useRef(null),[r,l]=i.useState(!1),[c,d]=i.useState(!1),[u,p]=i.useState({rowKey:void 0}),m=i.useRef(),h=i.useCallback((e=>{m.current=e.rowKey,p(e)}),[]),[y,b]=i.useState(!1),[w,f]=i.useState(),[C,S]=i.useState(),[x,v]=i.useState(r),[D,k]=i.useState(n),[K,R]=i.useState(y),E=i.useCallback((e=>{!e.defaultPrevented&&I(e)&&(r||l(!0),setTimeout((function(){t.current?.focus()}),0))}),[t,r]),F=i.useCallback((()=>{l(!r),t.current?.focus()}),[t,r]),L=i.useCallback((e=>{if(r)switch(l(!1),e?.type){case"keydown":if(e.code===g.KEYS.ESC)t.current?.focus();break;case"mousedown":s.current?.contains(document.activeElement)&&t.current?.focus()}}),[t,r]),P=i.useCallback((e=>{d(e.placement.startsWith("top"))}),[]),j=i.useCallback((()=>r&&s.current?T.allTabbableElements(s.current):void 0),[r]),M=i.useCallback((t=>{if(r){if(null!=e){const t=j();t?.[0]?.focus(),void 0===u.rowKey&&h({rowKey:e.data[0]?.metadata?.key})}}else l(!0);t.preventDefault()}),[u,e,j,r,h]),O=i.useCallback((e=>{if(!g.isControlOrFunctionKey(e))switch(e.code){case g.KEYS.PAGE_UP:case g.KEYS.PAGE_DOWN:return void e.preventDefault();case g.KEYS.UP:case g.KEYS.DOWN:e.preventDefault();break;case g.KEYS.ESC:r&&(l(!1),e.preventDefault(),e.stopPropagation())}}),[r]),A=i.useCallback((e=>{if(!g.isControlOrFunctionKey(e))switch(e.code){case g.KEYS.UP:case g.KEYS.DOWN:M(e)}}),[M]),B=i.useCallback((e=>{r||l(!0),b(!0),f(e.value);const t=e.value;S(t),a?.({searchText:t})}),[r,a]),U=i.useCallback((e=>{m.current=e.value}),[]),N=i.useCallback((()=>{b(!1),f(""),S("")}),[]),Y=i.useCallback((e=>{b(!0),f(e),S(e)}),[]);return x===r&&D===n&&K===y||r||n||!y||N(),i.useEffect((()=>{r&&!y&&a?.({searchText:void 0})}),[r,y,a]),x!==r&&(r||d(!1),v(r)),D!==n&&k(n),K!==y&&R(y),{currentRowKeyRef:m,currentRowOverride:u,dropdownRef:s,getDropdownTabbableElems:j,handleDropdownArrowClick:F,handleDropdownAutoDismiss:L,handleDropdownPosition:P,handleInput:B,handleMainFieldKeyDown:O,handleMainFieldKeyUp:A,handleUpDownArrowKeys:M,isDropdownAbove:c,isDropdownOpen:r,isFocused:n||r,isUserFiltering:y,mainFieldRef:o,onCurrentKeyChange:U,onMouseDown:E,searchText:C,setCurrentRowOverride:h,setDropdownOpen:l,setUserInput:f,stopFiltering:N,updateFiltering:Y,userInput:w}}}));
+define(['exports', 'preact/jsx-runtime', './Flex-07d2aa5b', './HighlightText-ecd2e5ce', './Grid-d415ba8d', 'css!./ListItemLayoutStyles.styles.css', './ListItemText-80a9cab7', './Skeleton-a7e166a0', 'preact/hooks', './logger-0f873e29', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './List-5b5b3bd7', './usePress-949a0d03', './CaretDown-59d569a3', './classNames-08d99695', './useComponentTheme-5aa41a8f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './useTestId-9afc201a', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './CollectionInteractionContext-0b4ed98b', './useTranslationBundle-8e42d505', './clientHints-6d361eaa', 'preact/compat', './keyboardUtils-fb6219eb', './tabbableUtils-9101c0e5'], (function(e,t,n,a,o,s,r,l,i,c,d,u,p,m,h,y,b,w,f,C,S,x,v,g,T){"use strict";function D(e,t){if("string"!=typeof t)return t(e);if(e.data?.hasOwnProperty(t)){const n=e.data[t];return String(n)}c.error("SelectMultiple: itemText specifies field that does not exist: "+t)}const k=()=>{};const K=t.jsx(u.SkeletonContainer,{minimumCount:3,children:()=>t.jsx(n.Flex,{height:"12x",align:"center",children:t.jsx(l.Skeleton,{height:"4x"})})}),I=e=>0===e.button&&!e.ctrlKey,R=e=>{e.currentTarget===e.target&&e.preventDefault()},E=()=>{};e.DefaultList=function({"aria-label":e,currentItemVariant:o,currentKey:s,data:l,itemRenderer:c,itemText:p,onCurrentKeyChange:m,onItemAction:h,onLoadRange:y=k,onSelectionChange:b,searchText:w,selectedKeys:f,selectionMode:C}){const S=i.useCallback((e=>{const o={data:e.data,index:e.index,metadata:e.metadata,selector:e.selector,searchText:w,selectedKeys:f,onSelectionChange:({value:e})=>{b?.({value:e})}},s={data:e.data,key:e.metadata.key,metadata:e.metadata};return c?c(o):t.jsxs(n.Flex,{align:"center",children:[e.selector&&t.jsx("div",{class:d.dropdownStyles.selectorWrapper,children:e.selector()}),t.jsx("div",{class:"single"===C?d.dropdownStyles.singleSelectItem:d.dropdownStyles.multiSelectItem,children:t.jsx(r.ListItemText,{variant:"primary",children:t.jsx(a.HighlightText,{matchText:w,children:D(s,p)})})})]})}),[c,p,b,w,f,C]),x=i.useMemo((()=>({all:!1,keys:f??new Set})),[f]),v=i.useMemo((()=>void 0!==s?{rowKey:s}:void 0),[s]),g=i.useCallback((({context:{data:e,metadata:t}})=>{h?.({context:{data:e,key:t.key,metadata:t}})}),[h]),T=i.useCallback((({value:e})=>{b?.({value:new Set(e.keys?.values())})}),[b]);return t.jsx(u.List,{"aria-label":e,allowTabbableMode:!1,currentItemVariant:o,currentItemOverride:v,data:l??null,loadingIndicator:K,onPersistCurrentItem:m,onItemAction:g,onLoadRange:y,onSelectionChange:T,role:"listbox",selectedKeys:x,selectionMode:C,children:e=>S(e)})},e.DropdownArrow=function({isDisabled:e=!1,onClick:n,testId:a}){const{classes:o}=y.useComponentTheme(b.ButtonLabelLayoutRedwoodTheme,{size:"sm"}),{baseTheme:s}=y.useComponentTheme(f.BaseButtonRedwoodTheme),r=i.useCallback((e=>{e.preventDefault()}),[]),{pressProps:l}=p.usePress(n??E,{isDisabled:e}),c=h.classNames([o,s,d.dropdownStyles.arrow.base,e?d.dropdownStyles.arrow.disabled:d.dropdownStyles.arrow.enabled]),u=w.useTestId(a);return t.jsx("span",{"aria-hidden":"true",class:c,tabIndex:-1,onMouseDown:r,...u,...l,children:t.jsx(m.SvgCaretDown,{})})},e.DropdownList=function({children:e,id:n,dropdownListRef:a,hasTopGap:o=!0,hasBottomGap:s=!0,isLoading:r=!1,onKeyDown:l}){const i=h.classNames([d.dropdownStyles.list.base,o&&d.dropdownStyles.list.topGap,s&&d.dropdownStyles.list.bottomGap,r&&d.dropdownStyles.list.loading]);return t.jsx(C.CollectionInteractionContext.Provider,{value:"embedded",children:t.jsx("div",{ref:a,class:i,id:n,onMouseDown:R,onKeyDown:l,children:e})})},e.EmptyResults=function(){const e=S.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{class:d.dropdownStyles.results.extraItem,onMouseDown:R,children:e.select_noMatchesFound()})},e.createKeysFromValueItems=function(e){const t=e?.reduce(((e,t)=>(e.add(t.key),e)),new Set);return t},e.isBeforeDataFetch=function(e){return"atLeast"===e.sizePrecision&&0===e.totalSize},e.isMobile=function(){const e=x.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isPhone=function(){return"phone"===x.getClientHints().deviceType},e.isSearchTextEmptyOrUndefined=function(e){return void 0===e||0===e.length},e.isSimpleClick=I,e.isTablet=function(){return"tablet"===x.getClientHints().deviceType},e.preventDefault=e=>{e.preventDefault()},e.preventDefaultForCurrentTarget=R,e.renderItemText=D,e.useCollectionRenderer=function({currentKey:e,onCurrentKeyChange:t,onItemAction:n,onSelectedKeysChange:a,searchText:o,selectedKeys:s,selectedOnlyData:r}){return v.useMemo((()=>{const l={searchText:o,currentRowKeyOverride:e,onPersistCurrentRowKey:t,selected:s};return void 0!==n?{...l,onRowAction:n}:{...l,onSelectedChange:a,selectedOnlyData:r}}),[e,t,n,a,o,s,r])},e.useSelectCommon=function({data:e,inputRef:t,isFocused:n,onFilter:a}){const o=i.useRef(null),s=i.useRef(null),[r,l]=i.useState(!1),[c,d]=i.useState(!1),[u,p]=i.useState({rowKey:void 0}),m=i.useRef(),h=i.useCallback((e=>{m.current=e.rowKey,p(e)}),[]),[y,b]=i.useState(!1),[w,f]=i.useState(),[C,S]=i.useState(),[x,v]=i.useState(r),[D,k]=i.useState(n),[K,R]=i.useState(y),E=i.useCallback((e=>{!e.defaultPrevented&&I(e)&&(r||l(!0),setTimeout((function(){t.current?.focus()}),0))}),[t,r]),F=i.useCallback((()=>{l(!r),t.current?.focus()}),[t,r]),L=i.useCallback((e=>{if(r)switch(l(!1),e?.type){case"keydown":if(e.code===g.KEYS.ESC)t.current?.focus();break;case"mousedown":s.current?.contains(document.activeElement)&&t.current?.focus()}}),[t,r]),P=i.useCallback((e=>{d(e.placement.startsWith("top"))}),[]),j=i.useCallback((()=>r&&s.current?T.allTabbableElements(s.current):void 0),[r]),M=i.useCallback((t=>{if(r){if(null!=e){const t=j();t?.[0]?.focus(),void 0===u.rowKey&&h({rowKey:e.data[0]?.metadata?.key})}}else l(!0);t.preventDefault()}),[u,e,j,r,h]),O=i.useCallback((e=>{if(!g.isControlOrFunctionKey(e))switch(e.code){case g.KEYS.PAGE_UP:case g.KEYS.PAGE_DOWN:return void e.preventDefault();case g.KEYS.UP:case g.KEYS.DOWN:e.preventDefault();break;case g.KEYS.ESC:r&&(l(!1),e.preventDefault(),e.stopPropagation())}}),[r]),A=i.useCallback((e=>{if(!g.isControlOrFunctionKey(e))switch(e.code){case g.KEYS.UP:case g.KEYS.DOWN:M(e)}}),[M]),B=i.useCallback((e=>{r||l(!0),b(!0),f(e.value);const t=e.value;S(t),a?.({searchText:t})}),[r,a]),U=i.useCallback((e=>{m.current=e.value}),[]),N=i.useCallback((()=>{b(!1),f(""),S("")}),[]),Y=i.useCallback((e=>{b(!0),f(e),S(e)}),[]);return x===r&&D===n&&K===y||r||n||!y||N(),i.useEffect((()=>{r&&!y&&a?.({searchText:void 0})}),[r,y,a]),x!==r&&(r||d(!1),v(r)),D!==n&&k(n),K!==y&&R(y),{currentRowKeyRef:m,currentRowOverride:u,dropdownRef:s,getDropdownTabbableElems:j,handleDropdownArrowClick:F,handleDropdownAutoDismiss:L,handleDropdownPosition:P,handleInput:B,handleMainFieldKeyDown:O,handleMainFieldKeyUp:A,handleUpDownArrowKeys:M,isDropdownAbove:c,isDropdownOpen:r,isFocused:n||r,isUserFiltering:y,mainFieldRef:o,onCurrentKeyChange:U,onMouseDown:E,searchText:C,setCurrentRowOverride:h,setDropdownOpen:l,setUserInput:f,stopFiltering:N,updateFiltering:Y,userInput:w}}}));
 //# sourceMappingURL=useSelectCommon-f04454d2.js.map

package/amd/useSelectDrill-3b31318e.js

@@ -0,0 +1,2 @@
+define(['exports', './mergeProps-bcfa6a92', './useChartDataCursor-622da975', './useChartDatatip-7beb4b24', './eventsUtils-5fb81c3e', './accUtils-acd70e81', './useChartDrill-287d3f36', './useSelection-7638353f'], (function(e,t,a,o,r,s,n,i){"use strict";e.useChartDatatipAndCursor=function({series:e,leafGroupsInfo:r,width:s,height:n,findNearest:i,getMarkerInfo:l,onDataCursorPositionChange:u,isDataCursorEnabled:d,dataCursorPosition:c,dataCursorStyle:f,hoveredItemInfo:p,focusedItemInfo:I,getDataItem:g,getDataItemPos:C,datatip:m,valueFormats:D,isHoriz:h,xScale:P,yScale:y,y2Scale:S,plotAreaSpace:x,timeAxisType:b,touchResponse:F,isDisabled:A,defaultXFormatter:v,defaultYFormatter:G,defaultY2Formatter:Y,hasXYValues:E,getGroupFromPath:M,translations:R}){const{datatipContent:T,datatipProps:X}=o.useChartDatatip({series:e,leafGroupsInfo:r,width:s,height:n,isDataCursorEnabled:d,dataCursorPosition:c,hoveredItemInfo:p,getDataItem:g,getDataItemPos:C,focusedItemInfo:I,datatip:m,valueFormats:D,isHoriz:h,xScale:P,findNearest:i,timeAxisType:b,touchResponse:F,isDisabled:A,defaultXFormatter:v,defaultYFormatter:G,defaultY2Formatter:Y,hasXYValues:E,translations:R,getGroupFromPath:M}),{dataCursorContent:k,dataCursorProps:z}=a.useChartDataCursor({touchResponse:F,findNearest:i,dataCursorPosition:c,onDataCursorPositionChange:u,isDataCursorEnabled:d,dataCursorStyle:f,isHoriz:h,getMarkerInfo:l,focusedItemInfo:I,plotAreaSpace:x,yScale:y,y2Scale:S,xScale:P,getDataItemPos:C});return{datatipContent:T,dataCursorContent:k,datatipProps:t.mergeProps(z,X)}},e.useSelectDrill=function({selectionMode:e,selection:a,onChange:o,rootRef:s,drilling:l,onItemDrill:u,onGroupDrill:d,focusedGroupInfo:c,focusedItemInfo:f,levelsArray:p,getDataItem:I,getDataById:g,ignoreAsTrigger:C}){const{selectionProps:m,selectionContent:D}=i.useSelection({idExtracter:e=>{const t=f.isCurrent&&"keyup"===e.type?f:r.getInfo(s,e.target);return t&&null!=t.seriesIndex&&null!=t.groupIndex?I(t.seriesIndex,t.groupIndex,p[p.length-1][t.groupIndex].path)?.id:void 0},isDrillEnabled:"on"===l,selection:a,selectionMode:e,onChange:o,getDataById:g,ignoreAsTrigger:C}),h=n.useChartDrill({rootRef:s,selectionMode:e,drilling:l,focusedItemInfo:f,focusedGroupInfo:c,levelsArray:p,getDataItem:I,onItemDrill:u,onGroupDrill:d});return{selectDrillProps:t.mergeProps(m,h),selectionContent:D}}}));
+//# sourceMappingURL=useSelectDrill-3b31318e.js.map

package/amd/useSelectDrill-3b31318e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectDrill-3b31318e.js","sources":["../../src/hooks/PRIVATE_useChartEvents/useDatatipAndCursor.ts","../../src/hooks/PRIVATE_useChartEvents/useSelectDrill.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 { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useChartDataCursor } from '#hooks/PRIVATE_useChartDataCursor';\nimport { useChartDatatip } from '#hooks/PRIVATE_useChartDatatip';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype DataCursorProps = Parameters<typeof useChartDataCursor>[0];\ntype DatatipProps<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n> = Parameters<typeof useChartDatatip<K, D>>[0];\n\nexport function useChartDatatipAndCursor<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({\n  series,\n  leafGroupsInfo,\n  width,\n  height,\n  findNearest,\n  getMarkerInfo,\n  onDataCursorPositionChange,\n  isDataCursorEnabled,\n  dataCursorPosition,\n  dataCursorStyle,\n  hoveredItemInfo,\n  focusedItemInfo,\n  getDataItem,\n  getDataItemPos,\n  datatip,\n  valueFormats,\n  isHoriz,\n  xScale,\n  yScale,\n  y2Scale,\n  plotAreaSpace,\n  timeAxisType,\n  touchResponse,\n  isDisabled,\n  defaultXFormatter,\n  defaultYFormatter,\n  defaultY2Formatter,\n  hasXYValues,\n  getGroupFromPath,\n  translations\n}: DataCursorProps & DatatipProps<K, D>) {\n  const { datatipContent, datatipProps } = useChartDatatip<K, D>({\n    series,\n    leafGroupsInfo,\n    width,\n    height,\n    isDataCursorEnabled,\n    dataCursorPosition,\n    hoveredItemInfo,\n    getDataItem,\n    getDataItemPos,\n    focusedItemInfo,\n    datatip,\n    valueFormats,\n    isHoriz,\n    xScale,\n    findNearest,\n    timeAxisType,\n    touchResponse,\n    isDisabled,\n    defaultXFormatter,\n    defaultYFormatter,\n    defaultY2Formatter,\n    hasXYValues,\n    translations,\n    getGroupFromPath\n  });\n\n  const { dataCursorContent, dataCursorProps } = useChartDataCursor({\n    touchResponse,\n    findNearest,\n    dataCursorPosition,\n    onDataCursorPositionChange,\n    isDataCursorEnabled,\n    dataCursorStyle,\n    isHoriz,\n    getMarkerInfo,\n    focusedItemInfo,\n    plotAreaSpace,\n    yScale,\n    y2Scale,\n    xScale,\n    getDataItemPos\n  });\n\n  return {\n    datatipContent,\n    dataCursorContent,\n    datatipProps: mergeProps(dataCursorProps, datatipProps)\n  };\n}\n","/**\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 { getInfo } from '#utils/UNSAFE_visUtils';\nimport { useChartDrill } from '#hooks/PRIVATE_useChartDrill';\nimport { useSelection } from '#hooks/PRIVATE_useVisSelection/useSelection';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\n\ntype DrillProps<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>> = Parameters<\n  typeof useChartDrill<K, D>\n>[0];\n\ntype SelectionProps<K, D> = {\n  selection: K[];\n  onChange?: (detail: { ids: K[]; data: (D | undefined)[] }) => void;\n  getDataById: (id: K) => D | undefined;\n  ignoreAsTrigger?: (element: EventTarget | null) => boolean;\n};\n\nexport function useSelectDrill<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>>({\n  selectionMode,\n  selection,\n  onChange,\n  rootRef,\n  drilling,\n  onItemDrill,\n  onGroupDrill,\n  focusedGroupInfo,\n  focusedItemInfo,\n  levelsArray,\n  getDataItem,\n  getDataById,\n  ignoreAsTrigger\n}: DrillProps<K, D> & SelectionProps<K, D>) {\n  const idExtracter = (event: Event): K | undefined => {\n    const isItemFocused = focusedItemInfo.isCurrent;\n    const info =\n      isItemFocused && event.type === 'keyup'\n        ? focusedItemInfo\n        : getInfo(rootRef, event.target as HTMLElement);\n    return info && info.seriesIndex != null && info.groupIndex != null\n      ? getDataItem(\n          info.seriesIndex,\n          info.groupIndex,\n          levelsArray[levelsArray.length - 1][info.groupIndex].path\n        )?.id\n      : undefined;\n  };\n\n  const { selectionProps, selectionContent } = useSelection<K, D>({\n    idExtracter,\n    isDrillEnabled: drilling === 'on',\n    selection,\n    selectionMode,\n    onChange,\n    getDataById,\n    ignoreAsTrigger\n  });\n\n  const drillProps = useChartDrill<K, D>({\n    rootRef,\n    selectionMode,\n    drilling,\n    focusedItemInfo,\n    focusedGroupInfo,\n    levelsArray,\n    getDataItem,\n    onItemDrill,\n    onGroupDrill\n  });\n\n  return { selectDrillProps: mergeProps(selectionProps, drillProps), selectionContent };\n}\n"],"names":["series","leafGroupsInfo","width","height","findNearest","getMarkerInfo","onDataCursorPositionChange","isDataCursorEnabled","dataCursorPosition","dataCursorStyle","hoveredItemInfo","focusedItemInfo","getDataItem","getDataItemPos","datatip","valueFormats","isHoriz","xScale","yScale","y2Scale","plotAreaSpace","timeAxisType","touchResponse","isDisabled","defaultXFormatter","defaultYFormatter","defaultY2Formatter","hasXYValues","getGroupFromPath","translations","datatipContent","datatipProps","useChartDatatip","dataCursorContent","dataCursorProps","useChartDataCursor","mergeProps","selectionMode","selection","onChange","rootRef","drilling","onItemDrill","onGroupDrill","focusedGroupInfo","levelsArray","getDataById","ignoreAsTrigger","selectionProps","selectionContent","useSelection","idExtracter","event","info","isCurrent","type","getInfo","target","seriesIndex","groupIndex","length","path","id","undefined","isDrillEnabled","drillProps","useChartDrill","selectDrillProps"],"mappings":"+QAqBgB,UAGdA,OACAA,EAAMC,eACNA,EAAcC,MACdA,EAAKC,OACLA,EAAMC,YACNA,EAAWC,cACXA,EAAaC,2BACbA,EAA0BC,oBAC1BA,EAAmBC,mBACnBA,EAAkBC,gBAClBA,EAAeC,gBACfA,EAAeC,gBACfA,EAAeC,YACfA,EAAWC,eACXA,EAAcC,QACdA,EAAOC,aACPA,EAAYC,QACZA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,cACPA,EAAaC,aACbA,EAAYC,cACZA,EAAaC,WACbA,EAAUC,kBACVA,EAAiBC,kBACjBA,EAAiBC,mBACjBA,EAAkBC,YAClBA,EAAWC,iBACXA,EAAgBC,aAChBA,IAEA,MAAMC,eAAEA,EAAcC,aAAEA,GAAiBC,kBAAsB,CAC7DhC,SACAC,iBACAC,QACAC,SACAI,sBACAC,qBACAE,kBACAE,cACAC,iBACAF,kBACAG,UACAC,eACAC,UACAC,SACAb,cACAiB,eACAC,gBACAC,aACAC,oBACAC,oBACAC,qBACAC,cACAE,eACAD,sBAGIK,kBAAEA,EAAiBC,gBAAEA,GAAoBC,qBAAmB,CAChEb,gBACAlB,cACAI,qBACAF,6BACAC,sBACAE,kBACAO,UACAX,gBACAM,kBACAS,gBACAF,SACAC,UACAF,SACAJ,mBAGF,MAAO,CACLiB,iBACAG,oBACAF,aAAcK,EAAAA,WAAWF,EAAiBH,GAE9C,mBC9EgB,UAA+EM,cAC7FA,EAAaC,UACbA,EAASC,SACTA,EAAQC,QACRA,EAAOC,SACPA,EAAQC,YACRA,EAAWC,aACXA,EAAYC,iBACZA,EAAgBjC,gBAChBA,EAAekC,YACfA,EAAWjC,YACXA,EAAWkC,YACXA,EAAWC,gBACXA,IAEA,MAeMC,eAAEA,EAAcC,iBAAEA,GAAqBC,eAAmB,CAC9DC,YAhBmBC,IACnB,MACMC,EADgB1C,EAAgB2C,WAEJ,UAAfF,EAAMG,KACnB5C,EACA6C,EAAAA,QAAQhB,EAASY,EAAMK,QAC7B,OAAOJ,GAA4B,MAApBA,EAAKK,aAA0C,MAAnBL,EAAKM,WAC5C/C,EACEyC,EAAKK,YACLL,EAAKM,WACLd,EAAYA,EAAYe,OAAS,GAAGP,EAAKM,YAAYE,OACpDC,QACHC,CAAS,EAKbC,eAA6B,OAAbvB,EAChBH,YACAD,gBACAE,WACAO,cACAC,oBAGIkB,EAAaC,EAAAA,cAAoB,CACrC1B,UACAH,gBACAI,WACA9B,kBACAiC,mBACAC,cACAjC,cACA8B,cACAC,iBAGF,MAAO,CAAEwB,iBAAkB/B,EAAUA,WAACY,EAAgBiB,GAAahB,mBACrE"}

package/amd/useSelection-7638353f.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './eventsUtils-5fb81c3e', 'preact/jsx-runtime', './BaseButton-d69319ea', './Text-9e32c423', './useTranslationBundle-8e42d505', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', './Layer-c91c7141', 'preact/compat', './LayerHost-daf96749', './Floating-8192acb2'], (function(e,t,n,o,r,l,i,c,s,a,u,d){"use strict";const p=({onAction:e})=>{const t=`${i.useTranslationBundle("@oracle/oraclejet-preact").vis_clearSelection()}`;return o.jsx("div",{class:c.clearButtonStyles.base,children:o.jsx(r.BaseButton,{styling:["default"],elementDetails:{type:"span",isFocusable:!1,isLabel:!0},variant:"outlined",onAction:e,children:o.jsx(l.Text,{truncation:"ellipsis",weight:"inherit",children:t})})})};const g=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],f=(e,t,o,r,l,i)=>{let c=new Set([]);if(null!=e){c=new Set(t);const n=t.has(e);"toggle"===r?n?c.delete(e):"single"===o?c=new Set([e]):c.add(e):n||(c=new Set([e]))}n.isEqual(c,t)||i?.({ids:[...c],data:[...c].map(l)})};e.useSelection=function({selection:e=[],selectionMode:n="none",idExtracter:r,onChange:l,isDrillEnabled:i,isKeyboardSelection:c,getDataById:a,ignoreAsTrigger:u}){const y=t.useRef(),{clearSelectionContent:x,tryToggleClearButton:h}=function({clearSelection:e}){const[n,r]=t.useState(!1),l=t.useRef({x:0,y:0}),i={mainAxis:36},c={current:l.current};return{clearSelectionContent:n?o.jsx(s.Layer,{children:o.jsx(d.Floating,{anchorRef:c,offsetValue:i,placement:"top",flipOptions:{crossAxis:!1,mainAxis:!1},shiftOptions:{crossAxis:!0,mainAxis:!0},children:o.jsx(p,{onAction:()=>{r(!1),e()}})})}):null,tryToggleClearButton:(e,t,o,i)=>"touch"===e.pointerType&&void 0===t&&"multiple"===o&&i.size>1&&(r(!n),l.current={x:e.clientX,y:e.clientY},!0)}}({clearSelection:()=>{f(void 0,new Set(e),n,"replace",a,l)}}),S=t.useCallback((t=>{if(u&&u(t.target))return;const o=new Set(e);if(y.current&&i)return clearTimeout(y.current),void(y.current=void 0);const c=r(t);if(h(t,c,n,o))return;const s=t.metaKey,d=t.ctrlKey;t.defaultPrevented||null==c&&(s||d)||(i?y.current=setTimeout((()=>{f(c,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,l),y.current=void 0}),250):f(c,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,l))}),[e,n,l,r,i,a,h,u]),w=t.useCallback((t=>{const o=r(t),i=t.ctrlKey;f(o,new Set(e),n,i?"toggle":"replace",a,l)}),[e,n,l,r,a]),A=t.useCallback((t=>{const o=t.shiftKey,i=t.ctrlKey&&" "===t.key,s=-1!==g.indexOf(t.key),u=r(t);if(s||i||c&&c(t)){const t=o||i?"toggle":"replace";f(u,new Set(e),n,t,a,l)}}),[e,n,l,r,c,a]);return{selectionContent:x,selectionProps:"none"===n||null==l?{}:{onKeyUp:A,onContextMenu:w,onPointerUp:S}}}}));
+//# sourceMappingURL=useSelection-7638353f.js.map

package/amd/useSelection-7638353f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelection-7638353f.js","sources":["../../src/hooks/PRIVATE_useVisSelection/ClearSelectionButton.tsx","../../src/hooks/PRIVATE_useVisSelection/useSelection.tsx","../../src/hooks/PRIVATE_useVisSelection/useClearSelection.tsx"],"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 { BaseButton } from '#UNSAFE_BaseButton';\nimport { Text } from '#UNSAFE_Text';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { clearButtonStyles } from './themes/ClearSelection.css';\n\ntype Props = {\n  onAction: () => void;\n};\n\n/**\n * Clear selection button component\n */\nexport const ClearSelectionButton = ({ onAction }: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearSelectionLabel = `${translations.vis_clearSelection()}`;\n  return (\n    <div class={clearButtonStyles.base}>\n      <BaseButton\n        styling={['default']}\n        elementDetails={{ type: 'span', isFocusable: false, isLabel: true }}\n        variant=\"outlined\"\n        onAction={onAction}>\n        <Text truncation={'ellipsis'} weight={'inherit'}>\n          {clearSelectionLabel}\n        </Text>\n      </BaseButton>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback, useRef } from 'preact/hooks';\nimport { isEqual } from '#utils/UNSAFE_visUtils/eventsUtils';\nimport { useClearSelection } from './useClearSelection';\n\nexport type SelectionMode = 'none' | 'single' | 'multiple';\nexport type SelectionDetail<K, D> = {\n  ids: K[];\n  data: (D | undefined)[];\n};\ntype SelectionBehavior = 'toggle' | 'replace';\n\nconst NAVKEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];\n\n/**\n * The constant that defines time to wait to change selection after pointer up is fired.\n * If double click didn't happen\n */\nconst DBLCLICK_THRESHOLD = 250;\n\n/**\n * Handles the selection.\n * @param itemId The id of the item.\n * @param selectedIds The set of selected item ids.\n * @param selectionMode The selection mode.\n * @param selectionBehavior The selection behavior. If 'toggle', unselected item will be selected and\n * vice versa. If 'replace', the item will replace the previous selection.\n * @param getDataById The callback to get item data from idDataMap.\n * @param onChange The callback to trigger when selection changes.\n */\nconst handleSelect = <K, D>(\n  itemId: K | undefined,\n  selectedIds: Set<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior,\n  getDataById: (id: K) => D | undefined,\n  onChange?: (detail: SelectionDetail<K, D>) => void\n) => {\n  let ids = new Set<K>([]);\n  if (itemId != null) {\n    ids = new Set(selectedIds);\n    const isSelected = selectedIds.has(itemId);\n\n    if (selectionBehavior === 'toggle') {\n      if (isSelected) {\n        ids.delete(itemId);\n      } else if (selectionMode === 'single') {\n        ids = new Set([itemId]); // only selection\n      } else {\n        ids.add(itemId); // add to selection in \"multiple\" selectionMode\n      }\n    } else if (!isSelected) {\n      // In \"multiple\" selection mode, only replace selection if unselected item is selected.\n      // In \"single\" selection mode, only need to replace if unselected item is selected.\n      ids = new Set([itemId]);\n    }\n  }\n\n  if (!isEqual<K>(ids, selectedIds)) {\n    onChange?.({ ids: [...ids], data: [...ids].map(getDataById) });\n  }\n};\n\ntype Props<K, D> = {\n  selection?: K[];\n  selectionMode?: SelectionMode;\n  idExtracter: (event: Event) => K | undefined;\n  onChange?: (detail: SelectionDetail<K, D>) => void;\n  isKeyboardSelection?: (event: KeyboardEvent) => boolean;\n  isDrillEnabled?: boolean;\n  getDataById: (id: K) => D | undefined;\n  ignoreAsTrigger?: (element: EventTarget | null) => boolean;\n};\n\n/**\n * The hook to handle the selection behavior in vizualization components.\n */\nexport function useSelection<K, D>({\n  selection = [],\n  selectionMode = 'none',\n  idExtracter,\n  onChange,\n  isDrillEnabled,\n  isKeyboardSelection,\n  getDataById,\n  ignoreAsTrigger\n}: Props<K, D>) {\n  const setTimeOutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const clearSelection = () => {\n    handleSelect<K, D>(\n      undefined,\n      new Set(selection),\n      selectionMode,\n      'replace',\n      getDataById,\n      onChange\n    );\n  };\n\n  const { clearSelectionContent, tryToggleClearButton } = useClearSelection<K>({ clearSelection });\n\n  const onPointerUp = useCallback(\n    (event: PointerEvent) => {\n      // ignore pointer up when marquee is released\n      if (ignoreAsTrigger && ignoreAsTrigger(event.target)) {\n        return;\n      }\n\n      const selectedIds = new Set(selection);\n      if (setTimeOutRef.current && isDrillEnabled) {\n        clearTimeout(setTimeOutRef.current);\n        setTimeOutRef.current = undefined;\n        // doubleClick happened\n        return;\n      }\n\n      const key = idExtracter(event);\n\n      if (tryToggleClearButton(event, key, selectionMode, selectedIds)) {\n        return;\n      }\n\n      const isMeta = event.metaKey;\n      const isCtrl = event.ctrlKey;\n      // If there was a previous pointerUp event that occurred that should prevent selection,\n      // event.preventDefault was called\n      if (event.defaultPrevented || (key == null && (isMeta || isCtrl))) {\n        return;\n      }\n\n      // TODO: Encorporate more logic of dvt.EventManager.prototype._onClick\n      // this is a simple version of EventManager.prototype._onClick. Currently we are not checking\n      // for event.pageX, event.pageY to determine if they are exactly clicked on the same point.\n      // for now, the assumption is that if the pointerups are within 250ms, they are for a same double click.\n      if (isDrillEnabled) {\n        setTimeOutRef.current = setTimeout(() => {\n          // double pointer up didn't happen\n          handleSelect<K, D>(\n            key,\n            selectedIds,\n            selectionMode,\n            isMeta || isCtrl || event.pointerType === 'touch' ? 'toggle' : 'replace',\n            getDataById,\n            onChange\n          );\n          setTimeOutRef.current = undefined;\n        }, DBLCLICK_THRESHOLD);\n      } else {\n        handleSelect<K, D>(\n          key,\n          selectedIds,\n          selectionMode,\n          isMeta || isCtrl || event.pointerType === 'touch' ? 'toggle' : 'replace',\n          getDataById,\n          onChange\n        );\n      }\n    },\n    [\n      selection,\n      selectionMode,\n      onChange,\n      idExtracter,\n      isDrillEnabled,\n      getDataById,\n      tryToggleClearButton,\n      ignoreAsTrigger\n    ]\n  );\n\n  const onContextMenu = useCallback(\n    (event: MouseEvent) => {\n      const key = idExtracter(event);\n      const isCtrl = event.ctrlKey;\n      handleSelect<K, D>(\n        key,\n        new Set(selection),\n        selectionMode,\n        isCtrl ? 'toggle' : 'replace',\n        getDataById,\n        onChange\n      );\n    },\n    [selection, selectionMode, onChange, idExtracter, getDataById]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      const isShift = event.shiftKey;\n      const isSpaceCtrl = event.ctrlKey && event.key === ' ';\n      const isArrowKey = NAVKEYS.indexOf(event.key) !== -1;\n      const itemKey = idExtracter(event);\n\n      if (isArrowKey || isSpaceCtrl || (isKeyboardSelection && isKeyboardSelection(event))) {\n        const behavior = isShift || isSpaceCtrl ? 'toggle' : 'replace';\n        handleSelect<K, D>(\n          itemKey,\n          new Set(selection),\n          selectionMode,\n          behavior,\n          getDataById,\n          onChange\n        );\n      }\n    },\n    [selection, selectionMode, onChange, idExtracter, isKeyboardSelection, getDataById]\n  );\n\n  return {\n    selectionContent: clearSelectionContent,\n    selectionProps:\n      selectionMode === 'none' || onChange == null\n        ? {}\n        : {\n            onKeyUp,\n            onContextMenu,\n            onPointerUp\n          }\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useState } from 'preact/hooks';\nimport { ClearSelectionButton } from './ClearSelectionButton';\nimport { Layer } from '#UNSAFE_Layer';\nimport { Floating } from '#UNSAFE_Floating';\n\n/**\n * The default offset for clear selection mainAxis.\n */\nconst DEFAULT_OFFSET = 18;\ntype Props = {\n  clearSelection: () => void;\n};\ntype SelectionMode = 'none' | 'single' | 'multiple';\n\nexport function useClearSelection<K>({ clearSelection }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n  const coordinates = useRef({ x: 0, y: 0 });\n\n  const tryToggleClearButton = (\n    event: PointerEvent,\n    key: K | undefined,\n    selectionMode: SelectionMode,\n    selectedIds: Set<K>\n  ) => {\n    if (\n      event.pointerType === 'touch' &&\n      key === undefined &&\n      selectionMode === 'multiple' &&\n      selectedIds.size > 1\n    ) {\n      setIsVisible(!isVisible);\n      coordinates.current = { x: event.clientX, y: event.clientY };\n      return true;\n    }\n    return false;\n  };\n\n  const offsetValue = { mainAxis: 2 * DEFAULT_OFFSET };\n  const anchorRef = { current: coordinates.current };\n\n  const clearSelectionContent = isVisible ? (\n    <Layer>\n      <Floating\n        anchorRef={anchorRef}\n        offsetValue={offsetValue}\n        placement=\"top\"\n        flipOptions={{ crossAxis: false, mainAxis: false }}\n        shiftOptions={{ crossAxis: true, mainAxis: true }}>\n        <ClearSelectionButton\n          onAction={() => {\n            setIsVisible(false);\n            clearSelection();\n          }}\n        />\n      </Floating>\n    </Layer>\n  ) : null;\n\n  return {\n    clearSelectionContent,\n    tryToggleClearButton\n  };\n}\n"],"names":["ClearSelectionButton","onAction","clearSelectionLabel","useTranslationBundle","vis_clearSelection","_jsx","class","clearButtonStyles","base","children","BaseButton","styling","elementDetails","type","isFocusable","isLabel","variant","Text","truncation","weight","NAVKEYS","handleSelect","itemId","selectedIds","selectionMode","selectionBehavior","getDataById","onChange","ids","Set","isSelected","has","delete","add","isEqual","data","map","selection","idExtracter","isDrillEnabled","isKeyboardSelection","ignoreAsTrigger","setTimeOutRef","useRef","clearSelectionContent","tryToggleClearButton","clearSelection","isVisible","setIsVisible","useState","coordinates","x","y","offsetValue","mainAxis","anchorRef","current","Layer","jsx","Floating","placement","flipOptions","crossAxis","shiftOptions","event","key","pointerType","undefined","size","clientX","clientY","useClearSelection","onPointerUp","useCallback","target","clearTimeout","isMeta","metaKey","isCtrl","ctrlKey","defaultPrevented","setTimeout","onContextMenu","onKeyUp","isShift","shiftKey","isSpaceCtrl","isArrowKey","indexOf","itemKey","behavior","selectionContent","selectionProps"],"mappings":"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"}

package/amd/useSelection-d2a32b37.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './keys-4755c121', './useUser-12ec03f1', './textSelectionUtils-06c7855d'], (function(e,t,r,n,l){"use strict";const o=new Set(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"]),i=e=>"click"===e.type?"shiftClick":"keyup"===e.type&&" "===e.key?"shiftSpace":"keydown"===e.type&&o.has(e.key)?"shiftArrowKeys":void 0,s=(e,t,n,l,o,s,c,y,u,a)=>{const k=t(e.target);if(null==k)return;if(e.shiftKey&&void 0!==y&&a&&((e,t,n,l)=>"multiple"===n&&(l||r.containsKey(t,e)))(y,n,l,"click"===e.type)){const t=r.containsKey(n,k),l=i(e);if(t&&"shiftSpace"===l){const t=r.removeKey(n,k,s);u?.({value:t,target:e.target})}else a({value:{start:y,end:k},eventType:l});return void(c&&(c.current=k))}let p=n;r.containsKey(n,k)?"Enter"!==e.key&&("toggle"===o||e.ctrlKey||e.metaKey||" "===e.key?p=r.removeKey(n,k,s):"multiple"===l&&(n.all||n.keys.size>1)&&(p={all:!1,keys:new Set([k])})):p="single"===l||"Enter"===e.key||"replace"===o&&!e.ctrlKey&&!e.metaKey&&" "!==e.key?{all:!1,keys:new Set([k])}:r.addKey(n,k),n!=p&&u&&(u({value:p,target:e.target}),"click"===e.type&&e.stopPropagation())};e.useSelection=function(e,o,c,y,u,a,k,p,f,K,d,v){const w=t.useRef(),g=t.useRef(!1),h=t.useCallback((e=>{g.current="touch"===e.pointerType,e.shiftKey&&"multiple"===c&&e.preventDefault()}),[c,g]),m=t.useCallback((t=>{l.getIsSelectionPending()||(s(t,e,o,c,g.current?"toggle":u,y,w,p,a,v),t.shiftKey||(w.current=void 0))}),[e,o,c,u,y,w,p,a,v]),A=t.useCallback((t=>{" "===t.key&&s(t,e,o,c,u,y,w,k,a,t.shiftKey&&" "===t.key?v:void 0)}),[e,o,c,u,y,k,a,v]),{direction:S}=n.useUser(),D=t.useCallback((e=>{if(" "===e.key)return void e.preventDefault();const t=w.current||p,n="rtl"===S,l={ArrowUp:f?.(t,!0),ArrowDown:f?.(t,!1),ArrowLeft:K?.(t,!n),ArrowRight:K?.(t,n)},s=f&&K;if(Object.keys(l).includes(e.key))if(e.shiftKey&&d&&"multiple"===c){e.preventDefault();let t=o;!w.current&&r.isKeyDefined(p)&&(t={all:!1,keys:new Set([p])});const n=l[e.key],c=n?.();null!=c&&(d(c),s?v&&null!=p&&v({value:{start:p,end:c},eventType:i(e)}):(r.containsKey(t,c)?null!=w.current&&w.current!==c&&(t=r.removeKey(t,w.current,y)):t=r.addKey(t,c),o!=t&&a&&a({value:t,target:e.target})),w.current=c)}else w.current=void 0}),[o,y,a,p,f,K,d,S,v,c]);return{selectionProps:"none"===c||null==a?{}:{onPointerDown:h,onClick:m,onKeyDown:D,onKeyUp:A}}}}));
+//# sourceMappingURL=useSelection-d2a32b37.js.map

package/amd/useSelection-d2a32b37.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelection-d2a32b37.js","sources":["../../src/hooks/PRIVATE_useSelection/useSelection.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 type { RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { Keys, containsKey, isKeyDefined, addKey, removeKey } from '../../utils/UNSAFE_keys';\nimport { SelectionDetail, SelectionMode } from '../../UNSAFE_Collection';\nimport { useUser } from '../UNSAFE_useUser';\nimport { getIsSelectionPending } from '#utils/PRIVATE_textSelectionUtils';\nimport { SelectionBehavior, SelectionRangeDetail } from './Selection.types';\n\nconst arrowKeys = new Set(['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown']);\n\n/**\n * To get the event type during range selection which is triggered by either of the following gestures\n * shift+space, shift+click, and shift+arrowKeys\n * @param event\n */\nconst getEventType = (event: MouseEvent | KeyboardEvent) => {\n  if (event.type === 'click') {\n    return 'shiftClick';\n  } else if (event.type === 'keyup' && (event as KeyboardEvent).key === ' ') {\n    return 'shiftSpace';\n  } else if (event.type === 'keydown' && arrowKeys.has((event as KeyboardEvent).key)) {\n    return 'shiftArrowKeys';\n  }\n  return undefined;\n};\n\nconst isShiftModeSupported = <K>(\n  anchorKey: K,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  isClickEvent: boolean\n) => {\n  return selectionMode === 'multiple' && (isClickEvent || containsKey(selectedKeys, anchorKey));\n};\n\nconst handleSelect = <K>(\n  event: MouseEvent | KeyboardEvent,\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior,\n  isSelectionRequired: boolean,\n  keyboardCursorRef: RefObject<K | undefined>,\n  anchorKey?: K,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (itemKey == null) {\n    return;\n  }\n\n  // handle shift key selection\n  if (\n    event.shiftKey &&\n    anchorKey !== undefined &&\n    onRangeChange &&\n    isShiftModeSupported(anchorKey, selectedKeys, selectionMode, event.type === 'click')\n  ) {\n    const selected = containsKey(selectedKeys, itemKey);\n    const eventType = getEventType(event);\n    if (selected && eventType === 'shiftSpace') {\n      // during shift+space, deselect the item if it's already selected\n      const keySet = removeKey(selectedKeys, itemKey, isSelectionRequired);\n      onChange?.({ value: keySet, target: event.target });\n    } else {\n      onRangeChange({ value: { start: anchorKey, end: itemKey }, eventType });\n    }\n    // set keyboard selection cursor in case user extends with SHIFT+ARROW\n    if (keyboardCursorRef) {\n      keyboardCursorRef.current = itemKey;\n    }\n    return;\n  }\n\n  const selected = containsKey(selectedKeys, itemKey);\n  let keySet = selectedKeys;\n  if (!selected) {\n    if (\n      selectionMode === 'single' ||\n      (event as KeyboardEvent).key === 'Enter' ||\n      (selectionBehavior === 'replace' &&\n        !(event.ctrlKey || event.metaKey || (event as KeyboardEvent).key === ' '))\n    ) {\n      // should only contains this item key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    } else {\n      // add to existing selected keys\n      keySet = addKey(selectedKeys, itemKey);\n    }\n  } else if ((event as KeyboardEvent).key !== 'Enter') {\n    // no de-select for enter key\n    if (\n      selectionBehavior === 'toggle' ||\n      event.ctrlKey ||\n      event.metaKey ||\n      (event as KeyboardEvent).key === ' '\n    ) {\n      // de-select only when ctrl/meta key is pressed or selectionBehavior is\n      // explicitly set to toggle\n      keySet = removeKey(selectedKeys, itemKey, isSelectionRequired);\n    } else if (selectionMode === 'multiple' && (selectedKeys.all || selectedKeys.keys.size > 1)) {\n      // in this case everything should be de-selected except for this key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    }\n  }\n\n  // only invoke callback if there is really a change\n  // note onSelectionChange should never be null here\n  if (selectedKeys != keySet && onChange) {\n    onChange({ value: keySet, target: event.target });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n\n/**\n * Hook for handling various selection mode.  This can be reuse by all Collection components.\n * @param keyExtractor function to extract the key based on provided element\n * @param selectedKeys the currently selected keys\n * @param selectionMode the selection mode\n * @param isSelectionRequired true if empty selected key is not allowed, false otherwise\n * @param selectionBehavior the selection behavior.  If the value is 'toggle', then the key is\n *                          added/removed from the current selected keys.  If the value is 'replace',\n *                          then the current selected keys are cleared first before the key is added\n *                          unless the ctrl/shift/meta key is pressed.\n * @param onChange callback function that is invoked when selection has changed.\n * @param anchorKey the anchor key.  Usually this is the same as current key except when shift key is pressed.\n * @param currentKey the current key\n * @param getVerticalPrevNextKey function to get the previous/next key in the vertical direction based on the current key\n * @param getHorizontalPrevNextKey function to get the previous/next key in the horizontal direction based on the current key\n * @param scrollToKey function to scroll the item with the key to be visible\n * @param onRangeChange callback function that is invoked when the selection range has changed.\n * @returns an event map that the consumer can register as event listeners\n */\nexport function useSelection<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  isSelectionRequired: boolean,\n  selectionBehavior: SelectionBehavior,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  anchorKey?: K,\n  currentKey?: K | undefined,\n  getVerticalPrevNextKey?: (currentKey: K | undefined, isPrev: boolean) => () => K | null,\n  getHorizontalPrevNextKey?: (currentKey: K | undefined, isPrev: boolean) => () => K | null,\n  scrollToKey?: (key: K) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) {\n  // ref to track the cursor for the SHIFT+ARROW keyboard selection separately than the anchor of the selection.\n  const keyboardSelectionCursor = useRef<K>();\n\n  const isTouchPointerRef = useRef<boolean>(false);\n\n  const onPointerDown = useCallback(\n    (event: PointerEvent) => {\n      isTouchPointerRef.current = event.pointerType === 'touch';\n      if (event.shiftKey && selectionMode === 'multiple') {\n        //Avoid text selection on pointer down\n        event.preventDefault();\n      }\n    },\n    [selectionMode, isTouchPointerRef]\n  );\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      if (!getIsSelectionPending()) {\n        handleSelect<K>(\n          event,\n          keyExtractor,\n          selectedKeys,\n          selectionMode,\n          isTouchPointerRef.current ? 'toggle' : selectionBehavior,\n          isSelectionRequired,\n          keyboardSelectionCursor,\n          currentKey,\n          onChange,\n          onRangeChange\n        );\n        if (!event.shiftKey) {\n          // reset keyboard cursor when using mouse to select\n          keyboardSelectionCursor.current = undefined;\n        }\n      }\n    },\n    [\n      keyExtractor,\n      selectedKeys,\n      selectionMode,\n      selectionBehavior,\n      isSelectionRequired,\n      keyboardSelectionCursor,\n      currentKey,\n      onChange,\n      onRangeChange\n    ]\n  );\n\n  // general keyboard events listen to keyUp for a11y\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // older browser that we don't support returns 'Spacebar' for space key\n      if (event.key === ' ') {\n        handleSelect<K>(\n          event,\n          keyExtractor,\n          selectedKeys,\n          selectionMode,\n          selectionBehavior,\n          isSelectionRequired,\n          keyboardSelectionCursor,\n          anchorKey,\n          onChange,\n          event.shiftKey && event.key === ' ' ? onRangeChange : undefined\n        );\n      }\n    },\n    [\n      keyExtractor,\n      selectedKeys,\n      selectionMode,\n      selectionBehavior,\n      isSelectionRequired,\n      anchorKey,\n      onChange,\n      onRangeChange\n    ]\n  );\n\n  const { direction } = useUser();\n\n  // arrowKey events listen to keyDown so they can support holding them down\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // prevent default (propagation) for keyDown to space bar causing container to scroll\n      if (event.key === ' ') {\n        event.preventDefault();\n        return;\n      }\n\n      const key = keyboardSelectionCursor.current || currentKey;\n      const isRtl = direction === 'rtl';\n\n      const keyHandlers: Record<string, (() => K | null) | undefined> = {\n        ArrowUp: getVerticalPrevNextKey?.(key, true),\n        ArrowDown: getVerticalPrevNextKey?.(key, false),\n        ArrowLeft: getHorizontalPrevNextKey?.(key, !isRtl),\n        ArrowRight: getHorizontalPrevNextKey?.(key, isRtl)\n      };\n      const isBothDirections = getVerticalPrevNextKey && getHorizontalPrevNextKey;\n      if (Object.keys(keyHandlers).includes(event.key)) {\n        if (event.shiftKey && scrollToKey && selectionMode === 'multiple') {\n          //Avoid increasing range of selection text selection with arrow keys\n          event.preventDefault();\n          let keySet = selectedKeys;\n          // on first selection event, set keyboard cursor to start at currentKey\n          if (!keyboardSelectionCursor.current && isKeyDefined(currentKey)) {\n            keySet = { all: false, keys: new Set([currentKey as K]) };\n          }\n          const newAnchorKey = keyHandlers[event.key];\n          const cursorKey = newAnchorKey?.();\n          if (cursorKey != null) {\n            // keep visible\n            scrollToKey(cursorKey);\n\n            // if in 2D, use range selection to extend or subtract\n            if (isBothDirections) {\n              if (onRangeChange && currentKey != null) {\n                onRangeChange({\n                  value: { start: currentKey, end: cursorKey },\n                  eventType: getEventType(event)\n                });\n              }\n            } else {\n              // extend selection\n              if (!containsKey(keySet, cursorKey)) {\n                keySet = addKey(keySet, cursorKey);\n                // subtract from selection\n              } else if (\n                keyboardSelectionCursor.current != null &&\n                keyboardSelectionCursor.current !== cursorKey\n              ) {\n                keySet = removeKey(keySet, keyboardSelectionCursor.current, isSelectionRequired);\n              }\n              if (selectedKeys != keySet && onChange) {\n                onChange({ value: keySet, target: event.target });\n              }\n            }\n            // update selection cursor\n            keyboardSelectionCursor.current = cursorKey;\n          }\n        } else {\n          // reset keyBoard on non-shifted arrow use as this interrupts the extend mode (and would make for messy logic that doesn't align with current Jet behavior)\n          keyboardSelectionCursor.current = undefined;\n        }\n      }\n    },\n    [\n      selectedKeys,\n      isSelectionRequired,\n      onChange,\n      currentKey,\n      getVerticalPrevNextKey,\n      getHorizontalPrevNextKey,\n      scrollToKey,\n      direction,\n      onRangeChange,\n      selectionMode\n    ]\n  );\n\n  const selectionProps =\n    selectionMode === 'none' || onChange == null\n      ? {}\n      : { onPointerDown, onClick, onKeyDown, onKeyUp };\n  return { selectionProps };\n}\n"],"names":["arrowKeys","Set","getEventType","event","type","key","has","handleSelect","keyExtractor","selectedKeys","selectionMode","selectionBehavior","isSelectionRequired","keyboardCursorRef","anchorKey","onChange","onRangeChange","itemKey","target","shiftKey","undefined","isClickEvent","containsKey","isShiftModeSupported","selected","eventType","keySet","removeKey","value","start","end","current","ctrlKey","metaKey","all","keys","size","addKey","stopPropagation","currentKey","getVerticalPrevNextKey","getHorizontalPrevNextKey","scrollToKey","keyboardSelectionCursor","useRef","isTouchPointerRef","onPointerDown","useCallback","pointerType","preventDefault","onClick","getIsSelectionPending","onKeyUp","direction","useUser","onKeyDown","isRtl","keyHandlers","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","isBothDirections","Object","includes","isKeyDefined","newAnchorKey","cursorKey","selectionProps"],"mappings":"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"}

package/amd/useTabBar-ce36c510.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-26e6c87c', './useCollectionFocusRing-35d278f5', './useCurrentKey-2f1ca19e', './useId-c9578d26', './useReorderableContext-a5453bd7', './useContextMenuGesture-69b54d61', './TabBarContextMenu-cad0a362', './useUser-988f7da2', './useTranslationBundle-27bf6340'], (function(e,t,n,r,o,s,u,a,l,c,i,d){"use strict";const f='[role="tab"]',m="data-oj-removable",y={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},b={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}};const g=(e,t,n)=>{const o=e.closest(t);if(o){if(o.hasAttribute(m)){const t=e.closest(n);if(t&&o?.contains(t))return null}return r.getKey(o)}return null},v=(e,t,n)=>{const r=n.indexOf(e);if(-1===r)return t[0];let o=0,s=!1;for(r===n.length-1?(o=r-1,s=!0):o=r+1;o!==r&&o>-1&&o<n.length;){const e=n[o];if(-1!==t.indexOf(e))return e;s?o--:o++}return t[0]},K=(e,t,n)=>{const o=r.findElementByKey(t,e,f);if(o){return o.hasAttribute(n)?o.getAttribute(n):null}},p=(e,t)=>{const n=r.findElementByKey(t,e,f);if(n)return n.innerText};e.REMOVABLE_ITEM_ATTRIBUTE=m,e.getItemAttribute=K,e.useTabBar=function(e){const{children:R,class:x,display:h,edge:A="top",selection:E,onSelect:M,onRemove:C,ref:k,size:B,contextMenuConfig:I}=e,{direction:S}=i.useUser(),P=d.useTranslationBundle("@oracle/oraclejet-preact"),T=t.useRef(null),F=k||T,_=u.useId(),[D,U]=t.useState(E),[V,L]=t.useState(!1),O=_+"_",w="contextMenu_"+u.useId(),j=P.tabbar_labelContextMenu(),q=t.useRef();t.useEffect((()=>{if(F.current){const e=Array.from(F.current.querySelectorAll(f)).map((e=>r.getKey(e)));null==D&&(null!=E&&e.includes(E)?U(E):e.length>0&&U(e[0])),D&&!e.includes(D)&&(q.current?U(v(D,e,q.current)):U(e[0])),q.current=e}}),[R,D,F,E]);const[H,z]=o.useCollectionFocusRing(F,["ArrowRight","ArrowLeft","Home","End"]),G=a.useReorderableContext(),{currentKeyProps:N}=s.useCurrentKey((e=>C?g(e,f,'[data-oj-tabbar-item-remove-icon="true"]'):r.keyExtractor(e,f)),!1,void 0,void 0,r.getPrevNextKeyUsingRef(F,D,!0,f),r.getPrevNextKeyUsingRef(F,D,!1,f),D,(e=>{const t=e.value;U(t),L(!1)}));t.useEffect((()=>{G&&(G.currentItemKey.current=D)}),[D,G]);const[J,Q]=t.useState(),[W,X]=t.useState(b),[Y,Z]=t.useState(),{triggerProps:$}=l.useContextMenuGesture((({gesture:e,anchor:t,target:n})=>{let o,s=t,u=D;if("keyboard"===e){const e=r.findElementByKey(F.current,D,f);s=e||t}else{const e=r.keyExtractor(n,f);u=null!=e?e:D}let a=!1;const l=null!=G?.onReorder;F.current&&(o=l?Array.from(F.current.querySelectorAll(f)).map((e=>r.getKey(e))):void 0,a=null!=K(u,F.current,m));const i=null!=C&&a,d=c.getDefaultContextMenu({isRemovable:i,handleRemove:C,handleReorder:l?G.onReorder:void 0,itemKey:u,tabKeys:o,direction:S,itemLabels:{labelRemove:i?P.tabbar_labelRemove():void 0,labelMoveLeft:l?P.tabbar_labelMoveLeft():void 0,labelMoveRight:l?P.tabbar_labelMoveRight():void 0},handleAccStatus:e=>{const t=p(e.removedKey,F.current),n=i&&e.removedKey?P.tabbar_accAnnounceRemovedKey({itemKey:t}):"",r=p(e.destinationKey,F.current),o=l&&e.destinationKey?P.accAnnounceMovedKey({itemKey:"",position:e.position,referenceKey:r}):"";Z(n+o)}});Q(d),X({...y[e],anchorRef:{current:s},isOpen:null!=I})}),{isDisabled:!I}),ee=t.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||(U(J?.itemKey),F.current?.focus()),X({...b})}),[F,J?.itemKey]),te=n.mergeProps({onKeyDown:e=>{if(F.current&&D){if("Home"===e.key||"End"===e.key){const t=Array.from(F.current.querySelectorAll(f),(e=>r.getKey(e)));e.preventDefault(),U?.(t["Home"===e.key?0:t.length-1])}if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),M?.({value:D})),"Delete"===e.key){r.findElementByKey(F.current,D,f).hasAttribute(m)&&C?.({value:D})}"Escape"===e.key&&L(!0)}},onFocus:()=>{if(F.current&&void 0===D){const e=r.getFirstVisibleKey(F.current,f);e&&U(e)}}},$);return{rootProps:n.mergeProps({"aria-activedescendant":D?O+D:"","aria-multiselectable":!1,class:x,ref:F,role:"tablist",tabIndex:0},N,z,te),tabBarContext:{currentKey:D,display:h,isEdgeBottom:"bottom"===A,layout:"condense",onRemove:C,onSelect:M,showFocusRing:H,hideTooltip:V,selection:E,size:B,tabItemPrefix:O},menuProps:{...W,onClose:ee},contextMenuContext:J,contextMenuDescriptionId:w,contextMenuDescription:j,accStatusInfo:Y}}}));
+define(['exports', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-26e6c87c', './useCollectionFocusRing-35d278f5', './useCurrentKey-8e979c7a', './useId-c9578d26', './useReorderableContext-a5453bd7', './useContextMenuGesture-69b54d61', './TabBarContextMenu-cad0a362', './useUser-12ec03f1', './useTranslationBundle-8e42d505'], (function(e,t,n,r,o,s,u,c,l,a,i,d){"use strict";const f='[role="tab"]',m="data-oj-removable",y={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},b={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}};const g=(e,t,n)=>{const o=e.closest(t);if(o){if(o.hasAttribute(m)){const t=e.closest(n);if(t&&o?.contains(t))return null}return r.getKey(o)}return null},v=(e,t,n)=>{const r=n.indexOf(e);if(-1===r)return t[0];let o=0,s=!1;for(r===n.length-1?(o=r-1,s=!0):o=r+1;o!==r&&o>-1&&o<n.length;){const e=n[o];if(-1!==t.indexOf(e))return e;s?o--:o++}return t[0]},K=(e,t,n)=>{const o=r.findElementByKey(t,e,f);if(o){return o.hasAttribute(n)?o.getAttribute(n):null}},p=(e,t)=>{const n=r.findElementByKey(t,e,f);if(n)return n.innerText};e.REMOVABLE_ITEM_ATTRIBUTE=m,e.getItemAttribute=K,e.useTabBar=function(e){const{children:R,class:x,display:h,edge:A="top",selection:E,onSelect:M,onRemove:C,ref:k,size:B,contextMenuConfig:I}=e,{direction:S}=i.useUser(),P=d.useTranslationBundle("@oracle/oraclejet-preact"),T=t.useRef(null),F=k||T,_=u.useId(),[D,U]=t.useState(E),[V,L]=t.useState(!1),O=_+"_",w="contextMenu_"+u.useId(),j=P.tabbar_labelContextMenu(),q=t.useRef();t.useEffect((()=>{if(F.current){const e=Array.from(F.current.querySelectorAll(f)).map((e=>r.getKey(e)));null==D&&(null!=E&&e.includes(E)?U(E):e.length>0&&U(e[0])),D&&!e.includes(D)&&(q.current?U(v(D,e,q.current)):U(e[0])),q.current=e}}),[R,D,F,E]);const[H,z]=o.useCollectionFocusRing(F,["ArrowRight","ArrowLeft","Home","End"]),G=c.useReorderableContext(),{currentKeyProps:N}=s.useCurrentKey((e=>C?g(e,f,'[data-oj-tabbar-item-remove-icon="true"]'):r.keyExtractor(e,f)),!1,void 0,void 0,r.getPrevNextKeyUsingRef(F,D,!0,f),r.getPrevNextKeyUsingRef(F,D,!1,f),D,(e=>{const t=e.value;U(t),L(!1)}));t.useEffect((()=>{G&&(G.currentItemKey.current=D)}),[D,G]);const[J,Q]=t.useState(),[W,X]=t.useState(b),[Y,Z]=t.useState(),{triggerProps:$}=l.useContextMenuGesture((({gesture:e,anchor:t,target:n})=>{let o,s=t,u=D;if("keyboard"===e){const e=r.findElementByKey(F.current,D,f);s=e||t}else{const e=r.keyExtractor(n,f);u=null!=e?e:D}let c=!1;const l=null!=G?.onReorder;F.current&&(o=l?Array.from(F.current.querySelectorAll(f)).map((e=>r.getKey(e))):void 0,c=null!=K(u,F.current,m));const i=null!=C&&c,d=a.getDefaultContextMenu({isRemovable:i,handleRemove:C,handleReorder:l?G.onReorder:void 0,itemKey:u,tabKeys:o,direction:S,itemLabels:{labelRemove:i?P.tabbar_labelRemove():void 0,labelMoveLeft:l?P.tabbar_labelMoveLeft():void 0,labelMoveRight:l?P.tabbar_labelMoveRight():void 0},handleAccStatus:e=>{const t=p(e.removedKey,F.current),n=i&&e.removedKey?P.tabbar_accAnnounceRemovedKey({itemKey:t}):"",r=p(e.destinationKey,F.current),o=l&&e.destinationKey?P.accAnnounceMovedKey({itemKey:"",position:e.position,referenceKey:r}):"";Z(n+o)}});Q(d),X({...y[e],anchorRef:{current:s},isOpen:null!=I})}),{isDisabled:!I}),ee=t.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||(U(J?.itemKey),F.current?.focus()),X({...b})}),[F,J?.itemKey]),te=n.mergeProps({onKeyDown:e=>{if(F.current&&D){if("Home"===e.key||"End"===e.key){const t=Array.from(F.current.querySelectorAll(f),(e=>r.getKey(e)));e.preventDefault(),U?.(t["Home"===e.key?0:t.length-1])}if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),M?.({value:D})),"Delete"===e.key){r.findElementByKey(F.current,D,f).hasAttribute(m)&&C?.({value:D})}"Escape"===e.key&&L(!0)}},onFocus:()=>{if(F.current&&void 0===D){const e=r.getFirstVisibleKey(F.current,f);e&&U(e)}}},$);return{rootProps:n.mergeProps({"aria-activedescendant":D?O+D:"","aria-multiselectable":!1,class:x,ref:F,role:"tablist",tabIndex:0},N,z,te),tabBarContext:{currentKey:D,display:h,isEdgeBottom:"bottom"===A,layout:"condense",onRemove:C,onSelect:M,showFocusRing:H,hideTooltip:V,selection:E,size:B,tabItemPrefix:O},menuProps:{...W,onClose:ee},contextMenuContext:J,contextMenuDescriptionId:w,contextMenuDescription:j,accStatusInfo:Y}}}));
 //# sourceMappingURL=useTabBar-ce36c510.js.map

package/amd/useTestId-9afc201a.js

@@ -0,0 +1,2 @@
+define(['exports', './LayerHost-daf96749', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat'], (function(t,e,n,o,r){"use strict";t.useTestId=function(t){return"production"===o.useContext(e.EnvironmentContext).mode||""===t?{}:{"data-testid":t}}}));
+//# sourceMappingURL=useTestId-9afc201a.js.map

package/amd/useTestId-9afc201a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTestId-9afc201a.js","sources":["../../src/hooks/UNSAFE_useTestId/useTestId.ts"],"sourcesContent":["import { EnvironmentContext } from '../../UNSAFE_Environment';\nimport { useContext } from 'preact/hooks';\n\nexport type TestIdProps = {\n  testId?: string;\n};\n/**\n * Returns the set of attributes to be applied to the DOM node if the application's mode is not\n * set to \"production\".\n */\nexport function useTestId(testId?: string) {\n  const context = useContext(EnvironmentContext);\n  return context.mode === 'production' || testId === ''\n    ? {}\n    : {\n        'data-testid': testId\n      };\n}\n"],"names":["testId","useContext","EnvironmentContext","mode"],"mappings":"4IAUM,SAAoBA,GAExB,MAAwB,eADRC,aAAWC,EAAAA,oBACZC,MAAoC,KAAXH,EACpC,CAAE,EACF,CACE,cAAeA,EAEvB"}

package/amd/useTheme-0ee6fb01.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './LayerHost-daf96749', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,n,o,r){"use strict";e.useTheme=function(){return t.useContext(n.EnvironmentContext).theme}}));
+//# sourceMappingURL=useTheme-0ee6fb01.js.map

package/amd/useTheme-0ee6fb01.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme-0ee6fb01.js","sources":["../../src/hooks/UNSAFE_useTheme/useTheme.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useTheme() {\n  return useContext(EnvironmentContext).theme;\n}\n"],"names":["useContext","EnvironmentContext","theme"],"mappings":"sJAYE,OAAOA,EAAUA,WAACC,sBAAoBC,KACxC"}

package/amd/useThemeInterpolations-14ffb628.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './useColorScheme-3022ec9a', './useScale-fa445112', './theme-a8f3d819', './mergeInterpolations-9ede4cf7', './LayerHost-daf96749', './Theme-d945adae', './useDensity-cb21e58e', './unsafeDomAccess-602c5dde'], (function(e,t,n,o,s,c,a,r,u,l){"use strict";function i(e){const t=e?.current;return t?t instanceof Element?t:t[l.UNSAFE_DOM_ACCESS]:null}e.toUnsafeDomElement=i,e.useThemeInterpolations=function(e){const[l,m]=t.useState(void 0),f=n.useColorScheme(),d=u.useDensity(),S=o.useScale(),h=d!==a.DefaultEnvironment.density?d:void 0,D=S!==a.DefaultEnvironment.scale?S:void 0;t.useLayoutEffect((()=>{const t=i(e),n=t?.closest(`.${r.INVERT_CLASS}:not(.${r.DARK_CLASS})`);m(f!==a.DefaultEnvironment.colorScheme?f:n?"dark":void 0)}),[e,f]);const E=c.mergeInterpolations([...Object.values(s.themeInterpolations)]),{class:v}=E({colorScheme:l,scale:D,density:h});return v}}));
+//# sourceMappingURL=useThemeInterpolations-14ffb628.js.map

package/amd/useThemeInterpolations-14ffb628.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeInterpolations-14ffb628.js","sources":["../../src/utils/PRIVATE_unsafeDomRefUtils/unsafeDomRefUtils.ts","../../src/hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations.ts"],"sourcesContent":["import { RefObject } from 'preact';\n\nimport { UnsafeDomHandle, UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\n/**\n * Extracts and returns an element from an element-based ref\n *\n * @returns the element or null if no element can be extracted\n */\nexport function toUnsafeDomElement(\n  elementRef?: RefObject<Element> | RefObject<UnsafeDomHandle<Element>> | null\n) {\n  const current = elementRef?.current;\n\n  if (current) {\n    return current instanceof Element ? current : current[UNSAFE_DOM_ACCESS];\n  }\n\n  return null;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { useLayoutEffect, useState } from 'preact/hooks';\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\nimport { useScale } from '../UNSAFE_useScale';\nimport { themeInterpolations } from '../../utils/UNSAFE_interpolations/theme';\nimport type { ThemeProps } from '../../utils/UNSAFE_interpolations/theme';\nimport { mergeInterpolations } from '../../utils/UNSAFE_mergeInterpolations';\nimport { DefaultEnvironment } from '../../UNSAFE_Environment/EnvironmentContext';\nimport { DARK_CLASS, INVERT_CLASS } from '../../UNSAFE_Theme';\nimport { useDensity } from '#hooks/UNSAFE_useDensity';\nimport { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\n\nimport { toUnsafeDomElement } from '#utils/PRIVATE_unsafeDomRefUtils/unsafeDomRefUtils';\n\n/**\n * The logical parent of the re-parented content that 'launched' it in the popup/dropdown.\n */\ntype LogicalParentRef = RefObject<Element> | RefObject<UnsafeDomHandle<Element>> | null;\n\n// This hook encapsulates the logic required to determine which theme style classes are needed\n// for the current environment context's colorScheme, density, and scale value.  This would be used when\n// rendering dom outside of the current dom tree, but desire to match the colorScheme, density, and scale\n// of the original dom tree.\nexport function useThemeInterpolations(logicalParentRef?: LogicalParentRef) {\n  const [colorScheme, setColorScheme] = useState<'light' | 'dark' | undefined>(undefined);\n\n  const currentColorScheme = useColorScheme();\n  const currentDensity = useDensity();\n  const currentScale = useScale();\n  // We don't want to interpolate the default environment values for scale or density. Those should get picked up by default.\n  // This fixes an issue for core pack components that utilize the Layer component, when in a legacy cookbook page.\n  const density = currentDensity !== DefaultEnvironment.density ? currentDensity : undefined;\n  const scale = currentScale !== DefaultEnvironment.scale ? currentScale : undefined;\n\n  // We want to use useLayoutEffect instead of useEffect here. Otherwise there could be\n  // flashing due to light colorScheme initial render then dark colorScheme after useEffect.\n  useLayoutEffect(() => {\n    // for colorScheme in Legacy, things are a bit more complicated because unlike scale which is always applied to\n    // the root dom element, we can switch to dark theme by adding the .oj-color-invert class to any dom element where\n    // we want the dark theme to start.  In Legacy, you can't switch back to light theme once you switch to dark (no nesting).\n    // The problem with our core pack Components that use Layer to display the dropdown, it is not in the same dom\n    // tree as the parent component.  It is in its own dom tree off of the root dom element, so it won't see the\n    // .oj-color-invert class in the dom tree of the select single.\n    // Since in legacy .oj-color-invert can appear anywhere, not just on the root dom element, if the colorScheme\n    // is the same as the default colorScheme then we need to look at the ref to determine if it or any of its\n    // ancestors has the .oj-color-invert class.  If it does(and doesn't have the preact .oj-c-colorscheme-dark class),\n    // use 'dark' colorScheme.\n    // We only want to do this for legacy, so if the closest element that has the .oj-color-invert also has .oj-c-colorscheme-dark,\n    // then we don't want to override since this isn't a legacy color change and we already handle it in our environment context\n    // so the color scheme nesting will work in Preact/Core Pack.\n    const logicalParent = toUnsafeDomElement(logicalParentRef);\n    const closestElementWithColorInvertClass = logicalParent?.closest(\n      `.${INVERT_CLASS}:not(.${DARK_CLASS})`\n    );\n\n    setColorScheme(\n      currentColorScheme !== DefaultEnvironment.colorScheme\n        ? currentColorScheme\n        : closestElementWithColorInvertClass\n        ? 'dark'\n        : undefined\n    );\n  }, [logicalParentRef, currentColorScheme]);\n\n  const interpolations = mergeInterpolations<ThemeProps>([...Object.values(themeInterpolations)]);\n  const { class: classes } = interpolations({ colorScheme, scale, density });\n  return classes;\n}\n"],"names":["toUnsafeDomElement","elementRef","current","Element","UNSAFE_DOM_ACCESS","logicalParentRef","colorScheme","setColorScheme","useState","undefined","currentColorScheme","useColorScheme","currentDensity","useDensity","currentScale","useScale","density","DefaultEnvironment","scale","useLayoutEffect","logicalParent","closestElementWithColorInvertClass","closest","INVERT_CLASS","DARK_CLASS","interpolations","mergeInterpolations","Object","values","themeInterpolations","class","classes"],"mappings":"mRASM,SAAUA,EACdC,GAEA,MAAMC,EAAUD,GAAYC,QAE5B,OAAIA,EACKA,aAAmBC,QAAUD,EAAUA,EAAQE,EAAiBA,mBAGlE,IACT,iDCWM,SAAiCC,GACrC,MAAOC,EAAaC,GAAkBC,EAAQA,cAA+BC,GAEvEC,EAAqBC,EAAAA,iBACrBC,EAAiBC,EAAAA,aACjBC,EAAeC,EAAAA,WAGfC,EAAUJ,IAAmBK,EAAAA,mBAAmBD,QAAUJ,OAAiBH,EAC3ES,EAAQJ,IAAiBG,EAAAA,mBAAmBC,MAAQJ,OAAeL,EAIzEU,EAAAA,iBAAgB,KAcd,MAAMC,EAAgBpB,EAAmBK,GACnCgB,EAAqCD,GAAeE,QACxD,IAAIC,EAAYA,qBAASC,EAAAA,eAG3BjB,EACEG,IAAuBO,EAAAA,mBAAmBX,YACtCI,EACAW,EACA,YACAZ,EACL,GACA,CAACJ,EAAkBK,IAEtB,MAAMe,EAAiBC,EAAAA,oBAAgC,IAAIC,OAAOC,OAAOC,EAAAA,wBACjEC,MAAOC,GAAYN,EAAe,CAAEnB,cAAaY,QAAOF,YAChE,OAAOe,CACT"}

package/amd/useTooltip-75a63697.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './useTooltipControlled-558b2a13'], (function(t,o,e){"use strict";t.useTooltip=({text:t,position:s="bottom",isDisabled:i=!1,anchor:n={x:"element",y:"element"},offset:l,variant:p="tooltip",testId:a})=>{const[r,u]=o.useState(!1),c=i||!t,d=o.useCallback((t=>{u(t.value)}),[]),{tooltipContent:f,tooltipProps:b}=e.useTooltipControlled({text:t,isOpen:r,position:s,isDisabled:c,offset:l,anchor:n,variant:p,onToggle:d,testId:a});return{tooltipContent:f,tooltipProps:b}}}));
+//# sourceMappingURL=useTooltip-75a63697.js.map

package/amd/useTooltip-75a63697.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip-75a63697.js","sources":["../../src/hooks/UNSAFE_useTooltip/useTooltip.tsx"],"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 { useState, useCallback } from 'preact/hooks';\nimport { useTooltipControlled } from './useTooltipControlled';\nimport { TestIdProps } from '../UNSAFE_useTestId';\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} & TestIdProps;\n\n/**\n * A hook with tooltip implementation.\n * Returns event handlers that can enhance the target element with a tooltip displayed\n * on hover and focus.\n *\n * @param text tooltip text\n * @param position tooltip placement relative to the target element\n * @param isDisabled determines if the tooltip is disabled\n * @param anchor determines if the target is an element or the pointer\n * @param offset offset from the placement\n * @param variant specifies if the rendered popup should have 'tooltip' or 'datatip' look and behavior\n * @returns an object with the 'tooltipContent' and 'tooltipProps' properties.\n */\nexport const useTooltip = ({\n  text,\n  position = 'bottom',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset,\n  variant = 'tooltip',\n  testId\n}: Props): ReturnType<typeof useTooltipControlled> => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const disabled = isDisabled || !text;\n  const onToggleHandler = useCallback((details: { value: boolean }) => {\n    setIsOpen(details.value);\n  }, []);\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text,\n    isOpen,\n    position,\n    isDisabled: disabled,\n    offset,\n    anchor,\n    variant,\n    onToggle: onToggleHandler,\n    testId\n  });\n\n  return {\n    tooltipContent,\n    tooltipProps\n  };\n};\n"],"names":["text","position","isDisabled","anchor","x","y","offset","variant","testId","isOpen","setIsOpen","useState","disabled","onToggleHandler","useCallback","details","value","tooltipContent","tooltipProps","useTooltipControlled","onToggle"],"mappings":"+GAoC0B,EACxBA,OACAC,WAAW,SACXC,cAAa,EACbC,SAAS,CAAEC,EAAG,UAAWC,EAAG,WAC5BC,SACAC,UAAU,UACVC,aAEA,MAAOC,EAAQC,GAAaC,EAAQA,UAAU,GACxCC,EAAWV,IAAeF,EAC1Ba,EAAkBC,eAAaC,IACnCL,EAAUK,EAAQC,MAAM,GACvB,KAEGC,eAAEA,EAAcC,aAAEA,GAAiBC,uBAAqB,CAC5DnB,OACAS,SACAR,WACAC,WAAYU,EACZN,SACAH,SACAI,UACAa,SAAUP,EACVL,WAGF,MAAO,CACLS,iBACAC,eACD"}

package/amd/useTooltipControlled-558b2a13.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useId-c9578d26', './useHover-8b8a1496', './useFocus-4194fc59', './useTouch-37489bb5', './mergeProps-bcfa6a92', './useAnimation-5a74955f', './useComponentTheme-5aa41a8f', './useTestId-9afc201a', './useThemeInterpolations-14ffb628', './classNames-08d99695', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './useColorScheme-3022ec9a', './tooltipUtils-ae57629b'], (function(e,t,n,o,u,s,r,i,c,a,l,d,m,f,p,g){"use strict";const h=({children:e,id:o,isOpen:u,isDatatip:s,onTransitionEnd:r,testId:i,...p})=>{const g=n.useRef(null),h=n.useRef(null),T=l.useTestId(i),{baseTheme:b,variantClasses:v,styles:P}=a.useComponentTheme(f.TooltipContentRedwoodTheme,{variant:s?"datatip":"tooltip"}),E=d.useThemeInterpolations(),{nodeRef:C}=c.useAnimation(u?"mounted":"unmounted",{animationStates:{mounted:e=>{const t=e.firstChild;return{from:{maxHeight:"0",opacity:"0%"},to:{maxHeight:`${t?.offsetHeight}px`,opacity:s?"100%":"95%"},options:{duration:s?1:150,easing:[0,0,.2,1]}}},unmounted:e=>({from:{opacity:s?"100%":"95%"},to:{maxHeight:"0",opacity:"0%"},options:{duration:s?1:150,easing:[0,0,.2,1]}})},isAnimatedOnMount:!0,onAnimationEnd:()=>r?.()});return n.useEffect((()=>{g.current&&h.current?.offsetHeight&&(g.current.style.height=`${h.current?.offsetHeight}px`)}),[]),t.jsx("div",{ref:g,id:o,role:"tooltip",class:m.classNames([P.wrapper,E,b]),...T,children:t.jsx("div",{ref:C,class:P.inner,...p,children:t.jsx("div",{ref:h,class:m.classNames([v,P.content]),children:e})})})};e.TooltipContent=h,e.useTooltipControlled=({text:e,isOpen:c=!1,variant:a="tooltip",position:l="bottom",displayOnHover:d=!0,dismissOnClick:m=!0,focusStrategy:f="browser",isDisabled:T=!1,anchor:b={x:"element",y:"element"},offset:v,onToggle:P,testId:E})=>{const C=g.getGlobalTooltipManager(),x=T||!e,y=n.useRef(!0),[R,H]=n.useState(!x&&c?"mounting":"unmounted"),I=n.useRef(R),k=e=>{I.current=e,H(e)},[L,O]=n.useState(!1);O(!1);const w="datatip"===a,[A,D]=n.useState(!1),S="logical"===f,F=n.useRef(!0),{hoverProps:M,isHover:_}=u.useHover({isDisabled:!d}),{touchProps:j,isTouch:N}=r.useTouch({isDisabled:T}),{focusProps:B,isFocus:Y}=s.useFocus({isDisabled:S}),{hoverProps:G,isHover:U}=u.useHover({isDisabled:T||!c}),W="pointer"===b.x||"pointer"===b.y,$=n.useRef(o.useId()),K=n.useRef(null),X=n.useRef({x:-9999,y:-9999}),q=W&&!Y?X:K,z=w?0:g.SHOW_TOOLTIP_DELAY,J=w?0:g.HIDE_TOOLTIP_DELAY,Q=n.useRef(null),V=p.useColorScheme(),Z=n.useRef(!1),ee=n.useRef(!1),te=()=>{Q.current&&(clearTimeout(Q.current),Q.current=null)};n.useEffect((()=>{Z.current=S?A:Y&&C.isTabKeyActive(),Z.current&&(ee.current=!1)}),[Y,A,S,C]),n.useEffect((()=>{ee.current=_}),[_]),n.useEffect((()=>{F.current?F.current=!1:W&&_&&"unmounted"===R||(e=>{if(e)switch(R){case"unmounted":k("mountPending");break;case"unmounting":k("mounting"),P?.({value:!0});break;case"unmountPending":te(),k("mounted")}else switch(R){case"mounting":case"mounted":k("unmountPending");break;case"mountPending":te(),de(),k("unmounted")}})(_&&ee.current||(Y||A)&&Z.current||U||N)}),[_,Y,A,U,N,W,R,P]);const ne=n.useCallback((()=>{Z.current=!1,ee.current=!1,P?.({value:!1})}),[]),oe=n.useCallback((e=>{q.current instanceof Element&&q.current.contains(e.target)&&m&&(te(),document.removeEventListener("mousedown",oe,!0),ne())}),[m,q,ne]);n.useEffect((()=>{y.current?y.current=!1:k(c?"mounting":"unmounting")}),[c]),n.useEffect((()=>()=>{te(),Z.current=!1,ee.current=!1}),[]),n.useEffect((()=>{"mounting"===R?C.register(ne):"unmounted"===R&&(C.unregister(ne),document.removeEventListener("mousedown",oe,!0))}),[R,ne,C,oe]),n.useEffect((()=>(Q.current||"mountPending"!==R&&"unmountPending"!==R||("mountPending"===R&&document.addEventListener("mousedown",oe,!0),Q.current=setTimeout((()=>{te(),"mountPending"!==R&&"unmountPending"!==R||R!==I.current||P?.({value:"mountPending"===R})}),"mountPending"===R?z:J)),()=>{te()})),[R,z,J,P,oe]);const ue=e=>{D(!0),K.current=e,q.current=e},se=()=>{D(!1)},re=n.useCallback((e=>{K.current=e.currentTarget}),[]),ie=n.useCallback((e=>{e.eventPhase===Event.AT_TARGET&&(Z.current=!1)}),[]),ce=S?{}:{onFocus:re,onBlur:ie},ae={onMouseEnter:n.useCallback((e=>{K.current=e.target}),[])};let le;const de=()=>{X.current={x:-9999,y:-9999}};if(x)le=i.mergeProps(M,B,ae,ce);else{const e={"aria-describedby":$.current,...W&&{onMouseLeave:()=>{"mounting"!==R&&te()},onMouseMove:e=>{(e=>{if("unmounted"!==R&&("datatip"!==a||"mounted"!==R))return;const t=K?.current?.getBoundingClientRect(),n=document.body.scrollLeft+(t?.left||0)+(t?.width||0),o=document.body.scrollTop+(t?.top||0)+(t?.height||0),u="pointer"===b.x?e.clientX:n,s="pointer"===b.y?e.clientY:o;"mounted"===R?(X.current={x:u,y:s},!0!==L&&O(!0)):"unmounted"===R&&(te(),Q.current=setTimeout((()=>{"unmounted"===R&&(X.current={x:u,y:s},P?.({value:!0}))}),J))})(e)}}};le=i.mergeProps(M,B,j,ae,ce,e,S?{onLogicalFocus:ue,onLogicalBlur:se}:{})}if(x)return te(),de(),{tooltipContent:null,tooltipProps:le};const me=l,fe=t.jsx(h,{id:$.current,testId:E,isOpen:["mounting","mounted","unmountPending"].includes(R),...G,isDatatip:w,onTransitionEnd:()=>{"mounting"===R&&k("mounted"),"unmounting"===R&&(de(),k("unmounted"))},children:e}),pe=g.getWrappedTooltipContent(fe,a,V,q,me,v);return{tooltipContent:!["unmounted","mountPending"].includes(R)&&pe,tooltipProps:le}}}));
+//# sourceMappingURL=useTooltipControlled-558b2a13.js.map

package/amd/useTooltipControlled-558b2a13.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipControlled-558b2a13.js","sources":["../../src/hooks/UNSAFE_useTooltip/TooltipContent.tsx","../../src/hooks/UNSAFE_useTooltip/useTooltipControlled.tsx"],"sourcesContent":["import type { JSX } from 'preact';\nimport { useAnimation } from '../UNSAFE_useAnimation';\nimport { useComponentTheme } from '../UNSAFE_useComponentTheme';\nimport { useEffect, useRef } from 'preact/hooks';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport {\n  TooltipContentVariantOptions,\n  TooltipContentStyles\n} from './themes/TooltipContentStyles.css';\n\nimport { useTestId, TestIdProps } from '../UNSAFE_useTestId';\nimport { useThemeInterpolations } from '../UNSAFE_useThemeInterpolations';\nimport { classNames } from '../../utils/UNSAFE_classNames';\nimport { TooltipContentRedwoodTheme } from './themes/redwood/TooltipContentTheme';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children'>;\n\ntype Status = 'mounted' | 'unmounted';\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isOpen: boolean;\n  isDatatip: boolean;\n  onTransitionEnd?: () => void;\n} & TestIdProps;\n\nexport const TooltipContent = ({\n  children,\n  id,\n  isOpen,\n  isDatatip,\n  onTransitionEnd,\n  testId,\n  ...props\n}: ContentProps) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const testIdProps = useTestId(testId);\n\n  const { baseTheme, variantClasses, styles } = useComponentTheme<\n    TooltipContentVariantOptions,\n    TooltipContentStyles\n  >(TooltipContentRedwoodTheme, {\n    variant: isDatatip ? 'datatip' : 'tooltip'\n  });\n\n  const schemeClass = useThemeInterpolations();\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 : 150,\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 : 150,\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\n      ref={wrapperRef}\n      id={id}\n      role=\"tooltip\"\n      class={classNames([styles.wrapper, schemeClass, baseTheme])}\n      {...testIdProps}>\n      <div ref={nodeRef} class={styles.inner} {...props}>\n        <div ref={popoverRef} class={classNames([variantClasses, styles.content])}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChild } from 'preact';\nimport { useState, useRef, useEffect, useCallback } from 'preact/hooks';\nimport { useId } from '../UNSAFE_useId';\nimport { Placement, Coords } from '../../UNSAFE_Floating';\nimport { useHover } from '../UNSAFE_useHover';\nimport { useFocus } from '../UNSAFE_useFocus';\nimport { useTouch } from '../UNSAFE_useTouch';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport { TooltipContent } from './TooltipContent';\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\nimport { TestIdProps } from '../UNSAFE_useTestId';\nimport {\n  getGlobalTooltipManager,\n  getWrappedTooltipContent,\n  SHOW_TOOLTIP_DELAY,\n  HIDE_TOOLTIP_DELAY\n} from '../../utils/PRIVATE_tooltipUtils';\n\nexport type Position = Omit<Placement, 'center'>;\n\nexport const anchorTos = ['element', 'pointer'] as const;\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  focusStrategy?: 'browser' | 'logical';\n  anchor?: AnchorModel;\n  offset?: { mainAxis?: number; crossAxis?: number };\n  onToggle?: (details: { value: boolean }) => void;\n  displayOnHover?: boolean;\n  dismissOnClick?: boolean;\n} & TestIdProps;\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  displayOnHover = true,\n  dismissOnClick = true,\n  focusStrategy = 'browser',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset,\n  onToggle,\n  testId\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} => {\n  // Global TooltipManager singleton instance\n  const globalTooltipManager = getGlobalTooltipManager();\n\n  const disabled = isDisabled || !text;\n  const isInitialRenderState = useRef<boolean>(true);\n\n  const [state, _setState] = useState<Status>(!disabled && isOpen ? 'mounting' : 'unmounted');\n  const stateRef = useRef<Status>(state);\n  const setState = (newState: Status) => {\n    stateRef.current = newState;\n    _setState(newState);\n  };\n\n  // const tooltipId = useRef<string>(useId());\n\n  const [needsUpdate, setNeedsUpdate] = useState<boolean>(false);\n  setNeedsUpdate(false);\n\n  const isDatatip = variant === 'datatip';\n\n  const [isLogicalFocus, setLogicalFocus] = useState<boolean>(false);\n  const isLogicalFocusStrategy = focusStrategy === 'logical';\n  const isInitialRenderTrigger = useRef<boolean>(true);\n  const { hoverProps, isHover } = useHover({ isDisabled: !displayOnHover });\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({\n    isDisabled: isLogicalFocusStrategy\n  });\n  // only enable the popoverHover hook if the tooltip is actually open\n  const { hoverProps: popoverHoverProps, isHover: popoverIsHover } = useHover({\n    isDisabled: isDisabled || !isOpen\n  });\n\n  const isPointer = anchor.x === 'pointer' || anchor.y === 'pointer';\n\n  const uniqueIdRef = useRef<string>(useId());\n  const targetRef = useRef<HTMLElement | null>(null);\n  const coordsRef = useRef<Coords>({ x: -9999, y: -9999 });\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 showDelay = isDatatip ? 0 : SHOW_TOOLTIP_DELAY;\n  const hideDelay = isDatatip ? 0 : HIDE_TOOLTIP_DELAY;\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const currentColorScheme = useColorScheme();\n\n  const focusActive = useRef<boolean>(false);\n  const hoverActive = useRef<boolean>(false);\n\n  const toggleTimeoutClear = () => {\n    if (toggleTimeoutRef.current) {\n      clearTimeout(toggleTimeoutRef.current);\n      toggleTimeoutRef.current = null;\n    }\n  };\n\n  /*\n   * This effect executes when isFocus/isLogicalFocus changes\n   * - focusActive ref is set if the focus change follows a Tab key\n   * - hoverActive ref is reset, if focusActive becomes true\n   */\n  useEffect(() => {\n    if (isLogicalFocusStrategy) {\n      focusActive.current = isLogicalFocus;\n    } else {\n      focusActive.current = isFocus && globalTooltipManager.isTabKeyActive();\n    }\n    if (focusActive.current) {\n      hoverActive.current = false;\n    }\n  }, [isFocus, isLogicalFocus, isLogicalFocusStrategy, globalTooltipManager]);\n\n  /*\n   * This effect executes when isHover state changes\n   * - focusActive ref is reset, if hoverActive becomes true\n   */\n  useEffect(() => {\n    hoverActive.current = isHover;\n  }, [isHover]);\n\n  useEffect(() => {\n    // inner function for state transitions on various trigger changes\n    const updateState = (open: boolean) => {\n      if (open) {\n        // At least one toggle event is set to true\n        switch (state) {\n          case 'unmounted':\n            setState('mountPending'); // Set mount pending state if tooltip is unmounted\n            break;\n          case 'unmounting': // Switch back to mounting when unmounting was in progress and the tooltip should stay on\n            setState('mounting');\n            onToggle?.({ value: true });\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            __resetCoords();\n            setState('unmounted'); // Unmount tooltip immediately if mounting is pending\n            break;\n        }\n      }\n    };\n\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    updateState(\n      (isHover && hoverActive.current) ||\n        ((isFocus || isLogicalFocus) && focusActive.current) ||\n        popoverIsHover ||\n        isTouch\n    );\n  }, [isHover, isFocus, isLogicalFocus, popoverIsHover, isTouch, isPointer, state, onToggle]);\n\n  const destroyCallback = useCallback(() => {\n    focusActive.current = false;\n    hoverActive.current = false;\n    onToggle?.({ value: false });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []); // don't want to depend on the 'onToggle' prop as some clients tend to pass a new callback on each render\n\n  /*\n   * Global mousedown handler to dismiss the tooltip on anchor click. This is especially needed\n   * for Safari which does not fire mouse events during animations when the anchor moves (JET-72605).\n   */\n  const mouseDownHandler = useCallback(\n    (event: MouseEvent) => {\n      if (\n        usedRef.current instanceof Element &&\n        usedRef.current.contains(event.target as Element) &&\n        dismissOnClick\n      ) {\n        toggleTimeoutClear();\n        document.removeEventListener('mousedown', mouseDownHandler, true);\n        destroyCallback();\n      }\n    },\n    [dismissOnClick, usedRef, destroyCallback]\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    return () => {\n      // make sure to clear the toggle timeout on unmount\n      toggleTimeoutClear();\n      // reset focusActive and hoverActive refs\n      focusActive.current = false;\n      hoverActive.current = false;\n    };\n  }, []);\n\n  /*\n   * This effect executes when the component state changes.\n   * On 'mounted' state, the tooltip registers itself with the global tooltip manager.\n   * On 'unmounted', the tooltip unregisters from the global tooltip manager.\n   */\n  useEffect(() => {\n    if (state === 'mounting') {\n      globalTooltipManager.register(destroyCallback);\n    } else if (state === 'unmounted') {\n      globalTooltipManager.unregister(destroyCallback);\n      // clean up the mousedown handler just in case\n      document.removeEventListener('mousedown', mouseDownHandler, true);\n    }\n  }, [state, destroyCallback, globalTooltipManager, mouseDownHandler]);\n\n  /*\n   * Set a timer to toggle the state afer the 'pending' period expires\n   */\n  useEffect(() => {\n    if (!toggleTimeoutRef.current && (state === 'mountPending' || state === 'unmountPending')) {\n      if (state === 'mountPending') {\n        document.addEventListener('mousedown', mouseDownHandler, true);\n      }\n      toggleTimeoutRef.current = setTimeout(\n        () => {\n          toggleTimeoutClear();\n          // make sure the state has not changed in the mean time before onToggle\n          if (\n            (state === 'mountPending' || state === 'unmountPending') &&\n            state === stateRef.current\n          ) {\n            onToggle?.({ value: state === 'mountPending' });\n          }\n        },\n        state === 'mountPending' ? showDelay : hideDelay\n      );\n    }\n    return () => {\n      toggleTimeoutClear();\n    };\n  }, [state, showDelay, hideDelay, onToggle, mouseDownHandler]);\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      }, hideDelay);\n    }\n  };\n\n  const onLogicalFocus = (target: HTMLElement) => {\n    setLogicalFocus(true);\n    targetRef.current = target;\n    usedRef.current = target;\n  };\n\n  const onLogicalBlur = () => {\n    setLogicalFocus(false);\n  };\n\n  const onFocusCallback = useCallback((event: FocusEvent) => {\n    targetRef.current = event.currentTarget as HTMLElement;\n  }, []);\n\n  const onBlurCallback = useCallback((event: FocusEvent) => {\n    if (event.eventPhase === Event.AT_TARGET) {\n      // reset focusActive flag\n      focusActive.current = false;\n    }\n  }, []);\n\n  const focusInitProps = isLogicalFocusStrategy\n    ? {}\n    : {\n        onFocus: onFocusCallback,\n        onBlur: onBlurCallback\n      };\n\n  const hoverInitProps = {\n    onMouseEnter: useCallback((event: MouseEvent) => {\n      targetRef.current = event.target as HTMLElement;\n    }, [])\n  };\n\n  let actionableProps;\n\n  const __resetCoords = () => {\n    coordsRef.current = { x: -9999, y: -9999 };\n  };\n\n  if (disabled) {\n    actionableProps = mergeProps(hoverProps, focusProps, hoverInitProps, focusInitProps);\n  } else {\n    const anchorInitProps = {\n      'aria-describedby': uniqueIdRef.current,\n\n      ...(isPointer && {\n        onMouseLeave: () => {\n          if (state === 'mounting') {\n            return;\n          }\n          toggleTimeoutClear();\n        },\n        onMouseMove: (event: MouseEvent) => {\n          handleMouseMove(event);\n        }\n      })\n    };\n    actionableProps = mergeProps(\n      hoverProps,\n      focusProps,\n      touchProps,\n      hoverInitProps,\n      focusInitProps,\n      anchorInitProps,\n      isLogicalFocusStrategy ? { onLogicalFocus, onLogicalBlur } : {}\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    __resetCoords();\n    return {\n      tooltipContent: null,\n      tooltipProps: actionableProps\n    };\n  }\n\n  const placement = position as Placement;\n\n  const handleTransitionEnd = () => {\n    if (state === 'mounting') {\n      setState('mounted');\n    }\n    if (state === 'unmounting') {\n      __resetCoords();\n      setState('unmounted');\n    }\n  };\n\n  const renderRawContent = (\n    <TooltipContent\n      id={uniqueIdRef.current}\n      testId={testId}\n      isOpen={['mounting', 'mounted', 'unmountPending'].includes(state)}\n      {...popoverHoverProps}\n      isDatatip={isDatatip}\n      onTransitionEnd={handleTransitionEnd}>\n      {text}\n    </TooltipContent>\n  );\n\n  const renderContent = getWrappedTooltipContent(\n    renderRawContent,\n    variant,\n    currentColorScheme,\n    usedRef,\n    placement,\n    offset\n  );\n\n  return {\n    tooltipContent: !['unmounted', 'mountPending'].includes(state) && renderContent,\n    tooltipProps: actionableProps\n  };\n};\n"],"names":["TooltipContent","children","id","isOpen","isDatatip","onTransitionEnd","testId","props","wrapperRef","useRef","popoverRef","testIdProps","useTestId","baseTheme","variantClasses","styles","useComponentTheme","TooltipContentRedwoodTheme","variant","schemeClass","useThemeInterpolations","nodeRef","useAnimation","animationStates","mounted","_node","childNode","firstChild","from","maxHeight","opacity","to","offsetHeight","options","duration","easing","unmounted","isAnimatedOnMount","onAnimationEnd","useEffect","current","style","height","_jsx","jsx","ref","role","class","classNames","wrapper","inner","content","text","position","displayOnHover","dismissOnClick","focusStrategy","isDisabled","anchor","x","y","offset","onToggle","globalTooltipManager","getGlobalTooltipManager","disabled","isInitialRenderState","state","_setState","useState","stateRef","setState","newState","needsUpdate","setNeedsUpdate","isLogicalFocus","setLogicalFocus","isLogicalFocusStrategy","isInitialRenderTrigger","hoverProps","isHover","useHover","touchProps","isTouch","useTouch","focusProps","isFocus","useFocus","popoverHoverProps","popoverIsHover","isPointer","uniqueIdRef","useId","targetRef","coordsRef","usedRef","showDelay","SHOW_TOOLTIP_DELAY","hideDelay","HIDE_TOOLTIP_DELAY","toggleTimeoutRef","currentColorScheme","useColorScheme","focusActive","hoverActive","toggleTimeoutClear","clearTimeout","isTabKeyActive","open","value","__resetCoords","updateState","destroyCallback","useCallback","mouseDownHandler","event","Element","contains","target","document","removeEventListener","register","unregister","addEventListener","setTimeout","onLogicalFocus","onLogicalBlur","onFocusCallback","currentTarget","onBlurCallback","eventPhase","Event","AT_TARGET","focusInitProps","onFocus","onBlur","hoverInitProps","onMouseEnter","actionableProps","mergeProps","anchorInitProps","onMouseLeave","onMouseMove","targetRect","getBoundingClientRect","distanceX","body","scrollLeft","left","width","distanceY","scrollTop","top","clientX","clientY","handleMouseMove","tooltipContent","tooltipProps","placement","renderRawContent","includes","renderContent","getWrappedTooltipContent"],"mappings":"meA0BaA,EAAiB,EAC5BC,WACAC,KACAC,SACAC,YACAC,kBACAC,YACGC,MAEH,MAAMC,EAAaC,SAAuB,MACpCC,EAAaD,SAAuB,MAEpCE,EAAcC,YAAUN,IAExBO,UAAEA,EAASC,eAAEA,EAAcC,OAAEA,GAAWC,EAAAA,kBAG5CC,EAAAA,2BAA4B,CAC5BC,QAASd,EAAY,UAAY,YAG7Be,EAAcC,EAAAA,0BAEdC,QAAEA,GAAYC,EAAAA,aAAqCnB,EAAS,UAAY,YAAa,CACzFoB,gBAAiB,CACfC,QAAUC,IACR,MAAMC,EAAYD,EAAME,WACxB,MAAO,CACLC,KAAM,CACJC,UAAW,IACXC,QAAS,MAEXC,GAAI,CACFF,UAAW,GAAGH,GAAWM,iBACzBF,QAAS1B,EAAY,OAAS,OAEhC6B,QAAS,CACPC,SAAU9B,EAAY,EAAI,IAC1B+B,OAAQ,CAAC,EAAK,EAAK,GAAK,IAE3B,EAEHC,UAAYX,IACH,CACLG,KAAM,CACJE,QAAS1B,EAAY,OAAS,OAEhC2B,GAAI,CACFF,UAAW,IACXC,QAAS,MAEXG,QAAS,CACPC,SAAU9B,EAAY,EAAI,IAC1B+B,OAAQ,CAAC,EAAK,EAAK,GAAK,OAKhCE,mBAAmB,EACnBC,eAAgB,IAAMjC,QAUxB,OANAkC,EAAAA,WAAU,KACJ/B,EAAWgC,SAAW9B,EAAW8B,SAASR,eAC5CxB,EAAWgC,QAAQC,MAAMC,OAAS,GAAGhC,EAAW8B,SAASR,iBAC1D,GACA,IAGDW,EAAAC,IAAA,MAAA,CACEC,IAAKrC,EACLN,GAAIA,EACJ4C,KAAK,UACLC,MAAOC,EAAAA,WAAW,CAACjC,EAAOkC,QAAS9B,EAAaN,OAC5CF,WACJgC,MAAK,MAAA,CAAAE,IAAKxB,EAAS0B,MAAOhC,EAAOmC,SAAW3C,EAAKN,SAC/C0C,MAAK,MAAA,CAAAE,IAAKnC,EAAYqC,MAAOC,EAAAA,WAAW,CAAClC,EAAgBC,EAAOoC,UAASlD,SACtEA,OAIP,4CC9CgC,EAClCmD,OACAjD,UAAS,EACTe,UAAU,UACVmC,WAAW,SACXC,kBAAiB,EACjBC,kBAAiB,EACjBC,gBAAgB,UAChBC,cAAa,EACbC,SAAS,CAAEC,EAAG,UAAWC,EAAG,WAC5BC,SACAC,WACAxD,aAMA,MAAMyD,EAAuBC,EAAAA,0BAEvBC,EAAWR,IAAeL,EAC1Bc,EAAuBzD,UAAgB,IAEtC0D,EAAOC,GAAaC,EAAQA,UAAUJ,GAAY9D,EAAS,WAAa,aACzEmE,EAAW7D,SAAe0D,GAC1BI,EAAYC,IAChBF,EAAS9B,QAAUgC,EACnBJ,EAAUI,EAAS,GAKdC,EAAaC,GAAkBL,EAAQA,UAAU,GACxDK,GAAe,GAEf,MAAMtE,EAAwB,YAAZc,GAEXyD,EAAgBC,GAAmBP,EAAQA,UAAU,GACtDQ,EAA2C,YAAlBrB,EACzBsB,EAAyBrE,UAAgB,IACzCsE,WAAEA,EAAUC,QAAEA,GAAYC,EAAAA,SAAS,CAAExB,YAAaH,KAClD4B,WAAEA,EAAUC,QAAEA,GAAYC,EAAAA,SAAS,CAAE3B,gBAErC4B,WAAEA,EAAUC,QAAEA,GAAYC,WAAS,CACvC9B,WAAYoB,KAGNE,WAAYS,EAAmBR,QAASS,GAAmBR,EAAAA,SAAS,CAC1ExB,WAAYA,IAAetD,IAGvBuF,EAAyB,YAAbhC,EAAOC,GAAgC,YAAbD,EAAOE,EAE7C+B,EAAclF,EAAAA,OAAemF,EAAKA,SAClCC,EAAYpF,SAA2B,MACvCqF,EAAYrF,EAAMA,OAAS,CAAEkD,GAAI,KAAMC,GAAI,OAE3CmC,EAAUL,IAAcJ,EAAUQ,EAAYD,EAC9CG,EAAY5F,EAAY,EAAI6F,qBAC5BC,EAAY9F,EAAY,EAAI+F,qBAC5BC,EAAmB3F,SAA6C,MAEhE4F,EAAqBC,EAAAA,iBAErBC,EAAc9F,UAAgB,GAC9B+F,GAAc/F,UAAgB,GAE9BgG,GAAqB,KACrBL,EAAiB5D,UACnBkE,aAAaN,EAAiB5D,SAC9B4D,EAAiB5D,QAAU,KAC5B,EAQHD,EAAAA,WAAU,KAENgE,EAAY/D,QADVqC,EACoBF,EAEAW,GAAWvB,EAAqB4C,iBAEpDJ,EAAY/D,UACdgE,GAAYhE,SAAU,EACvB,GACA,CAAC8C,EAASX,EAAgBE,EAAwBd,IAMrDxB,EAAAA,WAAU,KACRiE,GAAYhE,QAAUwC,CAAO,GAC5B,CAACA,IAEJzC,EAAAA,WAAU,KAkCJuC,EAAuBtC,QAEzBsC,EAAuBtC,SAAU,EAK/BkD,GAAaV,GAAqB,cAAVb,GAvCR,CAACyC,IACnB,GAAIA,EAEF,OAAQzC,GACN,IAAK,YACHI,EAAS,gBACT,MACF,IAAK,aACHA,EAAS,YACTT,IAAW,CAAE+C,OAAO,IACpB,MACF,IAAK,iBACHJ,KACAlC,EAAS,gBAKb,OAAQJ,GACN,IAAK,WACL,IAAK,UACHI,EAAS,kBACT,MACF,IAAK,eACHkC,KACAK,KACAvC,EAAS,aAGd,EAaHwC,CACG/B,GAAWwB,GAAYhE,UACpB8C,GAAWX,IAAmB4B,EAAY/D,SAC5CiD,GACAN,EACH,GACA,CAACH,EAASM,EAASX,EAAgBc,EAAgBN,EAASO,EAAWvB,EAAOL,IAEjF,MAAMkD,GAAkBC,EAAAA,aAAY,KAClCV,EAAY/D,SAAU,EACtBgE,GAAYhE,SAAU,EACtBsB,IAAW,CAAE+C,OAAO,GAAQ,GAE3B,IAMGK,GAAmBD,eACtBE,IAEGpB,EAAQvD,mBAAmB4E,SAC3BrB,EAAQvD,QAAQ6E,SAASF,EAAMG,SAC/B/D,IAEAkD,KACAc,SAASC,oBAAoB,YAAaN,IAAkB,GAC5DF,KACD,GAEH,CAACzD,EAAgBwC,EAASiB,KAG5BzE,EAAAA,WAAU,KACJ2B,EAAqB1B,QAEvB0B,EAAqB1B,SAAU,EAGjC+B,EAASpE,EAAS,WAAa,aAAa,GAC3C,CAACA,IAEJoC,EAAAA,WAAU,IACD,KAELkE,KAEAF,EAAY/D,SAAU,EACtBgE,GAAYhE,SAAU,CAAK,GAE5B,IAOHD,EAAAA,WAAU,KACM,aAAV4B,EACFJ,EAAqB0D,SAAST,IACX,cAAV7C,IACTJ,EAAqB2D,WAAWV,IAEhCO,SAASC,oBAAoB,YAAaN,IAAkB,GAC7D,GACA,CAAC/C,EAAO6C,GAAiBjD,EAAsBmD,KAKlD3E,EAAAA,WAAU,KACH6D,EAAiB5D,SAAsB,iBAAV2B,GAAsC,mBAAVA,IAC9C,iBAAVA,GACFoD,SAASI,iBAAiB,YAAaT,IAAkB,GAE3Dd,EAAiB5D,QAAUoF,YACzB,KACEnB,KAGa,iBAAVtC,GAAsC,mBAAVA,GAC7BA,IAAUG,EAAS9B,SAEnBsB,IAAW,CAAE+C,MAAiB,iBAAV1C,GACrB,GAEO,iBAAVA,EAA2B6B,EAAYE,IAGpC,KACLO,IAAoB,IAErB,CAACtC,EAAO6B,EAAWE,EAAWpC,EAAUoD,KAE3C,MA+BMW,GAAkBP,IACtB1C,GAAgB,GAChBiB,EAAUrD,QAAU8E,EACpBvB,EAAQvD,QAAU8E,CAAM,EAGpBQ,GAAgB,KACpBlD,GAAgB,EAAM,EAGlBmD,GAAkBd,eAAaE,IACnCtB,EAAUrD,QAAU2E,EAAMa,aAA4B,GACrD,IAEGC,GAAiBhB,eAAaE,IAC9BA,EAAMe,aAAeC,MAAMC,YAE7B7B,EAAY/D,SAAU,EACvB,GACA,IAEG6F,GAAiBxD,EACnB,CAAE,EACF,CACEyD,QAASP,GACTQ,OAAQN,IAGRO,GAAiB,CACrBC,aAAcxB,EAAAA,aAAaE,IACzBtB,EAAUrD,QAAU2E,EAAMG,MAAqB,GAC9C,KAGL,IAAIoB,GAEJ,MAAM5B,GAAgB,KACpBhB,EAAUtD,QAAU,CAAEmB,GAAI,KAAMC,GAAI,KAAM,EAG5C,GAAIK,EACFyE,GAAkBC,EAAUA,WAAC5D,EAAYM,EAAYmD,GAAgBH,QAChE,CACL,MAAMO,EAAkB,CACtB,mBAAoBjD,EAAYnD,WAE5BkD,GAAa,CACfmD,aAAc,KACE,aAAV1E,GAGJsC,IAAoB,EAEtBqC,YAAc3B,IApFI,CAACA,IAEvB,GAAc,cAAVhD,IAAuC,YAAZjD,GAAmC,YAAViD,GACtD,OAEF,MAAM4E,EAAalD,GAAWrD,SAASwG,wBAGjCC,EAAY1B,SAAS2B,KAAKC,YAAcJ,GAAYK,MAAQ,IAAML,GAAYM,OAAS,GAGvFC,EAAY/B,SAAS2B,KAAKK,WAAaR,GAAYS,KAAO,IAAMT,GAAYrG,QAAU,GAGtFiB,EAAiB,YAAbD,EAAOC,EAAkBwD,EAAMsC,QAAUR,EAC7CrF,EAAiB,YAAbF,EAAOE,EAAkBuD,EAAMuC,QAAUJ,EAErC,YAAVnF,GACF2B,EAAUtD,QAAU,CAAEmB,IAAGC,MACL,IAAhBa,GAAsBC,GAAe,IACtB,cAAVP,IACTsC,KACAL,EAAiB5D,QAAUoF,YAAW,KACtB,cAAVzD,IACF2B,EAAUtD,QAAU,CAAEmB,IAAGC,KACzBE,IAAW,CAAE+C,OAAO,IACrB,GACAX,GACJ,EAyDKyD,CAAgBxC,EAAM,IAI5BuB,GAAkBC,EAAAA,WAChB5D,EACAM,EACAH,EACAsD,GACAH,GACAO,EACA/D,EAAyB,CAAEgD,kBAAgBC,kBAAkB,CAAE,EAElE,CAKD,GAAI7D,EAGF,OAFAwC,KACAK,KACO,CACL8C,eAAgB,KAChBC,aAAcnB,IAIlB,MAAMoB,GAAYzG,EAYZ0G,GACJpH,EAAAA,IAAC3C,EACC,CAAAE,GAAIyF,EAAYnD,QAChBlC,OAAQA,EACRH,OAAQ,CAAC,WAAY,UAAW,kBAAkB6J,SAAS7F,MACvDqB,EACJpF,UAAWA,EACXC,gBAjBwB,KACZ,aAAV8D,GACFI,EAAS,WAEG,eAAVJ,IACF2C,KACAvC,EAAS,aACV,WAWEnB,IAIC6G,GAAgBC,EAAwBA,yBAC5CH,GACA7I,EACAmF,EACAN,EACA+D,GACAjG,GAGF,MAAO,CACL+F,gBAAiB,CAAC,YAAa,gBAAgBI,SAAS7F,IAAU8F,GAClEJ,aAAcnB,GACf"}

package/amd/useTooltipOnTruncation-7c9b6e6b.js

@@ -0,0 +1,2 @@
+define(['exports', './useDetectTruncation-d9046081', './useTooltip-75a63697', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b'], (function(t,o,e,s,n,i,r,a,p,c,l,u,T){"use strict";t.useTooltipOnTruncation=(t,s=!1)=>{const{detectTruncationProps:n,isTextTruncated:r}=o.useDetectTruncation(s),{tooltipContent:a,tooltipProps:p}=e.useTooltip({text:t,isDisabled:!r||s}),{"aria-describedby":c,...l}=p;return{tooltipOnTruncationProps:i.mergeProps(n,l),tooltipContent:a,isTextTruncated:r}}}));
+//# sourceMappingURL=useTooltipOnTruncation-7c9b6e6b.js.map

package/amd/useTooltipOnTruncation-7c9b6e6b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipOnTruncation-7c9b6e6b.js","sources":["../../src/hooks/PRIVATE_useTooltipOnTruncation/useTooltipOnTruncation.tsx"],"sourcesContent":["import { useDetectTruncation } from '#hooks/PRIVATE_useDetectTruncation';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\nconst useTooltipOnTruncation = (tooltipText?: string, isDisabled = false) => {\n  const { detectTruncationProps, isTextTruncated } = useDetectTruncation(isDisabled);\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: tooltipText,\n    isDisabled: !isTextTruncated || isDisabled\n  });\n\n  const { 'aria-describedby': notNeeded, ...validTooltipProps } = tooltipProps; //remove aria-describedby to prevent screen readers from reading the same text multiple times\n\n  const tooltipOnTruncationProps = mergeProps(detectTruncationProps, validTooltipProps);\n\n  return { tooltipOnTruncationProps, tooltipContent, isTextTruncated };\n};\n\nexport { useTooltipOnTruncation };\n"],"names":["tooltipText","isDisabled","detectTruncationProps","isTextTruncated","useDetectTruncation","tooltipContent","tooltipProps","useTooltip","text","notNeeded","validTooltipProps","tooltipOnTruncationProps","mergeProps"],"mappings":"geAI+B,CAACA,EAAsBC,GAAa,KACjE,MAAMC,sBAAEA,EAAqBC,gBAAEA,GAAoBC,EAAmBA,oBAACH,IACjEI,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMR,EACNC,YAAaE,GAAmBF,KAG1B,mBAAoBQ,KAAcC,GAAsBJ,EAIhE,MAAO,CAAEK,yBAFwBC,EAAAA,WAAWV,EAAuBQ,GAEhCL,iBAAgBF,kBAAiB"}

package/amd/useTranslationBundle-8e42d505.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './LayerHost-daf96749', 'preact/jsx-runtime', 'preact/compat'], (function(t,n,e,o,r){"use strict";t.useTranslationBundle=function(t){const o=n.useContext(e.EnvironmentContext).translations,r=o?.[t];if(!r)throw new Error(`Translation bundle ${t} is not loaded.`);return r}}));
+//# sourceMappingURL=useTranslationBundle-8e42d505.js.map

package/amd/useTranslationBundle-8e42d505.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslationBundle-8e42d505.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":"uJAgBM,SAA4DA,GAChE,MAAMC,EAAeC,EAAAA,WAAWC,EAAkBA,oBAAEF,aAC9CG,EAASH,IAAeD,GAC9B,IAAKI,EACH,MAAM,IAAIC,MAAM,sBAAsBL,oBAExC,OAAOI,CACT"}

package/amd/useUser-12ec03f1.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/hooks', './LayerHost-daf96749', 'preact/jsx-runtime', 'preact/compat'], (function(e,t,n,r,o){"use strict";e.useUser=function(){return t.useContext(n.EnvironmentContext).user}}));
+//# sourceMappingURL=useUser-12ec03f1.js.map

package/amd/useUser-12ec03f1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUser-12ec03f1.js","sources":["../../src/hooks/UNSAFE_useUser/useUser.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useUser() {\n  return useContext(EnvironmentContext).user;\n}\n"],"names":["useContext","EnvironmentContext","user"],"mappings":"qJAWE,OAAOA,EAAUA,WAACC,sBAAoBC,IACxC"}

package/amd/useVisDragModeControls-4fcf2261.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Button-c1b41673', './Move-37905d32', './hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css', './useTranslationBundle-8e42d505', './ZoomAlt-d983f1d7', './ButtonSetSingle-545b4bcf', './ButtonSetItem-0f8f7660', './IconToggleButton-b783604a'], (function(e,o,t,n,s,l,i,a,u,r,c){"use strict";function d({position:e,divRef:t,dragMode:d,onDragModeChange:g,showZoomButton:v,showPanButton:m,showSelectButton:p}){const{right:B,left:h,top:x,bottom:S}=e,f=m&&!p&&!v||!m&&!p&&v||!m&&p&&!v,j=i.useTranslationBundle("@oracle/oraclejet-preact"),b=j.vis_marqueeZoomTooltip(),M=j.vis_panTooltip(),T=j.vis_marqueeSelectTooltip();return v||m||p?o.jsx("div",{ref:t,class:l.styles.background,"data-oj-private-object":"dragModeControls",style:{right:B,left:h,top:x,bottom:S},children:f?o.jsxs(o.Fragment,{children:[m&&o.jsx(c.IconToggleButton,{accessibleLabel:M,isSelected:"pan"===d,onToggle:()=>{g("pan"===d?void 0:"pan")},variant:"outlined",size:"sm",children:o.jsx(s.SvgMove,{})}),v&&o.jsx(c.IconToggleButton,{accessibleLabel:b,isSelected:"zoom"===d,onToggle:()=>{g("zoom"===d?void 0:"zoom")},variant:"outlined",size:"sm",children:o.jsx(a.SvgZoomAlt,{})}),p&&o.jsx(c.IconToggleButton,{accessibleLabel:T,isSelected:"select"===d,onToggle:()=>{g("select"===d?void 0:"select")},variant:"outlined",size:"sm",children:o.jsx(n.SvgButton,{})})]}):o.jsxs(u.ButtonSetSingle,{size:"sm",value:d,onCommit:({value:e})=>{g(e===d?void 0:e)},display:"icons",variant:"outlined",children:[m&&o.jsx(r.ButtonSetItem,{value:"pan",label:M,startIcon:o.jsx(s.SvgMove,{})}),v&&o.jsx(r.ButtonSetItem,{value:"zoom",label:b,startIcon:o.jsx(a.SvgZoomAlt,{})}),p&&o.jsx(r.ButtonSetItem,{value:"select",label:T,startIcon:o.jsx(n.SvgButton,{})})]})}):null}e.useVisDragModeControls=function({componentWidth:e,plotAreaSpace:n,isRtl:s,showPanButton:l,showZoomButton:i,showSelectButton:a,isDisabled:u=!1,dragMode:r}){const c=t.useRef(null),g=t.useRef(r),v=t.useRef(!0);t.useEffect((()=>{v.current=!1}),[]);const[m,p]=t.useState(),B=function(e,o,t,n){return!o||"pan"!==e&&"user"!==e?t&&"zoom"===e?"zoom":n&&"select"===e?"select":void 0:"pan"}(r,l,i,a);return(g.current!=r||v.current)&&(g.current=r,p(B)),{dragButtonDivRef:c,toggleButtonContent:u?void 0:o.jsx(d,{position:{top:`${n.y}px`,right:s?void 0:e-n.x-n.width+"px",left:s?`${n.x}px`:void 0},divRef:c,showSelectButton:a,showZoomButton:i,showPanButton:l,dragMode:m,onDragModeChange:p}),userDragMode:m}}}));
+//# sourceMappingURL=useVisDragModeControls-4fcf2261.js.map