@oracle/oraclejet-preact 17.0.0 → 17.0.2

package/amd/useTabBar-254fbf75.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-6740111c', './useCollectionFocusRing-64636529', './useCurrentKey-26170e5e', './useId-c9578d26'], (function(e,t,r,n,o,s,c){"use strict";const u='[role="tab"]',i="data-oj-removable";const l=(e,t,r)=>{const o=e.closest(t);if(o){if(o.hasAttribute(i)){const t=e.closest(r);if(t&&o?.contains(t))return null}return n.getKey(o)}return null},a=(e,t,r)=>{const n=r.indexOf(e);if(-1===n)return t[0];let o=0,s=!1;for(n===r.length-1?(o=n-1,s=!0):o=n+1;o!==n&&o>-1&&o<r.length;){const e=r[o];if(-1!==t.indexOf(e))return e;s?o--:o++}return t[0]};e.useTabBar=function(e){const{children:f,class:y,display:d,edge:g="top",selection:m,onSelect:b,onRemove:v,ref:p,size:K}=e,h=t.useRef(null),R=p||h,k=c.useId(),[x,A]=t.useState(m),[E,P]=t.useState(!1),S=k+"_",C=t.useRef();t.useEffect((()=>{if(R.current){const e=Array.from(R.current.querySelectorAll(u)).map((e=>n.getKey(e)));x&&!e.includes(x)&&(C.current?A(a(x,e,C.current)):A(e[0])),C.current=e}}),[f,x,R]);const[F,w]=o.useCollectionFocusRing(R,["ArrowRight","ArrowLeft","Home","End"]),{currentKeyProps:B}=s.useCurrentKey((e=>v?l(e,u,'[data-oj-tabbar-item-remove-icon="true"]'):n.keyExtractor(e,u)),!1,void 0,void 0,n.getPrevNextKeyUsingRef(R,x,!0,u),n.getPrevNextKeyUsingRef(R,x,!1,u),x,(e=>{A(e.value),P(!1)})),D={onKeyDown:e=>{if(R.current&&x){if("Home"===e.key||"End"===e.key){const t=Array.from(R.current.querySelectorAll(u),(e=>n.getKey(e)));e.preventDefault(),A?.(t["Home"===e.key?0:t.length-1])}if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),b?.({value:x})),"Delete"===e.key){n.findElementByKey(R.current,x,u).hasAttribute(i)&&v?.({value:x})}"Escape"===e.key&&P(!0)}},onFocus:()=>{if(R.current&&void 0===x){const e=n.getFirstVisibleKey(R.current,u);e&&A(e)}}};return{rootProps:r.mergeProps({"aria-activedescendant":x?S+x:"","aria-multiselectable":!1,class:y,ref:R,role:"tablist",tabIndex:0},B,w,D),tabBarContext:{currentKey:x,display:d,isEdgeBottom:"bottom"===g,layout:"condense",onRemove:v,onSelect:b,showFocusRing:F,hideTooltip:E,selection:m,size:K,tabItemPrefix:S}}}}));
-//# sourceMappingURL=useTabBar-254fbf75.js.map

