@oracle/oraclejet-preact 18.0.5 → 18.0.7

package/amd/usePopupAnimation-f679a4b0.js

@@ -1,2 +0,0 @@
-define(['exports', './useAnimationStatus-86746674', './useUser-85c781ea', '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-f679a4b0.js.map

package/amd/usePopupAnimation-f679a4b0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePopupAnimation-f679a4b0.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-09bd5925.js

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

package/amd/usePrefixSuffix-09bd5925.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePrefixSuffix-09bd5925.js","sources":["../../src/hooks/UNSAFE_usePrefixSuffix/usePrefixSuffix.tsx"],"sourcesContent":["import { merge } from '../../utils/UNSAFE_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,QAAM,CAAC1B,EAASQ,EAAgBF,OAAWG,EAAWC,EAAgBH,OAAWE,SACjFA,EA2BL"}

package/amd/useReorderableItem-4c4779f7.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './useId-c9578d26', './useUser-85c781ea', './useTranslationBundle-516b1b83', './clientHints-4f5a07b0', './collectionUtils-17f5cc64', './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"),b="reorderable_"+t.useId(),{deviceType:D,platform:p}=n.getClientHints(),K="windows"===p?v.accControlKey():v.accCommandKey(),A="phone"===D||"tablet"===D?"":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:b,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:b,itemSelector:D,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),b(e),n(t)}}),[v,b,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,D);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,D,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-4c4779f7.js.map

package/amd/useReorderableItem-4c4779f7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useReorderableItem-4c4779f7.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-955e23a8.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './useUser-85c781ea', './clientHints-4f5a07b0'], (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-955e23a8.js.map

package/amd/useRovingTabIndexContainer-955e23a8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRovingTabIndexContainer-955e23a8.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-37d42c9d.js

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

package/amd/useScale-37d42c9d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScale-37d42c9d.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-e7f123ce.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './Flex-56ecdf4c', './HighlightText-bd4c0101', './Grid-160f4885', 'css!./ListItemLayoutStyles.styles.css', './ListItemText-a3b0ed3b', './Skeleton-5839404b', 'preact/hooks', './logger-0f873e29', './PRIVATE_SelectCommon/themes/dropdownStyles.css', './List-04c4fed0', './Floating-1ec5ec2a', './Layer-447c68e6', 'preact/compat', './LayerHost-e95c5f30', './keyboardUtils-fbb389f8', './useOutsideMousedown-73d5a78a', './usePress-949a0d03', './CaretDown-80d7b5cf', './classNames-08d99695', './useComponentTheme-5aa41a8f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './useTestId-3a316499', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './CollectionInteractionContext-0b4ed98b', './FormFieldContext-3c44aaaa', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-4656c2a6', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-d51bf3f4', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useTranslationBundle-516b1b83', './Link-c4a57187', './useFocusWithin-5a504fca', './useHover-7964884c', './Separator-181f7541', './WindowOverlay-a2d80d55', './PRIVATE_SelectCommon/themes/mobileDropdownStyles.css', './PRIVATE_SelectCommon/themes/selectMobileDropdownStyles.css', './textAlign-ef924afd', './mergeInterpolations-9ede4cf7', './useFormFieldContext-8196183c', './PRIVATE_SelectCommon/themes/SelectMobileFieldInputStyles.css', './TextFieldUtils-f3868e96', './useTabbableMode-dc440317', './Text-cd61a065', './useAccessibleContext-23e8a333', './stringUtils-0ae982c2', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './clientHints-4f5a07b0', './tabbableUtils-85aa6918'], (function(e,t,s,n,a,o,l,r,i,d,c,u,p,h,m,b,y,S,f,x,w,C,g,v,T,F,A,D,I,k,M,E,U,j,K,P,L,R,B,N,O,_,V,H,W,Y,G,z,q,$,J,Q,X,Z,ee,te,se,ne,ae,oe,le,re,ie,de,ce,ue,pe,he,me,be,ye,Se,fe,xe,we,Ce,ge,ve){"use strict";function Te(e,t){if("string"!=typeof t)return t(e);if(e.data?.hasOwnProperty(t)){const s=e.data[t];return String(s)}d.error("SelectMultiple: itemText specifies field that does not exist: "+t)}const Fe=()=>{};const Ae=t.jsx(u.SkeletonContainer,{minimumCount:3,children:()=>t.jsx(s.Flex,{height:"12x",align:"center",children:t.jsx(r.Skeleton,{height:"4x"})})}),De=e=>0===e.button&&!e.ctrlKey,Ie=e=>{e.currentTarget===e.target&&e.preventDefault()},ke="bottom-start";const Me=()=>{};function Ee({"aria-labelledby":e,children:n,id:a,isOpen:o}){return o?t.jsx(h.Layer,{children:t.jsx(de.WindowOverlay,{children:t.jsx("div",{id:a,class:ce.mobileDropdownStyles.base,role:"dialog","aria-modal":"true","aria-labelledby":e,children:t.jsx(s.Flex,{width:"100%",height:"100%",maxHeight:"100%",direction:"column",children:n})})})}):null}const Ue=[...Object.values(pe.textInterpolations)],je=he.mergeInterpolations(Ue),Ke=m.forwardRef((({"aria-controls":e,"aria-describedby":s,"aria-expanded":n,"aria-invalid":a,"aria-label":o,"aria-labelledby":l,displayValue:r,hasEmptyLabel:i,hasInsideLabel:d=!1,isRequired:c,onBlur:u,onFocus:p,placeholder:h,textAlign:m,variant:b="default"},y)=>{const{isDisabled:S,isFocused:f,hasValue:x=!1}=me.useFormFieldContext(),{isTabbable:g,tabbableModeProps:v}=Se.useTabbableMode(),T=ye.isInputPlaceholderShown(d,x,f)?h:void 0,{UNSAFE_ariaLabelledBy:F}=xe.useAccessibleContext(),A=i?we.merge([l,F]):l,{class:D}=je({textAlign:m}),{classes:I}=C.useComponentTheme(Ce.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:b,textarea:"notTextArea",input:"isInput",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"hasEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:x?"hasValue":"noValue",focused:f?"isFocused":"notFocused",disabled:S?"isDisabled":"notDisabled"}),k=w.classNames([be.selectMobileFieldInputStyles.base,D,I]);return t.jsx("div",{"aria-autocomplete":"list","aria-controls":e,"aria-describedby":s,"aria-expanded":n,"aria-invalid":a,"aria-label":o,"aria-labelledby":A,"aria-required":c?"true":void 0,class:k,onBlur:u,onFocus:p,ref:y,role:"combobox",...g&&v,children:t.jsx("div",{class:be.selectMobileFieldInputStyles.content,children:t.jsx(fe.Text,{variant:r?"inherit":"secondary",children:r||T})})})}));e.DefaultList=function({"aria-label":e,currentItemVariant:a,currentKey:o,data:r,itemRenderer:d,itemText:p,onCurrentKeyChange:h,onItemAction:m,onLoadRange:b=Fe,onSelectionChange:y,searchText:S,selectedKeys:f,selectionMode:x}){const w=i.useCallback((e=>{const a={data:e.data,index:e.index,metadata:e.metadata,selector:e.selector,searchText:S,selectedKeys:f,onSelectionChange:({value:e})=>{y?.({value:e})}},o={data:e.data,key:e.metadata.key,metadata:e.metadata};return d?d(a):t.jsxs(s.Flex,{align:"center",children:[e.selector&&t.jsx("div",{class:c.dropdownStyles.selectorWrapper,children:e.selector()}),t.jsx("div",{class:"single"===x?c.dropdownStyles.singleSelectItem:c.dropdownStyles.multiSelectItem,children:t.jsx(l.ListItemText,{variant:"primary",children:t.jsx(n.HighlightText,{matchText:S,children:Te(o,p)})})})]})}),[d,p,y,S,f,x]),C=i.useMemo((()=>({all:!1,keys:f??new Set})),[f]),g=i.useMemo((()=>void 0!==o?{rowKey:o}:void 0),[o]),v=i.useCallback((({context:{data:e,metadata:t}})=>{m?.({context:{data:e,key:t.key,metadata:t}})}),[m]),T=i.useCallback((({value:e})=>{y?.({value:new Set(e.keys?.values())})}),[y]);return t.jsx(u.List,{"aria-label":e,allowTabbableMode:!1,currentItemVariant:a,currentItemOverride:g,data:r??null,loadingIndicator:Ae,onPersistCurrentItem:h,onItemAction:v,onLoadRange:b,onSelectionChange:T,role:"listbox",selectedKeys:C,selectionMode:x,children:e=>w(e)})},e.Dropdown=function({anchorRef:e,children:s,dropdownRef:n,id:a,isOpen:o,onAutoDismiss:l,onPosition:r}){const[d,u]=i.useState(ke),[m,b]=i.useState(o);m!==o&&(o||u(ke));const f=i.useCallback((e=>{u(e.placement),r?.(e)}),[r,u]),x=i.useCallback((e=>{l?.(e)}),[l]),w=i.useCallback((e=>{if(!e.defaultPrevented&&!y.isControlOrFunctionKey(e))switch(e.code){case y.KEYS.ESC:case y.KEYS.TAB:x(e)}}),[x]);S.useOutsideMousedown({isDisabled:!o,ref:[e,n],handler:x});const C=o?{minWidth:`${e.current?.offsetWidth}px`}:{};return m!==o&&b(o),o?t.jsx(h.Layer,{logicalParentRef:e,children:t.jsx(p.Floating,{anchorRef:e,sizeOptions:{isMaxHeightAdjusted:!0,maxHeightCeiling:400},ref:n,placement:d,offsetValue:{mainAxis:4,crossAxis:0},onPosition:f,children:t.jsx("div",{class:c.dropdownStyles.base,id:a,style:C,onKeyDown:w,onMouseDown:Ie,children:s})})}):null},e.DropdownArrow=function({isDisabled:e=!1,onClick:s,testId:n}){const{classes:a}=C.useComponentTheme(g.ButtonLabelLayoutRedwoodTheme,{size:"sm"}),{baseTheme:o}=C.useComponentTheme(T.BaseButtonRedwoodTheme),l=i.useCallback((e=>{e.preventDefault()}),[]),{pressProps:r}=f.usePress(s??Me,{isDisabled:e}),d=w.classNames([a,o,c.dropdownStyles.arrow.base,e?c.dropdownStyles.arrow.disabled:c.dropdownStyles.arrow.enabled]),u=v.useTestId(n);return t.jsx("span",{"aria-hidden":"true",class:d,tabIndex:-1,onMouseDown:l,...u,...r,children:t.jsx(x.SvgCaretDown,{})})},e.DropdownList=function({children:e,hasTopGap:s=!0,hasBottomGap:n=!0,isLoading:a=!1}){const o=w.classNames([c.dropdownStyles.list.base,s&&c.dropdownStyles.list.topGap,n&&c.dropdownStyles.list.bottomGap,a&&c.dropdownStyles.list.loading]);return t.jsx(F.CollectionInteractionContext.Provider,{value:"embedded",children:t.jsx("div",{class:o,onMouseDown:Ie,children:e})})},e.DropdownUserAssistance=function(e){const s=i.useCallback((e=>{"A"!==e.target?.tagName&&e.preventDefault()}),[]);return t.jsx(A.FormFieldContext.Provider,{value:{isFocused:!0},children:t.jsx("div",{class:c.dropdownStyles.userAssistance,onMouseDown:s,children:t.jsx(E.InlineUserAssistance,{...e})})})},e.EmptyResults=function(){const e=ae.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{class:c.dropdownStyles.results.extraItem,onMouseDown:Ie,children:e.select_noMatchesFound()})},e.LinkItem=({children:e,isHighlighted:s,onAction:n})=>{const{isHover:a,hoverProps:o}=re.useHover(),{isFocused:l,focusProps:r}=le.useFocusWithin(),d=i.useCallback((e=>(e.preventDefault(),n?.(),!1)),[n]),u=w.classNames([l?c.dropdownStyles.results.linkItemFocus:void 0]),p=w.classNames([c.dropdownStyles.results.extraItem,a||l||s?c.dropdownStyles.results.linkItemHighlight:void 0]);return t.jsx("div",{class:u,...r,children:t.jsx(oe.Link,{href:"#",onClick:d,children:t.jsx("div",{class:p,...o,children:e})})})},e.MobileDropdown=Ee,e.SelectMobileDropdown=function({children:e,footer:s,hasHeaderSeparator:n=!0,header:a,id:o,isOpen:l,labelId:r}){return t.jsxs(Ee,{id:o,isOpen:l,"aria-labelledby":r,children:[a,n&&t.jsx(ie.Separator,{}),t.jsx("div",{class:ue.selectMobileDropdownStyles.content,children:e}),t.jsx(ie.Separator,{}),s]})},e.SelectMobileFieldInput=Ke,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=ge.getClientHints().deviceType;return"phone"===e||"tablet"===e},e.isPhone=function(){return"phone"===ge.getClientHints().deviceType},e.isSearchTextEmptyOrUndefined=function(e){return void 0===e||0===e.length},e.isSimpleClick=De,e.isTablet=function(){return"tablet"===ge.getClientHints().deviceType},e.preventDefault=e=>{e.preventDefault()},e.preventDefaultForCurrentTarget=Ie,e.renderItemText=Te,e.useCollectionRenderer=function({currentKey:e,onCurrentKeyChange:t,onItemAction:s,onSelectedKeysChange:n,searchText:a,selectedKeys:o,selectedOnlyData:l}){return m.useMemo((()=>{const r={searchText:a,currentRowKeyOverride:e,onPersistCurrentRowKey:t,selected:o};return void 0!==s?{...r,onRowAction:s}:{...r,onSelectedChange:n,selectedOnlyData:l}}),[e,t,s,n,a,o,l])},e.useSelectCommon=function({data:e,inputRef:t,isFocused:s,onFilter:n}){const a=i.useRef(null),o=i.useRef(null),[l,r]=i.useState(!1),[d,c]=i.useState(!1),[u,p]=i.useState({rowKey:void 0}),h=i.useRef(),m=i.useCallback((e=>{h.current=e.rowKey,p(e)}),[]),[b,S]=i.useState(!1),[f,x]=i.useState(),[w,C]=i.useState(),[g,v]=i.useState(l),[T,F]=i.useState(s),[A,D]=i.useState(b),I=i.useCallback((e=>{!e.defaultPrevented&&De(e)&&(l||r(!0),setTimeout((function(){t.current?.focus()}),0))}),[t,l]),k=i.useCallback((()=>{r(!l),t.current?.focus()}),[t,l]),M=i.useCallback((e=>{if(l)switch(r(!1),e?.type){case"keydown":if(e.code===y.KEYS.ESC)t.current?.focus();break;case"mousedown":o.current?.contains(document.activeElement)&&t.current?.focus()}}),[t,l]),E=i.useCallback((e=>{c(e.placement.startsWith("top"))}),[]),U=i.useCallback((()=>l&&o.current?ve.allTabbableElements(o.current):void 0),[l]),j=i.useCallback((t=>{if(l){if(null!=e){const t=U();t?.[0]?.focus(),void 0===u.rowKey&&m({rowKey:e.data[0]?.metadata?.key})}}else r(!0);t.preventDefault()}),[u,e,U,l,m]),K=i.useCallback((e=>{if(!y.isControlOrFunctionKey(e))switch(e.code){case y.KEYS.PAGE_UP:case y.KEYS.PAGE_DOWN:return void e.preventDefault();case y.KEYS.UP:case y.KEYS.DOWN:e.preventDefault();break;case y.KEYS.ESC:l&&(r(!1),e.preventDefault(),e.stopPropagation())}}),[l]),P=i.useCallback((e=>{if(!y.isControlOrFunctionKey(e))switch(e.code){case y.KEYS.UP:case y.KEYS.DOWN:j(e)}}),[j]),L=i.useCallback((e=>{l||r(!0),S(!0),x(e.value);const t=e.value;C(t),n?.({searchText:t})}),[l,n]),R=i.useCallback((e=>{h.current=e.value}),[]),B=i.useCallback((()=>{S(!1),x(""),C("")}),[]);return g===l&&T===s&&A===b||l||s||!b||B(),i.useEffect((()=>{l&&!b&&n?.({searchText:void 0})}),[l,b,n]),g!==l&&(l||c(!1),v(l)),T!==s&&F(s),A!==b&&D(b),{currentRowKeyRef:h,currentRowOverride:u,dropdownRef:o,getDropdownTabbableElems:U,handleDropdownArrowClick:k,handleDropdownAutoDismiss:M,handleDropdownPosition:E,handleInput:L,handleMainFieldKeyDown:K,handleMainFieldKeyUp:P,handleUpDownArrowKeys:j,isDropdownAbove:d,isDropdownOpen:l,isFocused:s||l,isUserFiltering:b,mainFieldRef:a,onCurrentKeyChange:R,onMouseDown:I,searchText:w,setCurrentRowOverride:m,setDropdownOpen:r,setUserInput:x,stopFiltering:B,userInput:f}}}));
-//# sourceMappingURL=useSelectCommon-e7f123ce.js.map

package/amd/useSelectCommon-e7f123ce.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelectCommon-e7f123ce.js","sources":["../../src/PRIVATE_SelectCommon/itemTextUtils.ts","../../src/PRIVATE_SelectCommon/DefaultList.tsx","../../src/PRIVATE_SelectCommon/eventUtils.ts","../../src/PRIVATE_SelectCommon/Dropdown.tsx","../../src/PRIVATE_SelectCommon/DropdownArrow.tsx","../../src/PRIVATE_SelectCommon/MobileDropdown.tsx","../../src/PRIVATE_SelectCommon/SelectMobileFieldInput.tsx","../../src/PRIVATE_SelectCommon/DropdownList.tsx","../../src/PRIVATE_SelectCommon/DropdownUserAssistance.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.tsx","../../src/PRIVATE_SelectCommon/LinkItem.tsx","../../src/PRIVATE_SelectCommon/SelectMobileDropdown.tsx","../../src/PRIVATE_SelectCommon/selectUtils.ts","../../src/PRIVATE_SelectCommon/useCollectionRenderer.ts","../../src/PRIVATE_SelectCommon/useSelectCommon.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 { Item } from '../utils/UNSAFE_dataProvider';\nimport { error } from '../utils/UNSAFE_logger';\nimport { ItemTextFunctionType, ItemTextType } from '../utils/UNSAFE_selectUtils';\n\nexport function renderItemText<K, D>(item: Item<K, D>, itemText: ItemTextType<K, D>) {\n  // if item-text is a string and the data has the specified field, return it;\n  // otherwise log an error\n  if (typeof itemText === 'string') {\n    if ((item.data as any)?.hasOwnProperty(itemText)) {\n      const retData = item.data[itemText];\n      return String(retData);\n    }\n    error('SelectMultiple: itemText specifies field that does not exist: ' + itemText);\n    // return undefined if the field doesn't exist\n    return undefined;\n  }\n  // if item-text is a function, call it to create a display label\n  return (itemText as ItemTextFunctionType<K, D>)(item);\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 { List, SkeletonContainer } from '#PRIVATE_List';\nimport type { DataState, ListItemRendererContext, Metadata } from '#UNSAFE_Collection';\nimport { Flex } from '#UNSAFE_Flex';\nimport { HighlightText } from '#UNSAFE_HighlightText';\nimport { ListItemText } from '#UNSAFE_ListItemLayout';\nimport { Skeleton } from '#UNSAFE_Skeleton';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport type { Keys } from '#utils/UNSAFE_keys';\nimport type { ItemTextType } from '#utils/UNSAFE_selectUtils';\nimport type { ComponentChildren, ComponentProps } from 'preact';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { renderItemText } from './itemTextUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype ListProps<K extends string | number, D> = ComponentProps<typeof List<K, D>>;\ntype PickedPropsFromList = Pick<\n  ComponentProps<typeof List>,\n  'aria-label' | 'currentItemVariant' | 'selectionMode'\n>;\n\n// pick the props from the ListItemContext instead of extending it directly so that we\n// don't automatically expose any new props that may be added to it\ntype PickedPropsFromListItemContext<K, D> = Pick<\n  ListItemRendererContext<K, D>,\n  'data' | 'index' | 'selector'\n>;\ntype ItemRendererSelectionDetail<K> = {\n  value: Set<K>;\n  target: EventTarget | null;\n};\ntype ItemRendererMetadata<K> = Pick<Metadata<K>, 'key' | 'suggestion'>;\ntype ItemRendererProps<K, D> = PickedPropsFromListItemContext<K, D> & {\n  metadata: ItemRendererMetadata<K>;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n  onSelectionChange: (detail: ItemRendererSelectionDetail<K>) => void;\n};\n\ntype DefaultListCurrentKeyDetail<K> = { value: K };\ntype DefaultListItemActionDetail<K, D> = { context: Item<K, D> };\ntype DefaultListSelectionDetail<K> = { value: Set<K> };\n\ntype Props<K extends string | number, D extends Record<string, any>> = PickedPropsFromList & {\n  itemRenderer?: (itemRendererProps: ItemRendererProps<K, D>) => ComponentChildren;\n  itemText: ItemTextType<K, D>;\n  // props from List that we constrain or unconstrain\n  currentKey?: K;\n  data?: DataState<K, D> | null;\n  onCurrentKeyChange: (detail: DefaultListCurrentKeyDetail<K>) => void;\n  onItemAction?: (detail: DefaultListItemActionDetail<K, D>) => void;\n  onLoadRange?: ComponentProps<typeof List>['onLoadRange'];\n  onSelectionChange?: (detail: DefaultListSelectionDetail<K>) => void;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n};\n\nconst noOp = () => {};\n\nexport function DefaultList<K extends string | number, D extends Record<string, any>>({\n  'aria-label': ariaLabel,\n  currentItemVariant,\n  currentKey,\n  data,\n  itemRenderer,\n  itemText,\n  onCurrentKeyChange,\n  onItemAction,\n  onLoadRange = noOp,\n  onSelectionChange,\n  searchText,\n  selectedKeys,\n  selectionMode\n}: Props<K, D>) {\n  const listItemRenderer = useCallback(\n    (listItemContext: ListItemRendererContext<K, D>) => {\n      // specify the listItemContext props that we want to expose individually instead of\n      // spreading the whole object so that we don't automatically include any new props that\n      // may be added to it\n      const itemRendererProps: ItemRendererProps<K, D> = {\n        data: listItemContext.data,\n        index: listItemContext.index,\n        metadata: listItemContext.metadata,\n        selector: listItemContext.selector,\n        searchText,\n        selectedKeys,\n        onSelectionChange: ({ value }) => {\n          onSelectionChange?.({ value });\n        }\n      };\n      const itemContext = {\n        data: listItemContext.data,\n        key: listItemContext.metadata.key,\n        metadata: listItemContext.metadata\n      };\n      return itemRenderer ? (\n        itemRenderer(itemRendererProps)\n      ) : (\n        <Flex align=\"center\">\n          {listItemContext.selector && (\n            <div class={dropdownStyles.selectorWrapper}>{listItemContext.selector()}</div>\n          )}\n          <div\n            class={\n              selectionMode === 'single'\n                ? dropdownStyles.singleSelectItem\n                : dropdownStyles.multiSelectItem\n            }>\n            <ListItemText variant=\"primary\">\n              <HighlightText matchText={searchText}>\n                {renderItemText(itemContext, itemText) as string}\n              </HighlightText>\n            </ListItemText>\n          </div>\n        </Flex>\n      );\n    },\n    [itemRenderer, itemText, onSelectionChange, searchText, selectedKeys, selectionMode]\n  );\n\n  const keys = useMemo(() => {\n    return { all: false, keys: selectedKeys ?? new Set<K>() };\n  }, [selectedKeys]) as Keys<K>;\n\n  const currentItemOverride = useMemo(\n    () => (currentKey !== undefined ? { rowKey: currentKey } : undefined),\n    [currentKey]\n  );\n  const handleItemAction = useCallback<NonNullable<ListProps<K, D>['onItemAction']>>(\n    ({ context: { data, metadata } }) => {\n      onItemAction?.({ context: { data, key: metadata.key, metadata } });\n    },\n    [onItemAction]\n  );\n  const handleSelectionChange = useCallback<NonNullable<ListProps<K, D>['onSelectionChange']>>(\n    ({ value }) => {\n      onSelectionChange?.({ value: new Set(value.keys?.values()) });\n    },\n    [onSelectionChange]\n  );\n\n  return (\n    <List<K, D>\n      aria-label={ariaLabel}\n      allowTabbableMode={false}\n      currentItemVariant={currentItemVariant}\n      currentItemOverride={currentItemOverride}\n      data={data ?? null}\n      loadingIndicator={loadingIndicator}\n      onPersistCurrentItem={onCurrentKeyChange}\n      onItemAction={handleItemAction}\n      onLoadRange={onLoadRange}\n      onSelectionChange={handleSelectionChange}\n      role=\"listbox\"\n      selectedKeys={keys}\n      selectionMode={selectionMode}>\n      {(context: ListItemRendererContext<K, D>) => listItemRenderer(context)}\n    </List>\n  );\n}\n\n/**\n * Custom 3 Skeleton loader for select multiple\n * TODO: to remove this once  is solved\n */\nconst loadingIndicator = (\n  <SkeletonContainer minimumCount={3}>\n    {() => {\n      return (\n        <Flex height=\"12x\" align=\"center\">\n          <Skeleton height=\"4x\" />\n        </Flex>\n      );\n    }}\n  </SkeletonContainer>\n);\n","export const isSimpleClick = (event: MouseEvent) => {\n  return event.button === 0 && !event.ctrlKey;\n};\n\nexport const preventDefault = (event: Event) => {\n  event.preventDefault();\n};\n\nexport const preventDefaultForCurrentTarget = (event: MouseEvent) => {\n  if (event.currentTarget === event.target) {\n    event.preventDefault();\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 { ComponentChildren, ComponentProps } from 'preact';\nimport { MutableRef, useCallback, useState } from 'preact/hooks';\nimport { Floating, PositionData } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { isControlOrFunctionKey, KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n//Once Dropdown is consumed this will be removed\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype Props = {\n  anchorRef: MutableRef<HTMLElement | null>;\n  children?: ComponentChildren;\n  dropdownRef: MutableRef<HTMLElement | null>;\n  id?: string;\n  isOpen?: boolean;\n  onAutoDismiss?: (event?: Event) => void;\n  onPosition?: FloatingProps['onPosition'];\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-62565\nexport function Dropdown({\n  anchorRef,\n  children,\n  dropdownRef,\n  id,\n  isOpen,\n  onAutoDismiss,\n  onPosition\n}: Props) {\n  const [placement, setPlacement] = useState<FloatingProps['placement']>(DEFAULT_PLACEMENT);\n\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  const handleAutoDismiss = useCallback(\n    (event: Event) => {\n      onAutoDismiss?.(event);\n    },\n    [onAutoDismiss]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented || isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.ESC:\n        case KEYS.TAB:\n          handleAutoDismiss(event);\n          break;\n      }\n    },\n    [handleAutoDismiss]\n  );\n\n  // use the mousedown event to be consistent with legacy JET and so that we're hiding the dropdown\n  // on the same event where focus will transfer\n  useOutsideMousedown({\n    isDisabled: !isOpen,\n    ref: [anchorRef, dropdownRef],\n    handler: handleAutoDismiss\n  });\n\n  // TODO: get dropdown y (mainAxis) offset from --oj-c-PRIVATE-DO-NOT-USE-private-core-global-dropdown-offset\n  const offsetValue = { mainAxis: 4, crossAxis: 0 };\n\n  const inlineStyle = isOpen\n    ? {\n        minWidth: `${anchorRef.current?.offsetWidth}px`\n      }\n    : {};\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n  }\n\n  return !isOpen ? null : (\n    <Layer logicalParentRef={anchorRef}>\n      <Floating\n        anchorRef={anchorRef}\n        sizeOptions={{\n          isMaxHeightAdjusted: true,\n          maxHeightCeiling: 400\n        }}\n        ref={dropdownRef}\n        placement={placement}\n        offsetValue={offsetValue}\n        onPosition={handlePosition}>\n        <div\n          class={dropdownStyles.base}\n          id={id}\n          style={inlineStyle}\n          onKeyDown={handleKeyDown}\n          onMouseDown={preventDefaultForCurrentTarget}>\n          {children}\n        </div>\n      </Floating>\n    </Layer>\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 } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { DropdownArrowIcon } from '../PRIVATE_ThemedIcons/DropdownArrowIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ButtonLabelLayoutRedwoodTheme } from '#UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme';\nimport type { ButtonLabelLayoutVariantOptions } from '#UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { BaseButtonRedwoodTheme } from '#UNSAFE_BaseButton/themes/redwood/BaseButtonTheme';\n\ntype Props = TestIdProps & {\n  isDisabled?: boolean;\n  onClick?: () => void;\n};\n\nconst noop = () => {};\n\nexport function DropdownArrow({ isDisabled = false, onClick, testId }: Props) {\n  const { classes } = useComponentTheme<ButtonLabelLayoutVariantOptions>(\n    ButtonLabelLayoutRedwoodTheme,\n    { size: 'sm' }\n  );\n  const { baseTheme } = useComponentTheme(BaseButtonRedwoodTheme);\n\n  const preventDefault = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop, { isDisabled });\n\n  // TODO: JET-67410 replace this with a icon button\n  const styleClasses = classNames([\n    classes,\n    baseTheme,\n    dropdownStyles.arrow.base,\n    isDisabled ? dropdownStyles.arrow.disabled : dropdownStyles.arrow.enabled\n  ]);\n\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={styleClasses}\n      tabIndex={-1}\n      onMouseDown={preventDefault}\n      {...testIdProps}\n      {...pressProps}>\n      <DropdownArrowIcon />\n    </span>\n  );\n}\n","import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Layer } from '../UNSAFE_Layer';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { mobileDropdownStyles } from './themes/mobileDropdownStyles.css';\n\ntype Props = {\n  /**\n   * Id of the label to associate with the dropdown (e.g. the label of the filter field).\n   */\n  'aria-labelledby'?: HTMLAttributesSignalExcluded['aria-labelledby'];\n\n  /**\n   * The dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The id for the top level element\n   */\n  id?: string;\n\n  /**\n   * Specifies whether the dropdown is being shown\n   */\n  isOpen?: boolean;\n};\n\nexport function MobileDropdown({ 'aria-labelledby': ariaLabelledBy, children, id, isOpen }: Props) {\n  return !isOpen ? null : (\n    <Layer>\n      <WindowOverlay>\n        <div\n          id={id}\n          class={mobileDropdownStyles.base}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ariaLabelledBy}>\n          <Flex width=\"100%\" height=\"100%\" maxHeight=\"100%\" direction=\"column\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n}\n","import { Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '../utils/UNSAFE_attributeUtils';\nimport { TextProps, textInterpolations } from '../utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TextFieldInputVariantOptions } from '../UNSAFE_TextField/themes/TextFieldInputStyles.css';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { selectMobileFieldInputStyles } from './themes/SelectMobileFieldInputStyles.css';\nimport { isInputPlaceholderShown } from '../UNSAFE_TextField/TextFieldUtils';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { Text } from '../UNSAFE_Text';\nimport { useAccessibleContext } from '../hooks/UNSAFE_useAccessibleContext';\nimport { merge } from '../utils/UNSAFE_stringUtils';\nimport { TextFieldInputRedwoodTheme } from '../UNSAFE_TextField/themes/redwood/TextFieldInputTheme';\n\ntype AriaProps = Pick<\n  AriaAttributesSignalExcluded,\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'aria-labelledby'\n>;\n\ntype EventProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onBlur' | 'onFocus'>;\n\ntype Props = AriaProps &\n  EventProps &\n  TextProps & {\n    displayValue?: string;\n    hasEmptyLabel?: boolean;\n    hasInsideLabel?: boolean;\n    isRequired?: boolean;\n    placeholder?: string;\n    variant?: 'default' | 'embedded';\n  };\n\nconst interpolations = [...Object.values(textInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * This component is used for rendering the main field in mobile phones. This is a bit different from the\n * normal main field (TextFieldInput) that we use for desktop & tablet devices in the way that\n * a user will not be able to edit the value of this field. But, one can still have other functionalities\n * of having a placeholder, tab in & out of it, and other such functionalities of an enabled field.\n *\n * This also differs from ReadonlyTextFieldInput in the following ways:\n * 1. This will be rendered as div as well, but has a role of combobox set on it\n * 2. This will not be read as readonly input by the screen readers\n * 3. This has the stylings much similar to the TextFieldInput component\n * 4. This supports the use of placeholder and shows it when there is no value present\n * 5. This supports having the variant property and styles accordingly\n *\n * As such, this is very similar to the TextFieldInput except that this does not allow user input.\n * Note: we cannot use TextFieldInput with readonly set on it; even though it might provide us the\n * behavior we need, it will make the field as readonly and screen readers read the same about this\n * field. This will be an incorrect representation contextually as one can still edit the value by opening\n * the dropdown and changing the selection.\n */\nexport const SelectMobileFieldInput = forwardRef(\n  (\n    {\n      'aria-controls': ariaControls,\n      'aria-describedby': ariaDescribedBy,\n      'aria-expanded': ariaExpanded,\n      'aria-invalid': ariaInvalid,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      displayValue,\n      hasEmptyLabel,\n      hasInsideLabel = false,\n      isRequired,\n      onBlur,\n      onFocus,\n      placeholder,\n      textAlign,\n      variant = 'default'\n    }: Props,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    // consume required contexts\n    const { isDisabled, isFocused, hasValue = false } = useFormFieldContext();\n    const { isTabbable, tabbableModeProps } = useTabbableMode();\n\n    // setup properties\n    const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)\n      ? placeholder\n      : undefined;\n\n    // Add unsafe API for specifying an external label which is added to ariaLabelledBy on the input,\n    // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n    // kinds of labels, this helps to ensure we don't override a meaningful label.\n    const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n    const mergedAriaLabelledBy = hasEmptyLabel\n      ? merge([ariaLabelledBy, UNSAFE_ariaLabelledBy])\n      : ariaLabelledBy;\n\n    // setup style classes\n    const { class: styleInterpolationClasses } = styleInterpolations({ textAlign });\n    const { classes: themeClasses } = useComponentTheme<TextFieldInputVariantOptions>(\n      TextFieldInputRedwoodTheme,\n      {\n        type: 'notPassword',\n        styleVariant: variant,\n        textarea: 'notTextArea',\n        input: 'isInput',\n        prefix: 'noPrefix',\n        suffix: 'noSuffix',\n        startContent: 'noStartContent',\n        endContent: 'hasEndContent',\n        insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n        value: hasValue ? 'hasValue' : 'noValue',\n        focused: isFocused ? 'isFocused' : 'notFocused',\n        disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n      }\n    );\n    const rootDivStyleClasses = classNames([\n      selectMobileFieldInputStyles.base,\n      styleInterpolationClasses,\n      themeClasses\n    ]);\n\n    return (\n      <div\n        aria-autocomplete=\"list\"\n        aria-controls={ariaControls}\n        aria-describedby={ariaDescribedBy}\n        aria-expanded={ariaExpanded}\n        aria-invalid={ariaInvalid}\n        aria-label={ariaLabel}\n        aria-labelledby={mergedAriaLabelledBy}\n        aria-required={isRequired ? 'true' : undefined}\n        class={rootDivStyleClasses}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        ref={ref}\n        role=\"combobox\"\n        {...(isTabbable && tabbableModeProps)}>\n        <div class={selectMobileFieldInputStyles.content}>\n          <Text variant={displayValue ? 'inherit' : 'secondary'}>\n            {displayValue || myPlaceholder}\n          </Text>\n        </div>\n      </div>\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 { ComponentChildren } from 'preact';\nimport { CollectionInteractionContext } from '../hooks/UNSAFE_useCollectionInteractionContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = {\n  children?: ComponentChildren;\n  hasTopGap?: boolean;\n  hasBottomGap?: boolean;\n  isLoading?: boolean;\n};\n\nexport function DropdownList({\n  children,\n  hasTopGap = true,\n  hasBottomGap = true,\n  isLoading = false\n}: Props) {\n  const styleClasses = classNames([\n    dropdownStyles.list.base,\n    hasTopGap && dropdownStyles.list.topGap,\n    hasBottomGap && dropdownStyles.list.bottomGap,\n    isLoading && dropdownStyles.list.loading\n  ]);\n  return (\n    <CollectionInteractionContext.Provider value={'embedded'}>\n      <div class={styleClasses} onMouseDown={preventDefaultForCurrentTarget}>\n        {children}\n      </div>\n    </CollectionInteractionContext.Provider>\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 { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype InlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'fieldLabel'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'id'\n  | 'userAssistanceDensity'\n>;\n\nexport function DropdownUserAssistance(props: InlineUserAssistanceProps) {\n  // Prevent the focus from transferring when the user clicks on an empty/non-clickable area\n  // of the user assistance\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n    // Don't call preventDefault when the user clicks on the help source link, so that the\n    // focus is allowed to transfer in that case.\n    if ((event.target as Element)?.tagName !== 'A') {\n      event.preventDefault();\n    }\n  }, []);\n\n  return (\n    <FormFieldContext.Provider value={{ isFocused: true }}>\n      <div class={dropdownStyles.userAssistance} onMouseDown={handleMouseDown}>\n        <InlineUserAssistance {...props} />\n      </div>\n    </FormFieldContext.Provider>\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 { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\nexport function EmptyResults() {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  // call preventDefault for mousedown on this div so that focus does not transfer from\n  // the input\n  return (\n    <div class={dropdownStyles.results.extraItem} onMouseDown={preventDefaultForCurrentTarget}>\n      {translations.select_noMatchesFound()}\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 } from 'preact/hooks';\nimport { Link } from '#UNSAFE_Link';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = {\n  /**\n   * Child content of the item.\n   */\n  children: string;\n  /**\n   * Specifies whether to highlight the item.\n   */\n  isHighlighted?: boolean;\n  /**\n   * Callback invoked when the user triggers the link, for example by clicking or pressing Enter.\n   */\n  onAction?: () => void;\n};\n\n/**\n * This component renders a link that looks like a list item in a Select* component dropdown.\n * It fires an action when the user triggers it, and is intended to be used for launching\n * external application UI from within the dropdown, for example to provide advanced search or\n * add to list functionality.\n * The LinkItem would typically be shown in a fixed position above or below the list itself.\n */\nconst LinkItem = ({ children, isHighlighted, onAction }: Props) => {\n  const { isHover, hoverProps } = useHover();\n  const { isFocused, focusProps } = useFocusWithin();\n\n  const handleClick = useCallback(\n    (e: Event) => {\n      // prevent the link from actually navigating by preventing default and returning false\n      e.preventDefault();\n      onAction?.();\n      return false;\n    },\n    [onAction]\n  );\n\n  const rootClasses = classNames([isFocused ? dropdownStyles.results.linkItemFocus : undefined]);\n\n  const linkClasses = classNames([\n    dropdownStyles.results.extraItem,\n    isHover || isFocused || isHighlighted ? dropdownStyles.results.linkItemHighlight : undefined\n  ]);\n\n  return (\n    <div class={rootClasses} {...focusProps}>\n      <Link href=\"#\" onClick={handleClick}>\n        <div class={linkClasses} {...hoverProps}>\n          {children}\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nexport { LinkItem };\n","import { ComponentChildren, ComponentProps } from 'preact';\nimport { Separator } from '../UNSAFE_Separator';\nimport { MobileDropdown } from './MobileDropdown';\nimport { selectMobileDropdownStyles } from './themes/selectMobileDropdownStyles.css';\n\ntype MobileDropdownProps = ComponentProps<typeof MobileDropdown>;\ntype PassThroughMobileDropdownProps = Pick<MobileDropdownProps, 'id' | 'isOpen'>;\n\ntype Props = PassThroughMobileDropdownProps & {\n  /**\n   * The main dropdown content\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The components to be placed in the end of the dropdown\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The components to be placed in the beginning of the dropdown\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Specifies whether to have a separator between header and content\n   */\n  hasHeaderSeparator?: boolean;\n\n  /**\n   * Id of the label for the filter field.\n   */\n  labelId?: string;\n};\n\nexport function SelectMobileDropdown({\n  children,\n  footer,\n  hasHeaderSeparator = true,\n  header,\n  id,\n  isOpen,\n  labelId\n}: Props) {\n  return (\n    <MobileDropdown id={id} isOpen={isOpen} aria-labelledby={labelId}>\n      {header}\n      {hasHeaderSeparator && <Separator />}\n      {/* TODO: Add overflow support to View and use it here */}\n      {/*  */}\n      <div class={selectMobileDropdownStyles.content}>{children}</div>\n      <Separator />\n      {footer}\n    </MobileDropdown>\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 type { DataState } from '#UNSAFE_Collection';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nexport function isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n\n/**\n * Helper function to determine whether the current device is a phone\n * @returns true if running on a phone, false otherwise\n */\nexport function isPhone() {\n  return getClientHints().deviceType === 'phone';\n}\n\n/**\n * Helper function to determine whether the current device is a tablet\n * @returns true if running on a tablet, false otherwise\n */\nexport function isTablet() {\n  return getClientHints().deviceType === 'tablet';\n}\n\nexport function isBeforeDataFetch<K, D>(data: DataState<K, D>) {\n  return data.sizePrecision === 'atLeast' && data.totalSize === 0;\n}\n\nexport function isSearchTextEmptyOrUndefined(searchText?: string) {\n  return searchText === undefined || searchText.length === 0;\n}\n\n/**\n * Extract keys from a value items array.\n *\n * @param valueItems The value items from which the keys are to be extracted\n * @returns The set of keys\n */\nexport function createKeysFromValueItems<K, D>(valueItems?: Item<K, D>[]) {\n  const keys = valueItems?.reduce((accumKeys, currentItem) => {\n    accumKeys.add(currentItem.key);\n    return accumKeys;\n  }, new Set<K>());\n  return keys;\n}\n","import type { DataState } from '#UNSAFE_Collection';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport { useMemo } from 'preact/compat';\n\ntype Key = string | number;\ntype Data = Record<string, any>;\n\ntype UseCollectionRendererCommonParams<K> = {\n  currentKey?: K;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n  onCurrentKeyChange: (detail: { value?: K }) => void;\n};\n\nexport type UseCollectionRendererSelectSingleParams<K, D> = UseCollectionRendererCommonParams<K> & {\n  onItemAction: (detail: { context: Item<K, D> }) => void;\n  onSelectedKeysChange?: never;\n  selectedOnlyData?: never;\n};\n\nexport type UseCollectionRendererSelectMultipleParams<K, D> =\n  UseCollectionRendererCommonParams<K> & {\n    onItemAction?: never;\n    onSelectedKeysChange: (detail: { value: Set<K> }) => void;\n    selectedOnlyData?: DataState<K, D>;\n  };\n\ntype UseCollectionRendererParams<K, D> =\n  | UseCollectionRendererSelectSingleParams<K, D>\n  | UseCollectionRendererSelectMultipleParams<K, D>;\n\ntype CommonCollectionRendererContext<K extends Key> = {\n  searchText?: string;\n  currentRowKeyOverride?: K;\n  onPersistCurrentRowKey: (detail: { value?: K }) => void;\n  selected?: Set<K>;\n};\n\nexport type SelectSingleCollectionRendererContext<\n  K extends Key,\n  D extends Data\n> = CommonCollectionRendererContext<K> & {\n  onRowAction: (detail: { context: Item<K, D> }) => void;\n};\n\nexport type SelectMultipleCollectionRendererContext<\n  K extends Key,\n  D extends Data\n> = CommonCollectionRendererContext<K> & {\n  onSelectedChange: (detail: { value: Set<K> }) => void;\n  selectedOnlyData?: DataState<K, D>;\n};\n\ntype CollectionRendererContext<K extends Key, D extends Data> =\n  | SelectSingleCollectionRendererContext<K, D>\n  | SelectMultipleCollectionRendererContext<K, D>;\n\n// NOTE: We will using a single hook that constructs the collection renderer context for both select single and\n// select multiple. This is ok as they both share most of the properties and differ only in a few areas. So, we will\n// be using function overloading to determine which component is calling the hook (based on the args) and return the\n// correct context.\n\n/**\n * A custom hook that constructs the context for SelectSingle's collectionRenderer.\n * @param params Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>(\n  params: UseCollectionRendererSelectSingleParams<K, D>\n): SelectSingleCollectionRendererContext<K, D>;\n\n/**\n * A custom hook that constructs the context for SelectMultiple's collectionRenderer.\n * @param params Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>(\n  params: UseCollectionRendererSelectMultipleParams<K, D>\n): SelectMultipleCollectionRendererContext<K, D>;\n\n/**\n * A custom hook that constructs the context for SelectSingle/SelectMultiple's collectionRenderer.\n * @param param0 Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>({\n  currentKey,\n  onCurrentKeyChange,\n  onItemAction,\n  onSelectedKeysChange,\n  searchText,\n  selectedKeys,\n  selectedOnlyData\n}: UseCollectionRendererParams<K, D>) {\n  return useMemo<CollectionRendererContext<K, D>>(() => {\n    const common = {\n      searchText,\n      currentRowKeyOverride: currentKey,\n      onPersistCurrentRowKey: onCurrentKeyChange,\n      selected: selectedKeys\n    } satisfies CommonCollectionRendererContext<K>;\n\n    // If onItemAction is present, then we are constructing context for SelectSingle. So,\n    // return the context satisfying SelectSingleCollectionRendererContext type.\n    if (onItemAction !== undefined)\n      return {\n        ...common,\n        onRowAction: onItemAction\n      } satisfies SelectSingleCollectionRendererContext<K, D>;\n\n    // If onItemAction is not present, then we are constructing context for SelectMultiple. So,\n    // return the context satisfying SelectMultipleCollectionRendererContext type.\n    return {\n      ...common,\n      onSelectedChange: onSelectedKeysChange,\n      selectedOnlyData\n    } satisfies SelectMultipleCollectionRendererContext<K, D>;\n  }, [\n    currentKey,\n    onCurrentKeyChange,\n    onItemAction,\n    onSelectedKeysChange,\n    searchText,\n    selectedKeys,\n    selectedOnlyData\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 type { DataState } from '#UNSAFE_Collection';\nimport type { PositionData } from '#UNSAFE_Floating';\nimport { KEYS, isControlOrFunctionKey } from '#utils/PRIVATE_keyboardUtils';\nimport { allTabbableElements } from '#utils/PRIVATE_tabbableUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport { isSimpleClick } from './eventUtils';\n\ntype UseSelectCommonProps<K, D> = {\n  data?: DataState<K, D> | null;\n  inputRef: RefObject<HTMLElement>;\n  isFocused?: boolean;\n  onFilter?: ({ searchText }: { searchText?: string }) => void;\n};\n\nexport type CurrentKeyDetail<K> = {\n  value?: K;\n};\n\n/**\n * Hook that manages state and behavior for a Select* component.  This hook creates state\n * variables and event listeners, returning properties to apply to components internally\n * rendered by a Select* component, as well as state information.\n *\n * @param data Specifies data for the dropdown list.\n * @param inputRef Ref to the input element.\n * @param isFocused Specifies whether the component has focus.\n * @param onFilter Callback function to trigger loading data for the dropdown list,\n * which may or may not be filtered by user entered text.\n *\n * @returns Component state and event listeners.\n */\nexport function useSelectCommon<K, D>({\n  data,\n  inputRef,\n  isFocused,\n  onFilter\n}: UseSelectCommonProps<K, D>) {\n  const mainFieldRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [isDropdownOpen, setDropdownOpen] = useState(false);\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n\n  // We only need to push currentRow when we need to override the\n  // current row, like when the dropdown is opened and we want to set the initial\n  // focused row or when filtering and we want to focus the first row.\n  const [currentRowOverride, _setCurrentRowOverride] = useState<{ rowKey?: K }>({\n    rowKey: undefined\n  });\n  // We still need information on what the current row actually is, but we do not need\n  // to react to it until certain scenarios like pressing Tab from the dropdown. So, we\n  // just store this in a ref.\n  const currentRowKeyRef = useRef<K>();\n  // When we want to update the currentRowOverride, we also want to keep the currentRowKeyRef\n  // in sync as the collection will not call onChanged for this change.\n  const setCurrentRowOverride = useCallback((currentRow: { rowKey?: K }) => {\n    currentRowKeyRef.current = currentRow.rowKey;\n    _setCurrentRowOverride(currentRow);\n  }, []);\n  const [isUserFiltering, setUserFiltering] = useState(false);\n  const [userInput, setUserInput] = useState<string>();\n  const [searchText, setSearchText] = useState<string>();\n\n  const [prevIsDropdownOpen, setPrevIsDropdownOpen] = useState(isDropdownOpen);\n  const [prevIsFocused, setPrevIsFocused] = useState(isFocused);\n  const [prevIsUserFiltering, setPrevIsUserFiltering] = useState(isUserFiltering);\n\n  const onMouseDown = useCallback(\n    (event: MouseEvent) => {\n      // const target = event.target as HTMLElement;\n      if (event.defaultPrevented || !isSimpleClick(event)) {\n        return;\n      }\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      // this is needed to focus the input when clicking on the inside label when there is no\n      // value;  otherwise the component looks focused but doesn't actually have physical focus\n      setTimeout(function () {\n        inputRef.current?.focus();\n      }, 0);\n    },\n    [inputRef, isDropdownOpen]\n  );\n\n  const handleDropdownArrowClick = useCallback(() => {\n    setDropdownOpen(!isDropdownOpen);\n\n    // focus the input so that if the user Tabs afterwards, it loses focus and the dropdown closes\n    inputRef.current?.focus();\n  }, [inputRef, isDropdownOpen]);\n\n  const handleDropdownAutoDismiss = useCallback(\n    (event?: Event) => {\n      if (isDropdownOpen) {\n        setDropdownOpen(false);\n\n        switch (event?.type) {\n          case 'keydown':\n            const keyboardEvent = event as KeyboardEvent;\n            switch (keyboardEvent.code) {\n              case KEYS.ESC:\n                // focus the input when the user cancels out of the dropdown\n                inputRef.current?.focus();\n                break;\n              default:\n                break;\n            }\n            break;\n          case 'mousedown':\n            // if focus is in the dropdown, focus the input before the dropdown is hidden so that\n            // focus will transfer correctly when the target is not focusable;\n            // otherwise the text cursor appears in the input again\n            if (dropdownRef.current?.contains(document.activeElement)) {\n              inputRef.current?.focus();\n            }\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    [inputRef, isDropdownOpen]\n  );\n\n  const handleDropdownPosition = useCallback((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n\n  const getDropdownTabbableElems = useCallback(() => {\n    return isDropdownOpen && dropdownRef.current\n      ? allTabbableElements(dropdownRef.current)\n      : undefined;\n  }, [isDropdownOpen]);\n\n  const handleUpDownArrowKeys = useCallback(\n    (event: KeyboardEvent) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      } else {\n        // JET-64909 - focus / 'current' dropped when arrow keying during loading\n        // Transfer physical focus into the dropdown only if the data is present and the dropdown\n        // has rendered the data. Otherwise, keep the focus in the field.\n        if (data != null) {\n          const tabbableElems = getDropdownTabbableElems();\n          tabbableElems?.[0]?.focus();\n\n          // if there is no current item set, make the first item current\n          if (currentRowOverride.rowKey === undefined) {\n            setCurrentRowOverride({ rowKey: data.data[0]?.metadata?.key });\n          }\n        }\n      }\n\n      // prevent the page from scrolling\n      event.preventDefault();\n    },\n    [currentRowOverride, data, getDropdownTabbableElems, isDropdownOpen, setCurrentRowOverride]\n  );\n\n  const handleMainFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // const target = event.target as HTMLElement;\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.PAGE_UP:\n        case KEYS.PAGE_DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n\n          return;\n\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n          break;\n\n        case KEYS.ESC:\n          if (isDropdownOpen) {\n            setDropdownOpen(false);\n\n            event.preventDefault();\n\n            // JET-53183 - core pack compat: stop propagation of handled events\n            // we don't want a parent collection component to stop editing the row when we close\n            // the dropdown\n            event.stopPropagation();\n          }\n          break;\n\n        default:\n          break;\n      }\n    },\n    [isDropdownOpen]\n  );\n\n  const handleMainFieldKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          handleUpDownArrowKeys(event);\n          break;\n\n        default:\n          break;\n      }\n    },\n    [handleUpDownArrowKeys]\n  );\n\n  const handleInput = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      setUserFiltering(true);\n      setUserInput(detail.value);\n      const str = detail.value;\n      setSearchText(str);\n      onFilter?.({ searchText: str });\n    },\n    [isDropdownOpen, onFilter]\n  );\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K>) => {\n    // when the collection changes the current key, we only want to store the information\n    // and not do anything.\n    currentRowKeyRef.current = detail.value;\n  }, []);\n\n  const stopFiltering = useCallback(() => {\n    setUserFiltering(false);\n    setUserInput('');\n    setSearchText('');\n  }, []);\n\n  // the user is not actively filtering if the dropdown is closed and the component doesn't\n  // have focus\n  if (\n    prevIsDropdownOpen !== isDropdownOpen ||\n    prevIsFocused !== isFocused ||\n    prevIsUserFiltering !== isUserFiltering\n  ) {\n    if (!isDropdownOpen && !isFocused && isUserFiltering) {\n      stopFiltering();\n    }\n  }\n\n  // need to call onFilter with undefined searchText when the dropdown opens and the\n  // user is NOT filtering\n  useEffect(() => {\n    if (isDropdownOpen && !isUserFiltering) {\n      onFilter?.({ searchText: undefined });\n    }\n  }, [isDropdownOpen, isUserFiltering, onFilter]);\n\n  // when the dropdown closes, reset the isDropdownAbove flag\n  if (prevIsDropdownOpen !== isDropdownOpen) {\n    if (!isDropdownOpen) {\n      setDropdownAbove(false);\n    }\n    setPrevIsDropdownOpen(isDropdownOpen);\n  }\n\n  if (prevIsFocused !== isFocused) {\n    setPrevIsFocused(isFocused);\n  }\n  if (prevIsUserFiltering !== isUserFiltering) {\n    setPrevIsUserFiltering(isUserFiltering);\n  }\n\n  return {\n    currentRowKeyRef,\n    currentRowOverride,\n    dropdownRef,\n    getDropdownTabbableElems,\n    handleDropdownArrowClick,\n    handleDropdownAutoDismiss,\n    handleDropdownPosition,\n    handleInput,\n    handleMainFieldKeyDown,\n    handleMainFieldKeyUp,\n    handleUpDownArrowKeys,\n    isDropdownAbove,\n    isDropdownOpen,\n    // the field should remain to look focused while the dropdown is open,\n    // in case physical focus is in the dropdown\n    isFocused: isFocused || isDropdownOpen,\n    isUserFiltering,\n    mainFieldRef,\n    onCurrentKeyChange,\n    onMouseDown,\n    searchText,\n    setCurrentRowOverride,\n    setDropdownOpen,\n    setUserInput,\n    stopFiltering,\n    userInput\n  };\n}\n"],"names":["renderItemText","item","itemText","data","hasOwnProperty","retData","String","error","noOp","loadingIndicator","_jsx","jsx","SkeletonContainer","minimumCount","children","Flex","height","align","Skeleton","isSimpleClick","event","button","ctrlKey","preventDefaultForCurrentTarget","currentTarget","target","preventDefault","DEFAULT_PLACEMENT","noop","MobileDropdown","ariaLabelledBy","id","isOpen","Layer","WindowOverlay","class","mobileDropdownStyles","base","role","width","maxHeight","direction","interpolations","Object","values","textInterpolations","styleInterpolations","mergeInterpolations","SelectMobileFieldInput","forwardRef","ariaControls","ariaDescribedBy","ariaExpanded","ariaInvalid","ariaLabel","displayValue","hasEmptyLabel","hasInsideLabel","isRequired","onBlur","onFocus","placeholder","textAlign","variant","ref","isDisabled","isFocused","hasValue","useFormFieldContext","isTabbable","tabbableModeProps","useTabbableMode","myPlaceholder","isInputPlaceholderShown","undefined","UNSAFE_ariaLabelledBy","useAccessibleContext","mergedAriaLabelledBy","merge","styleInterpolationClasses","classes","themeClasses","useComponentTheme","TextFieldInputRedwoodTheme","type","styleVariant","textarea","input","prefix","suffix","startContent","endContent","insideLabel","value","focused","disabled","rootDivStyleClasses","classNames","selectMobileFieldInputStyles","content","Text","currentItemVariant","currentKey","itemRenderer","onCurrentKeyChange","onItemAction","onLoadRange","onSelectionChange","searchText","selectedKeys","selectionMode","listItemRenderer","useCallback","listItemContext","itemRendererProps","index","metadata","selector","itemContext","key","_jsxs","jsxs","dropdownStyles","selectorWrapper","singleSelectItem","multiSelectItem","ListItemText","HighlightText","matchText","keys","useMemo","all","Set","currentItemOverride","rowKey","handleItemAction","context","handleSelectionChange","List","allowTabbableMode","onPersistCurrentItem","anchorRef","dropdownRef","onAutoDismiss","onPosition","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","handleAutoDismiss","handleKeyDown","defaultPrevented","isControlOrFunctionKey","code","KEYS","ESC","TAB","useOutsideMousedown","handler","inlineStyle","minWidth","current","offsetWidth","logicalParentRef","Floating","sizeOptions","isMaxHeightAdjusted","maxHeightCeiling","offsetValue","mainAxis","crossAxis","style","onKeyDown","onMouseDown","onClick","testId","ButtonLabelLayoutRedwoodTheme","size","baseTheme","BaseButtonRedwoodTheme","pressProps","usePress","styleClasses","arrow","enabled","testIdProps","useTestId","tabIndex","DropdownArrowIcon","SvgCaretDown","hasTopGap","hasBottomGap","isLoading","list","topGap","bottomGap","loading","CollectionInteractionContext","Provider","props","handleMouseDown","tagName","FormFieldContext","userAssistance","InlineUserAssistance","translations","useTranslationBundle","results","extraItem","select_noMatchesFound","isHighlighted","onAction","isHover","hoverProps","useHover","focusProps","useFocusWithin","handleClick","e","rootClasses","linkItemFocus","linkClasses","linkItemHighlight","Link","href","footer","hasHeaderSeparator","header","labelId","Separator","selectMobileDropdownStyles","valueItems","reduce","accumKeys","currentItem","add","sizePrecision","totalSize","deviceType","getClientHints","length","onSelectedKeysChange","selectedOnlyData","common","currentRowKeyOverride","onPersistCurrentRowKey","selected","onRowAction","onSelectedChange","inputRef","onFilter","mainFieldRef","useRef","isDropdownOpen","setDropdownOpen","isDropdownAbove","setDropdownAbove","currentRowOverride","_setCurrentRowOverride","currentRowKeyRef","setCurrentRowOverride","currentRow","isUserFiltering","setUserFiltering","userInput","setUserInput","setSearchText","prevIsDropdownOpen","setPrevIsDropdownOpen","prevIsFocused","setPrevIsFocused","prevIsUserFiltering","setPrevIsUserFiltering","setTimeout","focus","handleDropdownArrowClick","handleDropdownAutoDismiss","contains","document","activeElement","handleDropdownPosition","startsWith","getDropdownTabbableElems","allTabbableElements","handleUpDownArrowKeys","tabbableElems","handleMainFieldKeyDown","PAGE_UP","PAGE_DOWN","UP","DOWN","stopPropagation","handleMainFieldKeyUp","handleInput","detail","str","stopFiltering","useEffect"],"mappings":"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"}

package/amd/useSelectDrill-6361116b.js

@@ -1,2 +0,0 @@
-define(['exports', './mergeProps-bcfa6a92', './useChartDataCursor-e953c918', './useChartDatatip-ee3783af', './eventsUtils-edf8f4e5', './accUtils-530bdb90', './useChartDrill-307602e0', './useSelection-af7b4b52'], (function(e,t,o,a,r,s,n,i){"use strict";e.useChartDatatipAndCursor=function({series:e,groups:r,width:s,height:n,findNearest:i,getMarkerInfo:l,onDataCursorPositionChange:u,isDataCursorEnabled:d,dataCursorPosition:c,dataCursorStyle:p,hoveredItemInfo:f,focusedItemInfo:C,getDataItem:I,getDataItemPos:g,datatip:D,valueFormats:m,isHoriz:h,xScale:P,yScale:b,plotAreaSpace:x,timeAxisType:S,touchResponse:y,isDisabled:A,formatAxisLabel:v,formatYValue:E,hasXYValues:M}){const{datatipContent:R,datatipProps:G}=a.useChartDatatip({series:e,groups:r,width:s,height:n,isDataCursorEnabled:d,dataCursorPosition:c,hoveredItemInfo:f,getDataItem:I,getDataItemPos:g,focusedItemInfo:C,datatip:D,valueFormats:m,isHoriz:h,xScale:P,findNearest:i,timeAxisType:S,touchResponse:y,isDisabled:A,formatAxisLabel:v,formatYValue:E,hasXYValues:M}),{dataCursorContent:V,dataCursorProps:Y}=o.useChartDataCursor({touchResponse:y,findNearest:i,dataCursorPosition:c,onDataCursorPositionChange:u,isDataCursorEnabled:d,dataCursorStyle:p,isHoriz:h,getMarkerInfo:l,focusedItemInfo:C,plotAreaSpace:x,yScale:b,xScale:P,getDataItemPos:g});return{datatipContent:R,dataCursorContent:V,datatipProps:t.mergeProps(Y,G)}},e.useSelectDrill=function({selectionMode:e,selection:o,onChange:a,rootRef:s,drilling:l,onItemDrill:u,onGroupDrill:d,focusedGroupInfo:c,focusedItemInfo:p,groups:f,getDataItem:C,getDataById:I}){const{selectionProps:g,selectionContent:D}=i.useSelection({idExtracter:e=>{const t=p.isCurrent&&"keyup"===e.type?p:r.getInfo(s,e.target);return t&&null!=t.seriesIndex&&null!=t.groupIndex?C(t.seriesIndex,t.groupIndex)?.id:void 0},isDrillEnabled:"on"===l,selection:o,selectionMode:e,onChange:a,getDataById:I}),m=n.useChartDrill({rootRef:s,selectionMode:e,drilling:l,focusedItemInfo:p,focusedGroupInfo:c,groups:f,getDataItem:C,onItemDrill:u,onGroupDrill:d});return{selectDrillProps:t.mergeProps(g,m),selectionContent:D}}}));
-//# sourceMappingURL=useSelectDrill-6361116b.js.map

package/amd/useSelectDrill-6361116b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelectDrill-6361116b.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  groups,\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  plotAreaSpace,\n  timeAxisType,\n  touchResponse,\n  isDisabled,\n  formatAxisLabel,\n  formatYValue,\n  hasXYValues\n}: DataCursorProps & DatatipProps<K, D>) {\n  const { datatipContent, datatipProps } = useChartDatatip<K, D>({\n    series,\n    groups,\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    formatAxisLabel,\n    formatYValue,\n    hasXYValues\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    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};\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  groups,\n  getDataItem,\n  getDataById\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(info.seriesIndex, info.groupIndex)?.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  });\n\n  const drillProps = useChartDrill<K, D>({\n    rootRef,\n    selectionMode,\n    drilling,\n    focusedItemInfo,\n    focusedGroupInfo,\n    groups,\n    getDataItem,\n    onItemDrill,\n    onGroupDrill\n  });\n\n  return { selectDrillProps: mergeProps(selectionProps, drillProps), selectionContent };\n}\n"],"names":["series","groups","width","height","findNearest","getMarkerInfo","onDataCursorPositionChange","isDataCursorEnabled","dataCursorPosition","dataCursorStyle","hoveredItemInfo","focusedItemInfo","getDataItem","getDataItemPos","datatip","valueFormats","isHoriz","xScale","yScale","plotAreaSpace","timeAxisType","touchResponse","isDisabled","formatAxisLabel","formatYValue","hasXYValues","datatipContent","datatipProps","useChartDatatip","dataCursorContent","dataCursorProps","useChartDataCursor","mergeProps","selectionMode","selection","onChange","rootRef","drilling","onItemDrill","onGroupDrill","focusedGroupInfo","getDataById","selectionProps","selectionContent","useSelection","idExtracter","event","info","isCurrent","type","getInfo","target","seriesIndex","groupIndex","id","undefined","isDrillEnabled","drillProps","useChartDrill","selectDrillProps"],"mappings":"+QAqBM,UAGJA,OACAA,EAAMC,OACNA,EAAMC,MACNA,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,cACNA,EAAaC,aACbA,EAAYC,cACZA,EAAaC,WACbA,EAAUC,gBACVA,EAAeC,aACfA,EAAYC,YACZA,IAEA,MAAMC,eAAEA,EAAcC,aAAEA,GAAiBC,kBAAsB,CAC7D5B,SACAC,SACAC,QACAC,SACAI,sBACAC,qBACAE,kBACAE,cACAC,iBACAF,kBACAG,UACAC,eACAC,UACAC,SACAb,cACAgB,eACAC,gBACAC,aACAC,kBACAC,eACAC,iBAGII,kBAAEA,EAAiBC,gBAAEA,GAAoBC,qBAAmB,CAChEV,gBACAjB,cACAI,qBACAF,6BACAC,sBACAE,kBACAO,UACAX,gBACAM,kBACAQ,gBACAD,SACAD,SACAJ,mBAGF,MAAO,CACLa,iBACAG,oBACAF,aAAcK,EAAAA,WAAWF,EAAiBH,GAE9C,mBCvEM,UAAyFM,cAC7FA,EAAaC,UACbA,EAASC,SACTA,EAAQC,QACRA,EAAOC,SACPA,EAAQC,YACRA,EAAWC,aACXA,EAAYC,iBACZA,EAAgB7B,gBAChBA,EAAeV,OACfA,EAAMW,YACNA,EAAW6B,YACXA,IAEA,MAWMC,eAAEA,EAAcC,iBAAEA,GAAqBC,eAAmB,CAC9DC,YAZmBC,IACnB,MACMC,EADgBpC,EAAgBqC,WAEJ,UAAfF,EAAMG,KACnBtC,EACAuC,EAAAA,QAAQd,EAASU,EAAMK,QAC7B,OAAOJ,GAA4B,MAApBA,EAAKK,aAA0C,MAAnBL,EAAKM,WAC5CzC,EAAYmC,EAAKK,YAAaL,EAAKM,aAAaC,QAChDC,CAAS,EAKbC,eAA6B,OAAbnB,EAChBH,YACAD,gBACAE,WACAM,gBAGIgB,EAAaC,EAAAA,cAAoB,CACrCtB,UACAH,gBACAI,WACA1B,kBACA6B,mBACAvC,SACAW,cACA0B,cACAC,iBAGF,MAAO,CAAEoB,iBAAkB3B,EAAUA,WAACU,EAAgBe,GAAad,mBACrE"}

package/amd/useSelection-af7b4b52.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './eventsUtils-edf8f4e5', 'preact/jsx-runtime', './BaseButton-19a622bc', './Text-cd61a065', './useTranslationBundle-516b1b83', './hooks/PRIVATE_useVisSelection/themes/ClearSelection.css', './Layer-447c68e6', 'preact/compat', './LayerHost-e95c5f30', './Floating-1ec5ec2a'], (function(e,t,n,o,r,l,c,i,s,a,u,d){"use strict";const p=({onAction:e})=>{const t=`${c.useTranslationBundle("@oracle/oraclejet-preact").vis_clearSelection()}`;return o.jsx("div",{class:i.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})})})},f=18;const g=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],y=(e,t,o,r,l,c)=>{let i=new Set([]);if(null!=e){i=new Set(t);const n=t.has(e);"toggle"===r?n?i.delete(e):"single"===o?i=new Set([e]):i.add(e):n||(i=new Set([e]))}n.isEqual(i,t)||c?.({ids:[...i],data:[...i].map(l)})};e.useSelection=function({selection:e=[],selectionMode:n="none",idExtracter:r,onChange:l,isDrillEnabled:c,isKeyboardSelection:i,getDataById:a}){const u=t.useRef(),{clearSelectionContent:x,tryToggleClearButton:h}=function({clearSelection:e}){const[n,r]=t.useState(!1),l=t.useRef({x:0,y:0}),c={mainAxis:2*f},i={current:l.current};return{clearSelectionContent:n?o.jsx(s.Layer,{children:o.jsx(d.Floating,{anchorRef:i,offsetValue:c,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,c)=>"touch"===e.pointerType&&void 0===t&&"multiple"===o&&c.size>1&&(r(!n),l.current={x:e.clientX,y:e.clientY},!0)}}({clearSelection:()=>{y(void 0,new Set(e),n,"replace",a,l)}}),S=t.useCallback((t=>{if("marquee"===t.target.dataset.ojId)return;const o=new Set(e);if(u.current&&c)return clearTimeout(u.current),void(u.current=void 0);const i=r(t);if(h(t,i,n,o))return;const s=t.metaKey,d=t.ctrlKey;t.defaultPrevented||null==i&&(s||d)||(c?u.current=setTimeout((()=>{y(i,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,l),u.current=void 0}),250):y(i,o,n,s||d||"touch"===t.pointerType?"toggle":"replace",a,l))}),[e,n,l,r,c,a,h]),m=t.useCallback((t=>{const o=r(t),c=t.ctrlKey;y(o,new Set(e),n,c?"toggle":"replace",a,l)}),[e,n,l,r,a]),w=t.useCallback((t=>{const o=t.shiftKey,c=t.ctrlKey&&" "===t.key,s=-1!==g.indexOf(t.key),u=r(t);if(s||c||i&&i(t)){const t=o||c?"toggle":"replace";y(u,new Set(e),n,t,a,l)}}),[e,n,l,r,i,a]);return{selectionContent:x,selectionProps:"none"===n||null==l?{}:{onKeyUp:w,onContextMenu:m,onPointerUp:S}}}}));
-//# sourceMappingURL=useSelection-af7b4b52.js.map

package/amd/useSelection-af7b4b52.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelection-af7b4b52.js","sources":["../../src/hooks/PRIVATE_useVisSelection/ClearSelectionButton.tsx","../../src/hooks/PRIVATE_useVisSelection/useClearSelection.tsx","../../src/hooks/PRIVATE_useVisSelection/useSelection.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 { 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","/**\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};\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}: 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 ((event.target as HTMLElement).dataset['ojId'] === 'marquee') {\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    ]\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"],"names":["ClearSelectionButton","onAction","clearSelectionLabel","useTranslationBundle","vis_clearSelection","_jsx","class","clearButtonStyles","base","children","BaseButton","styling","elementDetails","type","isFocusable","isLabel","variant","Text","truncation","weight","DEFAULT_OFFSET","NAVKEYS","handleSelect","itemId","selectedIds","selectionMode","selectionBehavior","getDataById","onChange","ids","Set","isSelected","has","delete","add","isEqual","data","map","selection","idExtracter","isDrillEnabled","isKeyboardSelection","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","dataset","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-f0c7d74d.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './keys-4755c121', './useUser-85c781ea', './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?{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-f0c7d74d.js.map

package/amd/useSelection-f0c7d74d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelection-f0c7d74d.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' && !(event.ctrlKey || event.metaKey))\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/useTestId-3a316499.js

@@ -1,2 +0,0 @@
-define(['exports', './LayerHost-e95c5f30', '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-3a316499.js.map

package/amd/useTestId-3a316499.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTestId-3a316499.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-ac980f9a.js

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

package/amd/useTheme-ac980f9a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme-ac980f9a.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-6b2de213.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './useColorScheme-10dc88de', './useScale-37d42c9d', './theme-a8f3d819', './mergeInterpolations-9ede4cf7', './LayerHost-e95c5f30', './Theme-d945adae', './useDensity-c83df7b4'], (function(e,t,o,n,s,c,r,u,a){"use strict";e.useThemeInterpolations=function(e){const[l,i]=t.useState(void 0),d=o.useColorScheme(),f=a.useDensity(),m=n.useScale(),S=f!==r.DefaultEnvironment.density?f:void 0,h=m!==r.DefaultEnvironment.scale?m:void 0;t.useLayoutEffect((()=>{const t=e&&e.current&&"function"==typeof e.current.closest?e.current.closest(`.${u.INVERT_CLASS}:not(.${u.DARK_CLASS})`):null;i(d!==r.DefaultEnvironment.colorScheme?d:t?"dark":void 0)}),[e,d]);const v=c.mergeInterpolations([...Object.values(s.themeInterpolations)]),{class:p}=v({colorScheme:l,scale:h,density:S});return p}}));
-//# sourceMappingURL=useThemeInterpolations-6b2de213.js.map

package/amd/useThemeInterpolations-6b2de213.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThemeInterpolations-6b2de213.js","sources":["../../src/hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations.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 { 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';\n\n/**\n * The logical parent of the re-parented content that 'launched' it in the popup/dropdown.\n */\ntype LogicalParentRef = RefObject<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 closestElementWithColorInvertClass =\n      logicalParentRef &&\n      logicalParentRef.current &&\n      typeof logicalParentRef.current.closest === 'function'\n        ? logicalParentRef.current.closest(`.${INVERT_CLASS}:not(.${DARK_CLASS})`)\n        : null;\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":["logicalParentRef","colorScheme","setColorScheme","useState","undefined","currentColorScheme","useColorScheme","currentDensity","useDensity","currentScale","useScale","density","DefaultEnvironment","scale","useLayoutEffect","closestElementWithColorInvertClass","current","closest","INVERT_CLASS","DARK_CLASS","interpolations","mergeInterpolations","Object","values","themeInterpolations","class","classes"],"mappings":"6QA2BM,SAAiCA,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,EACJf,GACAA,EAAiBgB,SAC2B,mBAArChB,EAAiBgB,QAAQC,QAC5BjB,EAAiBgB,QAAQC,QAAQ,IAAIC,EAAAA,qBAAqBC,iBAC1D,KACNjB,EACEG,IAAuBO,EAAAA,mBAAmBX,YACtCI,EACAU,EACA,YACAX,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-7b11fd35.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './useTooltipControlled-52183a08'], (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:C}=e.useTooltipControlled({text:t,isOpen:r,position:s,isDisabled:c,offset:l,anchor:n,variant:p,onToggle:d,testId:a});return{tooltipContent:f,tooltipProps:C}}}));
-//# sourceMappingURL=useTooltip-7b11fd35.js.map