package/amd/useTabBar-254fbf75.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTabBar-254fbf75.js","sources":["../../src/hooks/PRIVATE_useTabBar/useTabBar.ts"],"sourcesContent":["import { useState, useRef, useEffect } from 'preact/hooks';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport {\n  getPrevNextKeyUsingRef,\n  getFirstVisibleKey,\n  getKey,\n  keyExtractor,\n  findElementByKey\n} from '../../utils/PRIVATE_collectionUtils';\nimport { useCollectionFocusRing } from '../PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../PRIVATE_useCurrentKey';\nimport { useId } from '../UNSAFE_useId';\n\nimport { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../../UNSAFE_TabBarCommon';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n};\n\nconst ITEM_SELECTOR = '[role=\"tab\"]';\nconst REMOVABLE_ICON_SELECTOR = '[data-oj-tabbar-item-remove-icon=\"true\"]';\nconst REMOVABLE_ITEM_ATTRIBUTE = 'data-oj-removable';\n\n/**\n * Implements TabBar behavior for focus and keyboad handling\n */\nexport function useTabBar<K extends string | number>(options: useTabBarOptions) {\n  const {\n    children,\n    class: className,\n    display,\n    edge = 'top',\n    selection,\n    onSelect,\n    onRemove,\n    ref: userRef,\n    size\n  } = options;\n\n  const internalRef = useRef<HTMLDivElement>(null);\n  const rootRef = userRef || internalRef;\n\n  const tabId = useId();\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection as K);\n  const [hideTooltip, setHideTooltip] = useState(false);\n\n  const tabItemPrefix = tabId + '_';\n\n  /**\n   * A reference to the previous set of tab keys that this TabBar\n   * contains before children were re-rendered. In the event the \"current\" tab\n   * is removed and the \"currentKey\" reference is broken, we can redirect\n   * the \"currentKey\" to another tab based on the index of the removed tab.\n   */\n  const prevTabKeys = useRef<(string | number | undefined)[]>();\n\n  useEffect(() => {\n    if (rootRef.current) {\n      const tabKeys = Array.from(rootRef.current.querySelectorAll(ITEM_SELECTOR)).map((elem) =>\n        getKey(elem as HTMLElement)\n      );\n      if (currentKey && !tabKeys.includes(currentKey as K)) {\n        //If prevTabs does not exist set the first visible key as currentKey\n        prevTabKeys.current\n          ? setCurrentKey(findNextValidKey(currentKey, tabKeys, prevTabKeys.current) as K)\n          : setCurrentKey(tabKeys[0] as K);\n      }\n      prevTabKeys.current = tabKeys;\n    }\n  }, [children, currentKey, rootRef]);\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, [\n    'ArrowRight',\n    'ArrowLeft',\n    'Home',\n    'End'\n  ]);\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) =>\n      onRemove\n        ? extractOnlyItemKey(element, ITEM_SELECTOR, REMOVABLE_ICON_SELECTOR)\n        : keyExtractor(element, ITEM_SELECTOR),\n    false,\n    undefined,\n    undefined,\n    getPrevNextKeyUsingRef(rootRef, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKeyUsingRef(rootRef, currentKey, false, ITEM_SELECTOR),\n    currentKey,\n    (detail) => {\n      setCurrentKey(detail.value as K);\n      setHideTooltip(false);\n    }\n  );\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (rootRef.current && currentKey) {\n      if (event.key === 'Home' || event.key === 'End') {\n        const tabBarItemKey = Array.from(rootRef.current.querySelectorAll(ITEM_SELECTOR), (elem) =>\n          getKey(elem as HTMLElement)\n        );\n        event.preventDefault();\n        setCurrentKey?.(tabBarItemKey[event.key === 'Home' ? 0 : tabBarItemKey.length - 1] as K);\n      }\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        onSelect?.({ value: currentKey });\n      }\n      if (event.key === 'Delete') {\n        const tabBarItem = findElementByKey(\n          rootRef.current,\n          currentKey,\n          ITEM_SELECTOR\n        ) as HTMLElement;\n        if (tabBarItem.hasAttribute(REMOVABLE_ITEM_ATTRIBUTE)) {\n          onRemove?.({ value: currentKey });\n        }\n      }\n      if (event.key === 'Escape') {\n        setHideTooltip(true);\n      }\n    }\n  };\n\n  const onFocus = () => {\n    if (rootRef.current && currentKey === undefined) {\n      const key = getFirstVisibleKey(rootRef.current, ITEM_SELECTOR);\n      if (key) {\n        setCurrentKey(key as K);\n      }\n    }\n  };\n\n  const eventProps = { onKeyDown, onFocus };\n\n  return {\n    rootProps: mergeProps(\n      {\n        'aria-activedescendant': currentKey ? tabItemPrefix + currentKey : '',\n        'aria-multiselectable': false,\n        class: className,\n        ref: rootRef,\n        role: 'tablist',\n        tabIndex: 0\n      },\n      currentKeyProps,\n      focusRingProps,\n      eventProps\n    ),\n    tabBarContext: {\n      currentKey,\n      display,\n      isEdgeBottom: edge === 'bottom',\n      layout: 'condense',\n      onRemove,\n      onSelect,\n      showFocusRing,\n      hideTooltip,\n      selection,\n      size,\n      tabItemPrefix\n    }\n  } as const;\n}\n\n//useCurrentKey use click capture that captures first click, which is on remove button\n//when we remove and sets the item being removed to currentKey. So we should not allow\n//this if click is on remove button\nconst extractOnlyItemKey = (element: HTMLElement, itemSelector: string, itemEliminator: string) => {\n  const tabBarItem = element.closest(itemSelector);\n  if (tabBarItem) {\n    if (tabBarItem.hasAttribute(REMOVABLE_ITEM_ATTRIBUTE)) {\n      const removeButton = element.closest(itemEliminator);\n      if (removeButton && tabBarItem?.contains(removeButton)) {\n        return null;\n      }\n    }\n    return getKey(tabBarItem as HTMLElement);\n  }\n  return null;\n};\n\nconst findNextValidKey = <K>(currentKey: K, currTabs: K[], prevTabs: K[]) => {\n  const index = prevTabs.indexOf(currentKey);\n  // update current key to be the first one if currentKey is invalid\n  if (index === -1) {\n    return currTabs[0];\n  }\n  let nextIndex = 0;\n  let isLastKey = false;\n  if (index === prevTabs.length - 1) {\n    nextIndex = index - 1;\n    isLastKey = true;\n  } else {\n    nextIndex = index + 1;\n  }\n  while (nextIndex !== index && nextIndex > -1 && nextIndex < prevTabs.length) {\n    const nextKey = prevTabs[nextIndex];\n    if (currTabs.indexOf(nextKey) !== -1) {\n      return nextKey;\n    }\n    isLastKey ? nextIndex-- : nextIndex++;\n  }\n  // update current key to be the first one if we can't find a suitable next key\n  return currTabs[0];\n};\n"],"names":["ITEM_SELECTOR","REMOVABLE_ITEM_ATTRIBUTE","extractOnlyItemKey","element","itemSelector","itemEliminator","tabBarItem","closest","hasAttribute","removeButton","contains","getKey","findNextValidKey","currentKey","currTabs","prevTabs","index","indexOf","nextIndex","isLastKey","length","nextKey","options","children","class","className","display","edge","selection","onSelect","onRemove","ref","userRef","size","internalRef","useRef","rootRef","tabId","useId","setCurrentKey","useState","hideTooltip","setHideTooltip","tabItemPrefix","prevTabKeys","useEffect","current","tabKeys","Array","from","querySelectorAll","map","elem","includes","showFocusRing","focusRingProps","useCollectionFocusRing","currentKeyProps","useCurrentKey","keyExtractor","undefined","getPrevNextKeyUsingRef","detail","value","eventProps","onKeyDown","event","key","tabBarItemKey","preventDefault","findElementByKey","onFocus","getFirstVisibleKey","rootProps","mergeProps","role","tabIndex","tabBarContext","isEdgeBottom","layout"],"mappings":"+MA8BA,MAAMA,EAAgB,eAEhBC,EAA2B,oBAmJjC,MAAMC,EAAqB,CAACC,EAAsBC,EAAsBC,KACtE,MAAMC,EAAaH,EAAQI,QAAQH,GACnC,GAAIE,EAAY,CACd,GAAIA,EAAWE,aAAaP,GAA2B,CACrD,MAAMQ,EAAeN,EAAQI,QAAQF,GACrC,GAAII,GAAgBH,GAAYI,SAASD,GACvC,OAAO,IAEV,CACD,OAAOE,EAAAA,OAAOL,EACf,CACD,OAAO,IAAI,EAGPM,EAAmB,CAAIC,EAAeC,EAAeC,KACzD,MAAMC,EAAQD,EAASE,QAAQJ,GAE/B,IAAe,IAAXG,EACF,OAAOF,EAAS,GAElB,IAAII,EAAY,EACZC,GAAY,EAOhB,IANIH,IAAUD,EAASK,OAAS,GAC9BF,EAAYF,EAAQ,EACpBG,GAAY,GAEZD,EAAYF,EAAQ,EAEfE,IAAcF,GAASE,GAAa,GAAKA,EAAYH,EAASK,QAAQ,CAC3E,MAAMC,EAAUN,EAASG,GACzB,IAAmC,IAA/BJ,EAASG,QAAQI,GACnB,OAAOA,EAETF,EAAYD,IAAcA,GAC3B,CAED,OAAOJ,EAAS,EAAE,cAlLd,SAA+CQ,GACnD,MAAMC,SACJA,EACAC,MAAOC,EAASC,QAChBA,EAAOC,KACPA,EAAO,MAAKC,UACZA,EAASC,SACTA,EAAQC,SACRA,EACAC,IAAKC,EAAOC,KACZA,GACEX,EAEEY,EAAcC,SAAuB,MACrCC,EAAUJ,GAAWE,EAErBG,EAAQC,EAAAA,SACPzB,EAAY0B,GAAiBC,EAAQA,SAAgBZ,IACrDa,EAAaC,GAAkBF,EAAQA,UAAC,GAEzCG,EAAgBN,EAAQ,IAQxBO,EAAcT,EAAAA,SAEpBU,EAAAA,WAAU,KACR,GAAIT,EAAQU,QAAS,CACnB,MAAMC,EAAUC,MAAMC,KAAKb,EAAQU,QAAQI,iBAAiBlD,IAAgBmD,KAAKC,GAC/EzC,EAAAA,OAAOyC,KAELvC,IAAekC,EAAQM,SAASxC,KAElC+B,EAAYE,QACRP,EAAc3B,EAAiBC,EAAYkC,EAASH,EAAYE,UAChEP,EAAcQ,EAAQ,KAE5BH,EAAYE,QAAUC,CACvB,IACA,CAACxB,EAAUV,EAAYuB,IAE1B,MAAOkB,EAAeC,GAAkBC,EAAAA,uBAAuBpB,EAAS,CACtE,aACA,YACA,OACA,SAGIqB,gBAAEA,GAAoBC,iBACzBvD,GACC2B,EACI5B,EAAmBC,EAASH,EA7DN,4CA8DtB2D,eAAaxD,EAASH,KAC5B,OACA4D,OACAA,EACAC,yBAAuBzB,EAASvB,GAAY,EAAMb,GAClD6D,yBAAuBzB,EAASvB,GAAY,EAAOb,GACnDa,GACCiD,IACCvB,EAAcuB,EAAOC,OACrBrB,GAAe,EAAM,IA0CnBsB,EAAa,CAAEC,UAtCFC,IACjB,GAAI9B,EAAQU,SAAWjC,EAAY,CACjC,GAAkB,SAAdqD,EAAMC,KAAgC,QAAdD,EAAMC,IAAe,CAC/C,MAAMC,EAAgBpB,MAAMC,KAAKb,EAAQU,QAAQI,iBAAiBlD,IAAiBoD,GACjFzC,SAAOyC,KAETc,EAAMG,iBACN9B,IAAgB6B,EAA4B,SAAdF,EAAMC,IAAiB,EAAIC,EAAchD,OAAS,GACjF,CAKD,GAJkB,UAAd8C,EAAMC,KAAiC,MAAdD,EAAMC,MACjCD,EAAMG,iBACNxC,IAAW,CAAEkC,MAAOlD,KAEJ,WAAdqD,EAAMC,IAAkB,CACPG,EAAAA,iBACjBlC,EAAQU,QACRjC,EACAb,GAEaQ,aAAaP,IAC1B6B,IAAW,CAAEiC,MAAOlD,GAEvB,CACiB,WAAdqD,EAAMC,KACRzB,GAAe,EAElB,GAY6B6B,QAThB,KACd,GAAInC,EAAQU,cAA0Bc,IAAf/C,EAA0B,CAC/C,MAAMsD,EAAMK,EAAkBA,mBAACpC,EAAQU,QAAS9C,GAC5CmE,GACF5B,EAAc4B,EAEjB,IAKH,MAAO,CACLM,UAAWC,EAAAA,WACT,CACE,wBAAyB7D,EAAa8B,EAAgB9B,EAAa,GACnE,wBAAwB,EACxBW,MAAOC,EACPM,IAAKK,EACLuC,KAAM,UACNC,SAAU,GAEZnB,EACAF,EACAS,GAEFa,cAAe,CACbhE,aACAa,UACAoD,aAAuB,WAATnD,EACdoD,OAAQ,WACRjD,WACAD,WACAyB,gBACAb,cACAb,YACAK,OACAU,iBAGN"}

package/amd/useTestId-f3b8b319.js

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

package/amd/useTestId-f3b8b319.js.map

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

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

package/amd/useTheme-45e3b0b3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme-45e3b0b3.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-1f5fd8f3.js