package/amd/useTooltip-7b11fd35.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTooltip-7b11fd35.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-52183a08.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useId-c9578d26', './useHover-7964884c', './useFocus-4194fc59', './useTouch-37489bb5', './mergeProps-bcfa6a92', './useAnimation-5a74955f', './useComponentTheme-5aa41a8f', './useTestId-3a316499', './useThemeInterpolations-6b2de213', './classNames-08d99695', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './useColorScheme-10dc88de', './tooltipUtils-69ce0a2d'], (function(e,t,n,o,u,s,r,i,c,a,l,d,m,p,f,g){"use strict";const h=({children:e,id:o,isOpen:u,isDatatip:s,onTransitionEnd:r,testId:i,...f})=>{const g=n.useRef(null),h=n.useRef(null),T=l.useTestId(i),{baseTheme:v,variantClasses:P,styles:b}=a.useComponentTheme(p.TooltipContentRedwoodTheme,{variant:s?"datatip":"tooltip"}),E=d.useThemeInterpolations(),{nodeRef:x}=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([b.wrapper,E,v]),...T,children:t.jsx("div",{ref:x,class:b.inner,...f,children:t.jsx("div",{ref:h,class:m.classNames([P,b.content]),children:e})})})};e.TooltipContent=h,e.useTooltipControlled=({text:e,isOpen:c=!1,variant:a="tooltip",position:l="bottom",focusStrategy:d="browser",isDisabled:m=!1,anchor:p={x:"element",y:"element"},offset:T,onToggle:v,testId:P})=>{const b=g.getGlobalTooltipManager(),E=m||!e,x=n.useRef(!0),[y,C]=n.useState(!E&&c?"mounting":"unmounted"),R=n.useRef(y),H=e=>{R.current=e,C(e)},[A,I]=n.useState(!1);I(!1);const D="datatip"===a,[k,S]=n.useState(!1),L="logical"===d,O=n.useRef(!0),{hoverProps:w,isHover:_}=u.useHover({}),{touchProps:B,isTouch:F}=r.useTouch({isDisabled:m}),{focusProps:M,isFocus:j}=s.useFocus({isDisabled:L}),{hoverProps:N,isHover:G}=u.useHover({isDisabled:m||!c}),U="pointer"===p.x||"pointer"===p.y,Y=n.useRef(o.useId()),K=n.useRef(null),W=n.useRef({x:-9999,y:-9999}),$=U&&!j?W:K,X=D?0:g.SHOW_TOOLTIP_DELAY,q=D?0:g.HIDE_TOOLTIP_DELAY,z=n.useRef(null),J=f.useColorScheme(),Q=n.useRef(!1),V=n.useRef(!1),Z=()=>{z.current&&(clearTimeout(z.current),z.current=null)};n.useEffect((()=>{Q.current=L?k:j&&b.isTabKeyActive(),Q.current&&(V.current=!1)}),[j,k,L,b]),n.useEffect((()=>{V.current=_}),[_]),n.useEffect((()=>{O.current?O.current=!1:U&&_&&"unmounted"===y||(e=>{if(e)switch(y){case"unmounted":H("mountPending");break;case"unmounting":H("mounting"),v?.({value:!0});break;case"unmountPending":Z(),H("mounted")}else switch(y){case"mounting":case"mounted":H("unmountPending");break;case"mountPending":Z(),ae(),H("unmounted")}})(_&&V.current||(j||k)&&Q.current||G||F)}),[_,j,k,G,F,U,y,v]);const ee=n.useCallback((()=>{Q.current=!1,V.current=!1,v?.({value:!1})}),[]);n.useEffect((()=>{x.current?x.current=!1:H(c?"mounting":"unmounting")}),[c]),n.useEffect((()=>()=>{Z(),Q.current=!1,V.current=!1}),[]),n.useEffect((()=>{"mounted"===y?b.register(ee):"unmounted"===y&&b.unregister(ee)}),[y,ee,b]),n.useEffect((()=>(z.current||"mountPending"!==y&&"unmountPending"!==y||(z.current=setTimeout((()=>{Z(),"mountPending"!==y&&"unmountPending"!==y||y!==R.current||v?.({value:"mountPending"===y})}),"mountPending"===y?X:q)),()=>{Z()})),[y,X,q,v]);const te=e=>{S(!0),K.current=e,$.current=e},ne=()=>{S(!1)},oe=n.useCallback((e=>{(e.eventPhase===Event.AT_TARGET||e.eventPhase===Event.BUBBLING_PHASE&&D)&&(K.current=e.target)}),[D]),ue=n.useCallback((e=>{e.eventPhase===Event.AT_TARGET&&(Q.current=!1)}),[]),se=L?{}:{onFocus:oe,onBlur:ue},re={onMouseEnter:n.useCallback((e=>{K.current=e.target}),[])},ie={onKeyDown:n.useCallback((e=>{"Escape"===e.code&&Q.current&&(e.preventDefault(),Q.current=!1,v?.({value:!1}))}),[v])};let ce;const ae=()=>{W.current={x:-9999,y:-9999}};if(E)ce=i.mergeProps(w,M,re,se);else{const e={"aria-describedby":Y.current,...U&&{onMouseLeave:()=>{"mounting"!==y&&Z()},onMouseMove:e=>{(e=>{if("unmounted"!==y&&("datatip"!==a||"mounted"!==y))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"===p.x?e.clientX:n,s="pointer"===p.y?e.clientY:o;"mounted"===y?(W.current={x:u,y:s},!0!==A&&I(!0)):"unmounted"===y&&(Z(),z.current=setTimeout((()=>{"unmounted"===y&&(W.current={x:u,y:s},v?.({value:!0}))}),q))})(e)}}};ce=i.mergeProps(w,M,B,re,se,e,ie,L?{onLogicalFocus:te,onLogicalBlur:ne}:{})}if(E)return Z(),ae(),{tooltipContent:null,tooltipProps:ce};const le=l,de=t.jsx(h,{id:Y.current,testId:P,isOpen:["mounting","mounted","unmountPending"].includes(y),...N,isDatatip:D,onTransitionEnd:()=>{"mounting"===y&&H("mounted"),"unmounting"===y&&(ae(),H("unmounted"))},children:e}),me=g.getWrappedTooltipContent(de,a,J,$,le,T);return{tooltipContent:!["unmounted","mountPending"].includes(y)&&me,tooltipProps:ce}}}));
-//# sourceMappingURL=useTooltipControlled-52183a08.js.map