@@ -1,2 +0,0 @@
-define(['exports', './useColorScheme-3ffd80c4', './useScale-fe3420c6', './theme-a8f3d819', './mergeInterpolations-9ede4cf7', './LayerHost-0a244de8'], (function(e,o,t,s,n,c){"use strict";e.useThemeInterpolations=function(){const e=o.useColorScheme(),r=t.useScale(),a=r!==c.DefaultEnvironment.scale?r:void 0,l=n.mergeInterpolations([...Object.values(s.themeInterpolations)]),{class:u}=l({colorScheme:e,scale:a});return u}}));
-//# sourceMappingURL=useThemeInterpolations-1f5fd8f3.js.map

package/amd/useThemeInterpolations-1f5fd8f3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThemeInterpolations-1f5fd8f3.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 { 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';\n\n// This hook encasulates the logic required to determine which theme style classes are needed\n// for the current environment context's colorScheme and scale value.  This would be used when\n// rendering dom outside of the current dom tree, but desire to match the colorScheme and scale\n// of the original dom tree.\nexport function useThemeInterpolations() {\n  const colorScheme = useColorScheme();\n  const currentScale = useScale();\n  // We don't want to interpolate the default environment values for scacle.  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 scale = currentScale !== DefaultEnvironment.scale ? currentScale : undefined;\n\n  const interpolations = mergeInterpolations<ThemeProps>([...Object.values(themeInterpolations)]);\n  const { class: classes } = interpolations({ colorScheme, scale });\n  return classes;\n}\n"],"names":["colorScheme","useColorScheme","currentScale","useScale","scale","DefaultEnvironment","undefined","interpolations","mergeInterpolations","Object","values","themeInterpolations","class","classes"],"mappings":"wNAmBE,MAAMA,EAAcC,EAAAA,iBACdC,EAAeC,EAAAA,WAGfC,EAAQF,IAAiBG,EAAAA,mBAAmBD,MAAQF,OAAeI,EAEnEC,EAAiBC,EAAAA,oBAAgC,IAAIC,OAAOC,OAAOC,EAAAA,wBACjEC,MAAOC,GAAYN,EAAe,CAAEP,cAAaI,UACzD,OAAOS,CACT"}

package/amd/useTooltip-e965a559.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './useTooltipControlled-18271c7a'], (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:a="tooltip",testId:p})=>{const[r,c]=o.useState(!1),u=i||!t,d=l||{mainAxis:8,crossAxis:0},f=o.useCallback((t=>{c(t.value)}),[]),{tooltipContent:x,tooltipProps:C}=e.useTooltipControlled({text:t,isOpen:r,position:s,isDisabled:u,offset:d,anchor:n,variant:a,onToggle:f,testId:p});return{tooltipContent:x,tooltipProps:C}}}));
-//# sourceMappingURL=useTooltip-e965a559.js.map

package/amd/useTooltip-e965a559.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTooltip-e965a559.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\nconst defaultOffset = 8; // Redwood tooltip has a default offset of 8 pixels\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 newOffset = offset ? offset : { mainAxis: defaultOffset, crossAxis: 0 };\n\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: newOffset,\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","newOffset","mainAxis","crossAxis","onToggleHandler","useCallback","details","value","tooltipContent","tooltipProps","useTooltipControlled","onToggle"],"mappings":"+GAsC0B,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,EAAYP,GAAkB,CAAEQ,SArClB,EAqC2CC,UAAW,GAEpEC,EAAkBC,eAAaC,IACnCR,EAAUQ,EAAQC,MAAM,GACvB,KAEGC,eAAEA,EAAcC,aAAEA,GAAiBC,uBAAqB,CAC5DtB,OACAS,SACAR,WACAC,WAAYU,EACZN,OAAQO,EACRV,SACAI,UACAgB,SAAUP,EACVR,WAGF,MAAO,CACLY,iBACAC,eACD"}

package/amd/useTooltipControlled-18271c7a.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useId-c9578d26', './Floating-8f519f4d', './Layer-8d7bbd69', 'preact/compat', './LayerHost-0a244de8', './useHover-1890d6a0', './useFocus-4194fc59', './useTouch-37489bb5', './mergeProps-bcfa6a92', './useAnimation-5bd3adfc', './useComponentTheme-5aa41a8f', './useTestId-f3b8b319', './useThemeInterpolations-1f5fd8f3', './classNames-08d99695', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './EnvironmentProvider-9e71b5c2', './useColorScheme-3ffd80c4'], (function(e,t,n,o,s,r,u,i,c,a,l,d,m,f,h,p,g,b,v,T){"use strict";const y=({children:e,id:o,isOpen:s,isDatatip:r,onTransitionEnd:u,testId:i,...c})=>{const a=n.useRef(null),l=n.useRef(null),d=h.useTestId(i),{baseTheme:v,variantClasses:T,styles:y}=f.useComponentTheme(b.TooltipContentRedwoodTheme,{variant:r?"datatip":"tooltip"}),k=p.useThemeInterpolations(),{nodeRef:P}=m.useAnimation(s?"mounted":"unmounted",{animationStates:{mounted:e=>{const t=e.firstChild;return{from:{maxHeight:"0",opacity:"0%"},to:{maxHeight:`${t?.offsetHeight}px`,opacity:r?"100%":"95%"},options:{duration:r?1:100,easing:[0,0,.2,1]}}},unmounted:e=>({from:{opacity:r?"100%":"95%"},to:{maxHeight:"0",opacity:"0%"},options:{duration:r?1:100,easing:[0,0,.2,1]}})},isAnimatedOnMount:!0,onAnimationEnd:()=>u?.()});return n.useEffect((()=>{a.current&&l.current?.offsetHeight&&(a.current.style.height=`${l.current?.offsetHeight}px`)}),[]),t.jsx("div",{ref:a,id:o,role:"tooltip",class:g.classNames([y.wrapper,k,v]),...d,children:t.jsx("div",{ref:P,class:y.inner,...c,children:t.jsx("div",{ref:l,class:g.classNames([T,y.content]),children:e})})})};const k=new class{constructor(){this.keyDownHandler=e=>{"Tab"===e.key&&(this.tabKeyActive=!0,setTimeout((()=>{this.tabKeyActive=!1}),100))},this.register=e=>{this.activeCallback&&this.activeCallback!==e&&this.activeCallback(),this.activeCallback=e},this.unregister=e=>{this.activeCallback===e&&(this.activeCallback=null)},this.isTabKeyActive=()=>this.tabKeyActive,this.activeCallback=null,this.tabKeyActive=!1,window.addEventListener("keydown",this.keyDownHandler,!0)}};e.useTooltipControlled=({text:e,isOpen:u=!1,variant:i="tooltip",position:m="bottom",focusStrategy:f="browser",isDisabled:h=!1,anchor:p={x:"element",y:"element"},offset:g={mainAxis:0,crossAxis:0},onToggle:b,testId:P})=>{const x=h||!e,C=n.useRef(!0),[E,A]=n.useState(!x&&u?"mounting":"unmounted"),R=n.useRef(E),w=e=>{R.current=e,A(e)},[H,D]=n.useState(!1);D(!1);const I="datatip"===i,[S,j]=n.useState(!1),F="logical"===f,L=n.useRef(!0),{hoverProps:K,isHover:B}=c.useHover({}),{touchProps:M,isTouch:N}=l.useTouch({isDisabled:h}),{focusProps:O,isFocus:_}=a.useFocus({isDisabled:F}),{hoverProps:G,isHover:U}=c.useHover({isDisabled:h}),$="pointer"===p.x||"pointer"===p.y,V=n.useRef(o.useId()),X=n.useRef(null),Y=n.useRef({x:-9999,y:-9999}),q=$&&!_?Y:X,z=I?0:250,J=n.useRef(null),Q=T.useColorScheme(),W=Q&&"light"!==Q?"light":"dark",Z=n.useRef(!1),ee=n.useRef(!1),te=()=>{J.current&&(clearTimeout(J.current),J.current=null)};n.useEffect((()=>{Z.current=F?S:_&&k.isTabKeyActive(),Z.current&&(ee.current=!1)}),[_,S,F]),n.useEffect((()=>{ee.current=B,ee.current&&(Z.current=!1)}),[B]),n.useEffect((()=>{L.current?L.current=!1:$&&B&&"unmounted"===E||(e=>{if(e)switch(E){case"unmounted":w("mountPending");break;case"unmounting":w("mounting"),b?.({value:!0});break;case"unmountPending":te(),w("mounted")}else switch(E){case"mounting":case"mounted":w("unmountPending");break;case"mountPending":te(),de(),w("unmounted")}})(B&&ee.current||(_||S)&&Z.current||U||N)}),[B,_,S,U,N,$,E,b]);const ne=n.useCallback((()=>{Z.current=!1,ee.current=!1,b?.({value:!1})}),[]);n.useEffect((()=>{C.current?C.current=!1:w(u?"mounting":"unmounting")}),[u]),n.useEffect((()=>()=>{te(),Z.current=!1,ee.current=!1}),[]),n.useEffect((()=>{"mounted"===E?k.register(ne):"unmounted"===E&&k.unregister(ne)}),[E,ne]),n.useEffect((()=>(J.current||"mountPending"!==E&&"unmountPending"!==E||(J.current=setTimeout((()=>{te(),"mountPending"!==E&&"unmountPending"!==E||E!==R.current||b?.({value:"mountPending"===E})}),z)),()=>{te()})),[E,z,b]);const oe=e=>{j(!0),X.current=e,q.current=e},se=()=>{j(!1)},re=n.useCallback((e=>{(e.eventPhase===Event.AT_TARGET||e.eventPhase===Event.BUBBLING_PHASE&&I)&&(X.current=e.target)}),[I]),ue=n.useCallback((e=>{e.eventPhase===Event.AT_TARGET&&(Z.current=!1)}),[]),ie=F?{}:{onFocus:re,onBlur:ue},ce={onMouseEnter:n.useCallback((e=>{X.current=e.target}),[])},ae={onKeyDown:n.useCallback((e=>{"Escape"===e.code&&Z.current&&(e.preventDefault(),Z.current=!1,b?.({value:!1}))}),[b])};let le;const de=()=>{Y.current={x:-9999,y:-9999}};if(x)le=d.mergeProps(K,O,ce,ie);else{const e={"aria-describedby":V.current,...$&&{onMouseLeave:()=>{"mounting"!==E&&te()},onMouseMove:e=>{(e=>{if("unmounted"!==E&&("datatip"!==i||"mounted"!==E))return;const t=X?.current?.getBoundingClientRect(),n=document.body.scrollLeft+(t?.left||0)+(t?.width||0),o=document.body.scrollTop+(t?.top||0)+(t?.height||0),s="pointer"===p.x?e.clientX:n,r="pointer"===p.y?e.clientY:o;"mounted"===E?(Y.current={x:s,y:r},!0!==H&&D(!0)):"unmounted"===E&&(te(),J.current=setTimeout((()=>{"unmounted"===E&&(Y.current={x:s,y:r},b?.({value:!0}))}),z))})(e)}}};le=d.mergeProps(K,O,M,ce,ie,e,ae,F?{onLogicalFocus:oe,onLogicalBlur:se}:{})}if(x)return te(),de(),{tooltipContent:null,tooltipProps:le};const me=(e=>{let t="bottom";switch(e){case"top":case"end":case"bottom":case"start":t=e;break;case"top-end":t="top-end-corner";break;case"bottom-end":t="bottom-end-corner";break;case"bottom-start":t="bottom-start-corner";break;case"top-start":t="top-start-corner"}return t})(m),fe=t.jsx(y,{id:V.current,testId:P,isOpen:["mounting","mounted","unmountPending"].includes(E),...G,isDatatip:I,onTransitionEnd:()=>{"mounting"===E&&w("mounted"),"unmounting"===E&&(de(),w("unmounted"))},children:e}),he=t.jsx(r.Layer,{children:t.jsx(s.Floating,{anchorRef:q,placement:me,offsetValue:g,children:"tooltip"===i?t.jsx(v.EnvironmentProvider,{environment:{colorScheme:W},children:fe}):t.jsx(t.Fragment,{children:fe})})});return{tooltipContent:!["unmounted","mountPending"].includes(E)&&he,tooltipProps:le}}}));
-//# sourceMappingURL=useTooltipControlled-18271c7a.js.map

package/amd/useTooltipControlled-18271c7a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTooltipControlled-18271c7a.js","sources":["../../src/hooks/UNSAFE_useTooltip/TooltipContent.tsx","../../src/hooks/UNSAFE_useTooltip/useTooltipControlled.tsx","../../src/hooks/UNSAFE_useTooltip/TooltipManager.ts"],"sourcesContent":["import { useAnimation } from '../UNSAFE_useAnimation';\nimport { useComponentTheme } from '../UNSAFE_useComponentTheme';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { HTMLAttributesSignalExcluded } from '../../utils/UNSAFE_attributeUtils';\nimport {\n  TooltipContentVariantOptions,\n  TooltipContentStyles\n} from './themes/TooltipContentStyles.css';\n\nimport { useTestId, TestIdProps } from '../UNSAFE_useTestId';\nimport { useThemeInterpolations } from '../UNSAFE_useThemeInterpolations';\nimport { classNames } from '../../utils/UNSAFE_classNames';\nimport { TooltipContentRedwoodTheme } from './themes/redwood/TooltipContentTheme';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Status = 'mounted' | 'unmounted';\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isOpen: boolean;\n  isDatatip: boolean;\n  onTransitionEnd: () => void;\n} & TestIdProps;\n\nexport const TooltipContent = ({\n  children,\n  id,\n  isOpen,\n  isDatatip,\n  onTransitionEnd,\n  testId,\n  ...props\n}: ContentProps) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const testIdProps = useTestId(testId);\n\n  const { baseTheme, variantClasses, styles } = useComponentTheme<\n    TooltipContentVariantOptions,\n    TooltipContentStyles\n  >(TooltipContentRedwoodTheme, {\n    variant: isDatatip ? 'datatip' : 'tooltip'\n  });\n\n  const schemeClass = useThemeInterpolations();\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(isOpen ? 'mounted' : 'unmounted', {\n    animationStates: {\n      mounted: (_node) => {\n        const childNode = _node.firstChild as HTMLDivElement;\n        return {\n          from: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          to: {\n            maxHeight: `${childNode?.offsetHeight}px`,\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 100,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      },\n      unmounted: (_node) => {\n        return {\n          from: {\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          to: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 100,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      }\n    },\n    isAnimatedOnMount: true,\n    onAnimationEnd: () => onTransitionEnd?.()\n  });\n\n  // Set up initial wrapper height so Tooltip can animate from the bottom to the top\n  useEffect(() => {\n    if (wrapperRef.current && popoverRef.current?.offsetHeight) {\n      wrapperRef.current.style.height = `${popoverRef.current?.offsetHeight}px`;\n    }\n  }, []);\n\n  return (\n    <div\n      ref={wrapperRef}\n      id={id}\n      role=\"tooltip\"\n      class={classNames([styles.wrapper, schemeClass, baseTheme])}\n      {...testIdProps}>\n      <div ref={nodeRef} class={styles.inner} {...props}>\n        <div ref={popoverRef} class={classNames([variantClasses, styles.content])}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChild } from 'preact';\nimport { useState, useRef, useEffect, useCallback } from 'preact/hooks';\nimport { useId } from '../UNSAFE_useId';\nimport { Floating, Placement, Coords } from '../../UNSAFE_Floating';\nimport { Layer } from '../../UNSAFE_Layer';\nimport { useHover } from '../UNSAFE_useHover';\nimport { useFocus } from '../UNSAFE_useFocus';\nimport { useTouch } from '../UNSAFE_useTouch';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport { TooltipContent } from './TooltipContent';\nimport { EnvironmentProvider } from '../../UNSAFE_Environment';\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\nimport { TestIdProps } from '../UNSAFE_useTestId';\nimport { TooltipManager } from './TooltipManager';\n\n// Global TooltipManager singleton instance\nconst globalTooltipManager = new TooltipManager();\n\nexport const positions = [\n  'start',\n  'top-start',\n  'top',\n  'top-end',\n  'end',\n  'bottom-end',\n  'bottom',\n  'bottom-start'\n] as const;\ntype Position = (typeof positions)[number];\n\nconst positionToPlacement = (position: Position) => {\n  let placement: Placement = 'bottom';\n\n  switch (position) {\n    case 'top':\n    case 'end':\n    case 'bottom':\n    case 'start':\n      placement = position as Placement;\n      break;\n\n    case 'top-end':\n      placement = 'top-end-corner';\n      break;\n\n    case 'bottom-end':\n      placement = 'bottom-end-corner';\n      break;\n\n    case 'bottom-start':\n      placement = 'bottom-start-corner';\n      break;\n\n    case 'top-start':\n      placement = 'top-start-corner';\n      break;\n  }\n\n  return placement;\n};\n\nexport const anchorTos = ['element', 'pointer'] as const;\ntype AnchorTo = (typeof anchorTos)[number];\n\ntype AnchorModel = { x: AnchorTo; y: AnchorTo };\n\ntype Props = {\n  text?: string;\n  variant?: 'tooltip' | 'datatip';\n  isOpen: boolean;\n  position?: Position;\n  isDisabled?: boolean;\n  focusStrategy?: 'browser' | 'logical';\n  anchor?: AnchorModel;\n  offset?: { mainAxis?: number; crossAxis?: number };\n  onToggle?: (details: { value: boolean }) => void;\n} & TestIdProps;\n\n/**\n * The 'mounting' and 'unmounting' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Tooltip content is completely removed\n * from the DOM. The 'mountPending' and 'unmountPending' are used when timeout is active.\n * The 'reposition' state is used to trigger a transition with new coordinates within\n * the same element.\n */\ntype Status =\n  | 'unmounted'\n  | 'mountPending'\n  | 'mounting'\n  | 'mounted'\n  | 'unmountPending'\n  | 'unmounting';\n\nexport const useTooltipControlled = ({\n  text,\n  isOpen = false,\n  variant = 'tooltip',\n  position = 'bottom',\n  focusStrategy = 'browser',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset = { mainAxis: 0, crossAxis: 0 },\n  onToggle,\n  testId\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} => {\n  const disabled = isDisabled || !text;\n  const isInitialRenderState = useRef<boolean>(true);\n\n  const [state, _setState] = useState<Status>(!disabled && isOpen ? 'mounting' : 'unmounted');\n  const stateRef = useRef<Status>(state);\n  const setState = (newState: Status) => {\n    stateRef.current = newState;\n    _setState(newState);\n  };\n\n  // const tooltipId = useRef<string>(useId());\n\n  const [needsUpdate, setNeedsUpdate] = useState<boolean>(false);\n  setNeedsUpdate(false);\n\n  const isDatatip = variant === 'datatip';\n\n  const [isLogicalFocus, setLogicalFocus] = useState<boolean>(false);\n  const isLogicalFocusStrategy = focusStrategy === 'logical';\n  const isInitialRenderTrigger = useRef<boolean>(true);\n  const { hoverProps, isHover } = useHover({});\n  const { touchProps, isTouch } = useTouch({ isDisabled }); // TODO replace by useLongPress actionhook\n  // we only care about keyboard focus, don't enable useFocus hook if isHover or isTouch are active\n  const { focusProps, isFocus } = useFocus({\n    isDisabled: isLogicalFocusStrategy\n  });\n  const { hoverProps: popoverHoverProps, isHover: popoverIsHover } = useHover({ isDisabled });\n\n  const isPointer = anchor.x === 'pointer' || anchor.y === 'pointer';\n\n  const uniqueIdRef = useRef<string>(useId());\n  const targetRef = useRef<HTMLElement | null>(null);\n  const coordsRef = useRef<Coords>({ x: -9999, y: -9999 });\n  // if anchor is set to pointer and target does not have keyboard focus, use coords\n  const usedRef = isPointer && !isFocus ? coordsRef : targetRef;\n  const delay = isDatatip ? 0 : 250;\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const currentColorScheme = useColorScheme();\n  const newColorScheme = !currentColorScheme || currentColorScheme === 'light' ? 'dark' : 'light';\n\n  const focusActive = useRef<boolean>(false);\n  const hoverActive = useRef<boolean>(false);\n\n  const toggleTimeoutClear = () => {\n    if (toggleTimeoutRef.current) {\n      clearTimeout(toggleTimeoutRef.current);\n      toggleTimeoutRef.current = null;\n    }\n  };\n\n  /*\n   * This effect executes when isFocus/isLogicalFocus changes\n   * - focusActive ref is set if the focus change follows a Tab key\n   * - hoverActive ref is reset, if focusActive becomes true\n   */\n  useEffect(() => {\n    if (isLogicalFocusStrategy) {\n      focusActive.current = isLogicalFocus;\n    } else {\n      focusActive.current = isFocus && globalTooltipManager.isTabKeyActive();\n    }\n    if (focusActive.current) {\n      hoverActive.current = false;\n    }\n  }, [isFocus, isLogicalFocus, isLogicalFocusStrategy]);\n\n  /*\n   * This effect executes when isHover state changes\n   * - focusActive ref is reset, if hoverActive becomes true\n   */\n  useEffect(() => {\n    hoverActive.current = isHover;\n    if (hoverActive.current) {\n      focusActive.current = false;\n    }\n  }, [isHover]);\n\n  useEffect(() => {\n    // inner function for state transitions on various trigger changes\n    const updateState = (open: boolean) => {\n      if (open) {\n        // At least one toggle event is set to true\n        switch (state) {\n          case 'unmounted':\n            setState('mountPending'); // Set mount pending state if tooltip is unmounted\n            break;\n          case 'unmounting': // Switch back to mounting when unmounting was in progress and the tooltip should stay on\n            setState('mounting');\n            onToggle?.({ value: true });\n            break;\n          case 'unmountPending':\n            toggleTimeoutClear();\n            setState('mounted'); // Clear timers immediately and keep the tooltip mounted\n            break;\n        }\n      } else {\n        // No toggle events are set to true\n        switch (state) {\n          case 'mounting':\n          case 'mounted':\n            setState('unmountPending'); // Set unmount pending state if tooltip is mounted or in mounting transition\n            break;\n          case 'mountPending':\n            toggleTimeoutClear();\n            __resetCoords();\n            setState('unmounted'); // Unmount tooltip immediately if mounting is pending\n            break;\n        }\n      }\n    };\n\n    if (isInitialRenderTrigger.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderTrigger.current = false;\n      return;\n    }\n    // When pointer is used, handleMouseMove method is responsible for state updates\n    // until the tooltip is mounted\n    if (isPointer && isHover && state === 'unmounted') {\n      return;\n    }\n    updateState(\n      (isHover && hoverActive.current) ||\n        ((isFocus || isLogicalFocus) && focusActive.current) ||\n        popoverIsHover ||\n        isTouch\n    );\n  }, [isHover, isFocus, isLogicalFocus, popoverIsHover, isTouch, isPointer, state, onToggle]);\n\n  const destroyCallback = useCallback(() => {\n    focusActive.current = false;\n    hoverActive.current = false;\n    onToggle?.({ value: false });\n  }, []); // cannot depend on the 'onToggle' prop as some clients tend to pass a new callback on each render\n\n  useEffect(() => {\n    if (isInitialRenderState.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderState.current = false;\n      return;\n    }\n    setState(isOpen ? 'mounting' : 'unmounting');\n  }, [isOpen]);\n\n  useEffect(() => {\n    return () => {\n      // make sure to clear the toggle timeout on unmount\n      toggleTimeoutClear();\n      // reset focusActive and hoverActive refs\n      focusActive.current = false;\n      hoverActive.current = false;\n    };\n  }, []);\n\n  /*\n   * This effect executes when the component state changes.\n   * On 'mounted' state, the tooltip registers itself with the global tooltip manager.\n   * On 'unmounted', the tooltip unregisters from the global tooltip manager.\n   */\n  useEffect(() => {\n    if (state === 'mounted') {\n      globalTooltipManager.register(destroyCallback);\n    } else if (state === 'unmounted') {\n      globalTooltipManager.unregister(destroyCallback);\n    }\n  }, [state, destroyCallback]);\n\n  /*\n   * Set a timer to toggle the state afer the 'pending' period expires\n   */\n  useEffect(() => {\n    if (!toggleTimeoutRef.current && (state === 'mountPending' || state === 'unmountPending')) {\n      toggleTimeoutRef.current = setTimeout(() => {\n        toggleTimeoutClear();\n        // make sure the state has not changed in the mean time before onToggle\n        if (\n          (state === 'mountPending' || state === 'unmountPending') &&\n          state === stateRef.current\n        ) {\n          onToggle?.({ value: state === 'mountPending' });\n        }\n      }, delay);\n    }\n    return () => {\n      toggleTimeoutClear();\n    };\n  }, [state, delay, onToggle]);\n\n  const handleMouseMove = (event: MouseEvent) => {\n    // we only want track mouse move while the state is 'unmounted' or when moving a 'mounted' datatip\n    if (state !== 'unmounted' && !(variant === 'datatip' && state === 'mounted')) {\n      return;\n    }\n    const targetRect = targetRef?.current?.getBoundingClientRect();\n\n    // Tooltip maintains static offset from left side of window\n    const distanceX = document.body.scrollLeft + (targetRect?.left || 0) + (targetRect?.width || 0);\n\n    // Tooltip maintains static offset from top side of the window\n    const distanceY = document.body.scrollTop + (targetRect?.top || 0) + (targetRect?.height || 0);\n\n    // Display tooltip at the mouse position if both anchors are set to pointer\n    const x = anchor.x === 'pointer' ? event.clientX : distanceX;\n    const y = anchor.y === 'pointer' ? event.clientY : distanceY;\n\n    if (state === 'mounted') {\n      coordsRef.current = { x, y };\n      if (needsUpdate !== true) setNeedsUpdate(true);\n    } else if (state === 'unmounted') {\n      toggleTimeoutClear();\n      toggleTimeoutRef.current = setTimeout(() => {\n        if (state === 'unmounted') {\n          coordsRef.current = { x, y };\n          onToggle?.({ value: true });\n        }\n      }, delay);\n    }\n  };\n\n  const onLogicalFocus = (target: HTMLElement) => {\n    setLogicalFocus(true);\n    targetRef.current = target;\n    usedRef.current = target;\n  };\n\n  const onLogicalBlur = () => {\n    setLogicalFocus(false);\n  };\n\n  const onFocusCallback = useCallback(\n    (event: FocusEvent) => {\n      if (\n        event.eventPhase === Event.AT_TARGET ||\n        (event.eventPhase === Event.BUBBLING_PHASE && isDatatip)\n      ) {\n        targetRef.current = event.target as HTMLElement;\n      }\n    },\n    [isDatatip]\n  );\n\n  const onBlurCallback = useCallback((event: FocusEvent) => {\n    if (event.eventPhase === Event.AT_TARGET) {\n      // reset focusActive flag\n      focusActive.current = false;\n    }\n  }, []);\n\n  const focusInitProps = isLogicalFocusStrategy\n    ? {}\n    : {\n        onFocus: onFocusCallback,\n        onBlur: onBlurCallback\n      };\n\n  const hoverInitProps = {\n    onMouseEnter: useCallback((event: MouseEvent) => {\n      targetRef.current = event.target as HTMLElement;\n    }, [])\n  };\n\n  const keyInitProps = {\n    onKeyDown: useCallback(\n      (event: KeyboardEvent) => {\n        if (event.code === 'Escape' && focusActive.current) {\n          event.preventDefault();\n          // focus no longer active after Escape\n          focusActive.current = false;\n          onToggle?.({ value: false });\n        }\n      },\n      [onToggle]\n    )\n  };\n\n  let actionableProps;\n\n  const __resetCoords = () => {\n    coordsRef.current = { x: -9999, y: -9999 };\n  };\n\n  if (disabled) {\n    actionableProps = mergeProps(hoverProps, focusProps, hoverInitProps, focusInitProps);\n  } else {\n    const anchorInitProps = {\n      'aria-describedby': uniqueIdRef.current,\n\n      ...(isPointer && {\n        onMouseLeave: () => {\n          if (state === 'mounting') {\n            return;\n          }\n          toggleTimeoutClear();\n        },\n        onMouseMove: (event: MouseEvent) => {\n          handleMouseMove(event);\n        }\n      })\n    };\n    actionableProps = mergeProps(\n      hoverProps,\n      focusProps,\n      touchProps,\n      hoverInitProps,\n      focusInitProps,\n      anchorInitProps,\n      keyInitProps,\n      isLogicalFocusStrategy ? { onLogicalFocus, onLogicalBlur } : {}\n    );\n  }\n\n  // No need to process tooltip if disabled or no text is provided\n  // Include actionableProps to detect mouseenter in components\n  // hovered state won't update unless actionableProps are already present in the component when mouse enters\n  if (disabled) {\n    toggleTimeoutClear();\n    __resetCoords();\n    return {\n      tooltipContent: null,\n      tooltipProps: actionableProps\n    };\n  }\n\n  const placement = positionToPlacement(position);\n\n  const handleTransitionEnd = () => {\n    if (state === 'mounting') {\n      setState('mounted');\n    }\n    if (state === 'unmounting') {\n      __resetCoords();\n      setState('unmounted');\n    }\n  };\n\n  const renderRawContent = (\n    <TooltipContent\n      id={uniqueIdRef.current}\n      testId={testId}\n      isOpen={['mounting', 'mounted', 'unmountPending'].includes(state)}\n      {...popoverHoverProps}\n      isDatatip={isDatatip}\n      onTransitionEnd={handleTransitionEnd}>\n      {text}\n    </TooltipContent>\n  );\n\n  const renderTooltipOrDatatip = () => {\n    if (variant === 'tooltip') {\n      return (\n        <EnvironmentProvider environment={{ colorScheme: newColorScheme }}>\n          {renderRawContent}\n        </EnvironmentProvider>\n      );\n    } else {\n      return <>{renderRawContent}</>;\n    }\n  };\n\n  const renderContent = (\n    <Layer>\n      <Floating anchorRef={usedRef} placement={placement} offsetValue={offset}>\n        {renderTooltipOrDatatip()}\n      </Floating>\n    </Layer>\n  );\n\n  return {\n    tooltipContent: !['unmounted', 'mountPending'].includes(state) && renderContent,\n    tooltipProps: actionableProps\n  };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport type TooltipManagerCallback = () => void;\n\n/**\n * A global tooltip manager that\n * - ensures that only one tooltip is shown at a time\n * - detects a Tab key press and allows tooltips to check if their target was focused via keyboard\n */\nexport class TooltipManager {\n  private activeCallback: TooltipManagerCallback | null;\n\n  private tabKeyActive: boolean;\n\n  private keyDownHandler = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      this.tabKeyActive = true;\n      setTimeout(() => {\n        this.tabKeyActive = false;\n      }, 100);\n    }\n  };\n\n  constructor() {\n    this.activeCallback = null;\n    this.tabKeyActive = false;\n    window.addEventListener('keydown', this.keyDownHandler, true);\n  }\n\n  /**\n   * notifies the previously registered active tooltip callback and registers a new one\n   */\n  public register = (callback: TooltipManagerCallback) => {\n    if (this.activeCallback && this.activeCallback !== callback) {\n      this.activeCallback();\n    }\n    this.activeCallback = callback;\n  };\n\n  /**\n   * resets the registered active callback\n   */\n  public unregister = (callback: TooltipManagerCallback) => {\n    if (this.activeCallback === callback) {\n      this.activeCallback = null;\n    }\n  };\n\n  /**\n   * returns the active Tab key status ('active' means a Tab key press within the last 100ms)\n   */\n  public isTabKeyActive = () => {\n    return this.tabKeyActive;\n  };\n}\n"],"names":["TooltipContent","children","id","isOpen","isDatatip","onTransitionEnd","testId","props","wrapperRef","useRef","popoverRef","testIdProps","useTestId","baseTheme","variantClasses","styles","useComponentTheme","TooltipContentRedwoodTheme","variant","schemeClass","useThemeInterpolations","nodeRef","useAnimation","animationStates","mounted","_node","childNode","firstChild","from","maxHeight","opacity","to","offsetHeight","options","duration","easing","unmounted","isAnimatedOnMount","onAnimationEnd","useEffect","current","style","height","_jsx","jsx","ref","role","class","classNames","wrapper","inner","content","globalTooltipManager","constructor","this","keyDownHandler","event","key","tabKeyActive","setTimeout","register","callback","activeCallback","unregister","isTabKeyActive","window","addEventListener","text","position","focusStrategy","isDisabled","anchor","x","y","offset","mainAxis","crossAxis","onToggle","disabled","isInitialRenderState","state","_setState","useState","stateRef","setState","newState","needsUpdate","setNeedsUpdate","isLogicalFocus","setLogicalFocus","isLogicalFocusStrategy","isInitialRenderTrigger","hoverProps","isHover","useHover","touchProps","isTouch","useTouch","focusProps","isFocus","useFocus","popoverHoverProps","popoverIsHover","isPointer","uniqueIdRef","useId","targetRef","coordsRef","usedRef","delay","toggleTimeoutRef","currentColorScheme","useColorScheme","newColorScheme","focusActive","hoverActive","toggleTimeoutClear","clearTimeout","open","value","__resetCoords","updateState","destroyCallback","useCallback","onLogicalFocus","target","onLogicalBlur","onFocusCallback","eventPhase","Event","AT_TARGET","BUBBLING_PHASE","onBlurCallback","focusInitProps","onFocus","onBlur","hoverInitProps","onMouseEnter","keyInitProps","onKeyDown","code","preventDefault","actionableProps","mergeProps","anchorInitProps","onMouseLeave","onMouseMove","targetRect","getBoundingClientRect","distanceX","document","body","scrollLeft","left","width","distanceY","scrollTop","top","clientX","clientY","handleMouseMove","tooltipContent","tooltipProps","placement","positionToPlacement","renderRawContent","includes","renderContent","Layer","Floating","anchorRef","offsetValue","EnvironmentProvider","environment","colorScheme","_Fragment","Fragment"],"mappings":"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"}

package/amd/useTranslationBundle-20bfc0f3.js

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

package/amd/useTranslationBundle-20bfc0f3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTranslationBundle-20bfc0f3.js","sources":["../../src/hooks/UNSAFE_useTranslationBundle/useTranslationBundle.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\nimport type { TranslationBundle } from '../../UNSAFE_Environment';\n\n/**\n * useTranslationBundle is a hook to get a translation bundle from the EnvironmentProvider\n * @param bundleId\n * @returns a translation bundle of type T\n */\nexport function useTranslationBundle<T extends TranslationBundle>(bundleId: string) {\n  const translations = useContext(EnvironmentContext).translations;\n  const bundle = translations?.[bundleId];\n  if (!bundle) {\n    throw new Error(`Translation bundle ${bundleId} is not loaded.`);\n  }\n  return bundle as T;\n}\n"],"names":["bundleId","translations","useContext","EnvironmentContext","bundle","Error"],"mappings":"uJAgBM,SAA4DA,GAChE,MAAMC,EAAeC,EAAAA,WAAWC,EAAkBA,oBAAEF,aAC9CG,EAASH,IAAeD,GAC9B,IAAKI,EACH,MAAM,IAAIC,MAAM,sBAAsBL,oBAExC,OAAOI,CACT"}

package/amd/useUser-9b166ca3.js

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

package/amd/useUser-9b166ca3.js.map

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

package/amd/useVisEvents-ac97d087.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './useUser-9b166ca3', './layoutUtils-3c2d340e', './eventsUtils-5d567a9d', './useVisHover-28319fef', './mergeProps-bcfa6a92'], (function(e,t,n,r,s,o,c){"use strict";e.useVisEvent=function(e,i,u,a,d,v,f,I,l,m,b,g,p,C){const k=t.useRef(),[w,U]=t.useState(p),[R,V]=t.useState(),h=o.useVisHover((e=>{const t=g(e.target);b(t,R)||(V(t&&{...t,isCurrent:!0}),k.current=r.getRandomId(),i&&(w&&U({...w,isCurrent:!1}),l?.(d(t))))}),void 0,(()=>{V(void 0),k.current=void 0,i&&l?.(d())}),e),{direction:y}=n.useUser(),A="rtl"===y;if(!i)return{isInteractive:!1,focusedItemInfo:w,hoveredItemInfo:R,eventsProps:h};const E=e=>{m?.(d(e)),k.current=r.getRandomId(),U(e)},P=e=>{b(e,w)||(e.isCurrent=!0,e.isFocusVisible=!0,R&&V({...R,isCurrent:!1}),E(e))},D=()=>{const e=d(w);e&&e.data&&u(w)&&(I?.(e),k.current=r.getRandomId())},F=a(D,E,w,C);return{isInteractive:!0,focusedItemInfo:w,hoveredItemInfo:R,activeId:k.current,triggerOnAction:D,updatefocusedItemInfo:E,onContextMenuDismissed:e=>{"keyboard"===e&&E({...w,isCurrent:!0,isFocusVisible:!0})},eventsProps:c.mergeProps(h,{onPointerUp:e=>{const t=g(e.target);if(null!=t&&u(t)){U(t);const e=d(t);e&&u(t)&&(I?.(e),k.current=r.getRandomId())}},onKeyUp:F,onKeyDown:e=>{switch(e.key){case"Tab":return;case"ArrowDown":{const t=f(w);P(t),s.cancelEvent(e);break}case"ArrowUp":{const t=v(w);P(t),s.cancelEvent(e);break}case"ArrowRight":{const t=A?v(w):f(w);P(t),s.cancelEvent(e);break}case"ArrowLeft":{const t=A?f(w):v(w);P(t),s.cancelEvent(e);break}}},onBlur:()=>{const e={...w,isCurrent:!1,isFocusVisible:!1};(null!=R||w.isCurrent)&&m?.(d(void 0)),U(e)}})}}}));
-//# sourceMappingURL=useVisEvents-ac97d087.js.map

package/amd/useVisEvents-ac97d087.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useVisEvents-ac97d087.js","sources":["../../src/hooks/PRIVATE_useVisEvents/useVisEvents.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useState } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport type { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\nimport { getRandomId } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { cancelEvent } from '../../utils/UNSAFE_visUtils/eventsUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype ItemInfo = { isCurrent?: boolean; isFocusVisible?: boolean };\n\ntype EventDetail<D> = { data?: D };\n\nexport function useVisEvent<\n  I extends ItemInfo,\n  J extends EventDetail<D>,\n  L extends EventDetail<D>,\n  D\n>(\n  touchResponse: 'touchStart' | 'touchHold',\n  isInteractive: boolean,\n  isItemActionable: (itemInfo: I) => boolean,\n  getKeyUpHandler: (\n    triggerOnAction: () => void,\n    updatefocusedItemInfo: (itemInfo: I) => void,\n    focusedItemInfo: I,\n    isHideShow?: boolean\n  ) => (event: KeyboardEvent) => void,\n  getDetailFromInfo: (info?: I) => J | L,\n  getPrevItemInfo: (info: I) => I,\n  getNextItemInfo: (info: I) => I,\n  onItemAction: ((detail: J) => void) | undefined,\n  onItemHover: ((detail: L) => void) | undefined,\n  onItemFocus: ((detail: L) => void) | undefined,\n  isEqualItem: (item1?: I, item2?: I) => boolean,\n  getItemInfo: (element: HTMLElement) => I | undefined,\n  initItemInfo: I,\n  isHideShow?: boolean\n) {\n  const activeIdRef = useRef<string>();\n\n  const [focusedItemInfo, setfocusedItemInfo] = useState<I>(initItemInfo);\n  const [hoveredItemInfo, sethoveredItemInfo] = useState<I>();\n\n  const onHover = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (!isEqualItem(itemInfo, hoveredItemInfo)) {\n      sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });\n      activeIdRef.current = getRandomId();\n      if (isInteractive) {\n        focusedItemInfo ? setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false }) : '';\n        onItemHover?.(getDetailFromInfo(itemInfo) as L);\n      }\n    }\n  };\n\n  const onHoverLeave = () => {\n    sethoveredItemInfo(undefined);\n    activeIdRef.current = undefined;\n    if (isInteractive) {\n      onItemHover?.(getDetailFromInfo() as L);\n    }\n  };\n\n  const hoverHandlers = useVisHover(onHover, undefined, onHoverLeave, touchResponse);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  if (!isInteractive) {\n    return {\n      isInteractive: false,\n      focusedItemInfo,\n      hoveredItemInfo,\n      // include relevant hover handlers for datatip\n      eventsProps: hoverHandlers\n    };\n  }\n\n  const updatefocusedItemInfo = (itemInfo: I) => {\n    onItemFocus?.(getDetailFromInfo(itemInfo) as L);\n    activeIdRef.current = getRandomId();\n    setfocusedItemInfo(itemInfo);\n  };\n\n  const handleKeyboardInput = (item: I) => {\n    if (!isEqualItem(item, focusedItemInfo)) {\n      item.isCurrent = true;\n      item.isFocusVisible = true;\n      if (hoveredItemInfo) {\n        sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });\n      }\n      updatefocusedItemInfo(item);\n    }\n  };\n\n  const triggerOnAction = () => {\n    const detail = getDetailFromInfo(focusedItemInfo) as J;\n    if (detail && detail.data && isItemActionable(focusedItemInfo)) {\n      onItemAction?.(detail);\n      activeIdRef.current = getRandomId();\n    }\n  };\n\n  const onPointerUp = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (itemInfo != null && isItemActionable(itemInfo)) {\n      setfocusedItemInfo(itemInfo);\n      const detail = getDetailFromInfo(itemInfo);\n      if (detail && isItemActionable(itemInfo)) {\n        onItemAction?.(detail as J);\n        activeIdRef.current = getRandomId();\n      }\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const key = event.key;\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown': {\n        const nextItemInfo = getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowUp': {\n        const nextItemInfo = getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const nextItemInfo = isRtl\n          ? getPrevItemInfo(focusedItemInfo)\n          : getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowLeft': {\n        const nextItemInfo = isRtl\n          ? getNextItemInfo(focusedItemInfo)\n          : getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const onKeyUp = getKeyUpHandler(\n    triggerOnAction,\n    updatefocusedItemInfo,\n    focusedItemInfo,\n    isHideShow\n  );\n\n  const onContextMenuDismissed = (gesture: gestureTypes) => {\n    if (gesture === 'keyboard') {\n      updatefocusedItemInfo({\n        ...focusedItemInfo,\n        isCurrent: true,\n        isFocusVisible: true\n      });\n    }\n  };\n\n  const onBlur = () => {\n    const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false } as I;\n    if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {\n      onItemFocus?.(getDetailFromInfo(undefined) as L);\n    }\n    setfocusedItemInfo(itemInfo);\n  };\n\n  return {\n    isInteractive: true,\n    focusedItemInfo,\n    hoveredItemInfo,\n    activeId: activeIdRef.current,\n    triggerOnAction,\n    updatefocusedItemInfo,\n    onContextMenuDismissed,\n    eventsProps: mergeProps(hoverHandlers, {\n      onPointerUp,\n      onKeyUp,\n      onKeyDown,\n      onBlur\n    })\n  };\n}\n"],"names":["touchResponse","isInteractive","isItemActionable","getKeyUpHandler","getDetailFromInfo","getPrevItemInfo","getNextItemInfo","onItemAction","onItemHover","onItemFocus","isEqualItem","getItemInfo","initItemInfo","isHideShow","activeIdRef","useRef","focusedItemInfo","setfocusedItemInfo","useState","hoveredItemInfo","sethoveredItemInfo","hoverHandlers","useVisHover","event","itemInfo","target","isCurrent","current","getRandomId","undefined","direction","useUser","isRtl","eventsProps","updatefocusedItemInfo","handleKeyboardInput","item","isFocusVisible","triggerOnAction","detail","data","onKeyUp","activeId","onContextMenuDismissed","gesture","mergeProps","onPointerUp","onKeyDown","key","nextItemInfo","cancelEvent","onBlur"],"mappings":"8MAoBgB,SAMdA,EACAC,EACAC,EACAC,EAMAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAcC,EAAAA,UAEbC,EAAiBC,GAAsBC,EAAQA,SAAIN,IACnDO,EAAiBC,GAAsBF,EAAQA,WAsBhDG,EAAgBC,EAAAA,aApBLC,IACf,MAAMC,EAAWb,EAAYY,EAAME,QAC9Bf,EAAYc,EAAUL,KACzBC,EAAmBI,GAAY,IAAKA,EAAUE,WAAW,IACzDZ,EAAYa,QAAUC,EAAAA,cAClB3B,IACFe,GAAkBC,EAAmB,IAAKD,EAAiBU,WAAW,IACtElB,IAAcJ,EAAkBoB,KAEnC,QAWwCK,GARtB,KACnBT,OAAmBS,GACnBf,EAAYa,aAAUE,EAClB5B,GACFO,IAAcJ,IACf,GAGiEJ,IAE9D8B,UAAEA,GAAcC,EAAAA,UAChBC,EAAsB,QAAdF,EACd,IAAK7B,EACH,MAAO,CACLA,eAAe,EACfe,kBACAG,kBAEAc,YAAaZ,GAIjB,MAAMa,EAAyBV,IAC7Bf,IAAcL,EAAkBoB,IAChCV,EAAYa,QAAUC,EAAAA,cACtBX,EAAmBO,EAAS,EAGxBW,EAAuBC,IACtB1B,EAAY0B,EAAMpB,KACrBoB,EAAKV,WAAY,EACjBU,EAAKC,gBAAiB,EAClBlB,GACFC,EAAmB,IAAKD,EAAiBO,WAAW,IAEtDQ,EAAsBE,GACvB,EAGGE,EAAkB,KACtB,MAAMC,EAASnC,EAAkBY,GAC7BuB,GAAUA,EAAOC,MAAQtC,EAAiBc,KAC5CT,IAAegC,GACfzB,EAAYa,QAAUC,EAAAA,cACvB,EAmDGa,EAAUtC,EACdmC,EACAJ,EACAlB,EACAH,GAqBF,MAAO,CACLZ,eAAe,EACfe,kBACAG,kBACAuB,SAAU5B,EAAYa,QACtBW,kBACAJ,wBACAS,uBAzB8BC,IACd,aAAZA,GACFV,EAAsB,IACjBlB,EACHU,WAAW,EACXW,gBAAgB,GAEnB,EAmBDJ,YAAaY,EAAUA,WAACxB,EAAe,CACrCyB,YAlFiBvB,IACnB,MAAMC,EAAWb,EAAYY,EAAME,QACnC,GAAgB,MAAZD,GAAoBtB,EAAiBsB,GAAW,CAClDP,EAAmBO,GACnB,MAAMe,EAASnC,EAAkBoB,GAC7Be,GAAUrC,EAAiBsB,KAC7BjB,IAAegC,GACfzB,EAAYa,QAAUC,EAAAA,cAEzB,GA0ECa,UACAM,UAxEexB,IAEjB,OADYA,EAAMyB,KAEhB,IAAK,MACH,OACF,IAAK,YAAa,CAChB,MAAMC,EAAe3C,EAAgBU,GACrCmB,EAAoBc,GACpBC,EAAWA,YAAC3B,GACZ,KACD,CACD,IAAK,UAAW,CACd,MAAM0B,EAAe5C,EAAgBW,GACrCmB,EAAoBc,GACpBC,EAAWA,YAAC3B,GACZ,KACD,CACD,IAAK,aAAc,CACjB,MAAM0B,EAAejB,EACjB3B,EAAgBW,GAChBV,EAAgBU,GACpBmB,EAAoBc,GACpBC,EAAWA,YAAC3B,GACZ,KACD,CACD,IAAK,YAAa,CAChB,MAAM0B,EAAejB,EACjB1B,EAAgBU,GAChBX,EAAgBW,GACpBmB,EAAoBc,GACpBC,EAAWA,YAAC3B,GACZ,KACD,EACF,EAwCC4B,OApBW,KACb,MAAM3B,EAAW,IAAKR,EAAiBU,WAAW,EAAOW,gBAAgB,IAClD,MAAnBlB,GAA2BH,EAAgBU,YAC7CjB,IAAcL,OAAkByB,IAElCZ,EAAmBO,EAAS,IAkBhC"}

package/amd/withDirectionIcon-9e4dae53.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './useUser-9b166ca3'], (function(e,t,r){"use strict";e.withDirectionIcon=(e,s)=>i=>{const{direction:n}=r.useUser();return"ltr"===n?t.jsx(e,{...i}):t.jsx(s,{...i})}}));
-//# sourceMappingURL=withDirectionIcon-9e4dae53.js.map

package/amd/withDirectionIcon-9e4dae53.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withDirectionIcon-9e4dae53.js","sources":["../../src/hoc/PRIVATE_withDirectionIcon/withDirectionIcon.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon/Icon';\nimport { useUser } from '../../hooks/UNSAFE_useUser';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\n// Returns a component that renders one of the given icon components based on reading direction\nexport const withDirectionIcon = (LtrIcon: typeof Icon, RtlIcon: typeof Icon) => {\n  return (props: Props) => {\n    const { direction } = useUser();\n    return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n  };\n};\n"],"names":["LtrIcon","RtlIcon","props","direction","useUser","_jsx","jsx"],"mappings":"+GAciC,CAACA,EAAsBC,IAC9CC,IACN,MAAMC,UAAEA,GAAcC,EAAAA,UACtB,MAAqB,QAAdD,EAAsBE,MAACL,EAAO,IAAKE,IAAYG,EAAAC,IAACL,EAAY,IAAAC,GAAS"}