@oracle/oraclejet-preact 20.1.4 → 20.1.5

package/amd/useScale-04a448c3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScale-04a448c3.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/useSelectDrill-b650174d.js

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

package/amd/useSelectDrill-b650174d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelectDrill-b650174d.js","sources":["../../src/hooks/PRIVATE_useChartEvents/useDatatipAndCursor.ts","../../src/hooks/PRIVATE_useChartEvents/useSelectDrill.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useChartDataCursor } from '#hooks/PRIVATE_useChartDataCursor';\nimport { useChartDatatip } from '#hooks/PRIVATE_useChartDatatip';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype DataCursorProps = Parameters<typeof useChartDataCursor>[0];\ntype DatatipProps<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n> = Parameters<typeof useChartDatatip<K, D>>[0];\n\nexport function useChartDatatipAndCursor<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({\n  series,\n  leafGroupsInfo,\n  width,\n  height,\n  findNearest,\n  getMarkerInfo,\n  onDataCursorPositionChange,\n  isDataCursorEnabled,\n  dataCursorPosition,\n  dataCursorStyle,\n  hoveredItemInfo,\n  focusedItemInfo,\n  getDataItem,\n  getRefItem,\n  getDataItemPos,\n  getRefObjectBounds,\n  getRefAxis,\n  datatip,\n  valueFormats,\n  isHoriz,\n  xScale,\n  yScale,\n  y2Scale,\n  plotAreaSpace,\n  timeAxisType,\n  touchResponse,\n  isDisabled,\n  defaultXFormatter,\n  defaultYFormatter,\n  defaultY2Formatter,\n  hasXYValues,\n  getGroupFromPath,\n  translations\n}: DataCursorProps & DatatipProps<K, D>) {\n  const { datatipContent, datatipProps } = useChartDatatip<K, D>({\n    series,\n    leafGroupsInfo,\n    width,\n    height,\n    isDataCursorEnabled,\n    dataCursorPosition,\n    hoveredItemInfo,\n    getDataItem,\n    getRefItem,\n    getDataItemPos,\n    getRefObjectBounds,\n    getRefAxis,\n    focusedItemInfo,\n    datatip,\n    valueFormats,\n    isHoriz,\n    xScale,\n    findNearest,\n    timeAxisType,\n    touchResponse,\n    isDisabled,\n    defaultXFormatter,\n    defaultYFormatter,\n    defaultY2Formatter,\n    hasXYValues,\n    translations,\n    getGroupFromPath\n  });\n\n  const { dataCursorContent, dataCursorProps } = useChartDataCursor({\n    touchResponse,\n    findNearest,\n    dataCursorPosition,\n    onDataCursorPositionChange,\n    isDataCursorEnabled,\n    dataCursorStyle,\n    isHoriz,\n    getMarkerInfo,\n    focusedItemInfo,\n    plotAreaSpace,\n    yScale,\n    y2Scale,\n    xScale,\n    getDataItemPos\n  });\n\n  return {\n    datatipContent,\n    dataCursorContent,\n    datatipProps: mergeProps(dataCursorProps, datatipProps)\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { getInfo } from '#utils/UNSAFE_visUtils';\nimport { useChartDrill } from '#hooks/PRIVATE_useChartDrill';\nimport { useSelection } from '#hooks/PRIVATE_useVisSelection/useSelection';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\n\ntype DrillProps<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>> = Parameters<\n  typeof useChartDrill<K, D>\n>[0];\n\ntype SelectionProps<K, D> = {\n  selection: K[];\n  onChange?: (detail: { ids: K[]; data: (D | undefined)[] }) => void;\n  getDataById: (id: K) => D | undefined;\n  ignoreAsTrigger?: (element: EventTarget | null) => boolean;\n};\n\nexport function useSelectDrill<K, D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>>({\n  selectionMode,\n  selection,\n  onChange,\n  rootRef,\n  drilling,\n  onItemDrill,\n  onGroupDrill,\n  focusedGroupInfo,\n  focusedItemInfo,\n  levelsArray,\n  getDataItem,\n  getDataById,\n  ignoreAsTrigger\n}: DrillProps<K, D> & SelectionProps<K, D>) {\n  const idExtracter = (event: Event): K | undefined => {\n    const isItemFocused = focusedItemInfo.isCurrent;\n    const info =\n      isItemFocused && event.type === 'keyup'\n        ? focusedItemInfo\n        : getInfo(rootRef, event.target as HTMLElement);\n    return info && info.seriesIndex != null && info.groupIndex != null\n      ? getDataItem(\n          info.seriesIndex,\n          info.groupIndex,\n          levelsArray[levelsArray.length - 1][info.groupIndex].path\n        )?.id\n      : undefined;\n  };\n\n  const { selectionProps, selectionContent } = useSelection<K, D>({\n    idExtracter,\n    isDrillEnabled: drilling === 'on',\n    selection,\n    selectionMode,\n    onChange,\n    getDataById,\n    ignoreAsTrigger\n  });\n\n  const drillProps = useChartDrill<K, D>({\n    rootRef,\n    selectionMode,\n    drilling,\n    focusedItemInfo,\n    focusedGroupInfo,\n    levelsArray,\n    getDataItem,\n    onItemDrill,\n    onGroupDrill\n  });\n\n  return { selectDrillProps: mergeProps(selectionProps, drillProps), selectionContent };\n}\n"],"names":["series","leafGroupsInfo","width","height","findNearest","getMarkerInfo","onDataCursorPositionChange","isDataCursorEnabled","dataCursorPosition","dataCursorStyle","hoveredItemInfo","focusedItemInfo","getDataItem","getRefItem","getDataItemPos","getRefObjectBounds","getRefAxis","datatip","valueFormats","isHoriz","xScale","yScale","y2Scale","plotAreaSpace","timeAxisType","touchResponse","isDisabled","defaultXFormatter","defaultYFormatter","defaultY2Formatter","hasXYValues","getGroupFromPath","translations","datatipContent","datatipProps","useChartDatatip","dataCursorContent","dataCursorProps","useChartDataCursor","mergeProps","selectionMode","selection","onChange","rootRef","drilling","onItemDrill","onGroupDrill","focusedGroupInfo","levelsArray","getDataById","ignoreAsTrigger","selectionProps","selectionContent","useSelection","idExtracter","event","info","isCurrent","type","getInfo","target","seriesIndex","groupIndex","length","path","id","undefined","isDrillEnabled","drillProps","useChartDrill","selectDrillProps"],"mappings":"+QAqBgB,UAGdA,OACAA,EAAMC,eACNA,EAAcC,MACdA,EAAKC,OACLA,EAAMC,YACNA,EAAWC,cACXA,EAAaC,2BACbA,EAA0BC,oBAC1BA,EAAmBC,mBACnBA,EAAkBC,gBAClBA,EAAeC,gBACfA,EAAeC,gBACfA,EAAeC,YACfA,EAAWC,WACXA,EAAUC,eACVA,EAAcC,mBACdA,EAAkBC,WAClBA,EAAUC,QACVA,EAAOC,aACPA,EAAYC,QACZA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,cACPA,EAAaC,aACbA,EAAYC,cACZA,EAAaC,WACbA,EAAUC,kBACVA,EAAiBC,kBACjBA,EAAiBC,mBACjBA,EAAkBC,YAClBA,EAAWC,iBACXA,EAAgBC,aAChBA,IAEA,MAAMC,eAAEA,EAAcC,aAAEA,GAAiBC,kBAAsB,CAC7DnC,SACAC,iBACAC,QACAC,SACAI,sBACAC,qBACAE,kBACAE,cACAC,aACAC,iBACAC,qBACAC,aACAL,kBACAM,UACAC,eACAC,UACAC,SACAhB,cACAoB,eACAC,gBACAC,aACAC,oBACAC,oBACAC,qBACAC,cACAE,eACAD,sBAGIK,kBAAEA,EAAiBC,gBAAEA,GAAoBC,qBAAmB,CAChEb,gBACArB,cACAI,qBACAF,6BACAC,sBACAE,kBACAU,UACAd,gBACAM,kBACAY,gBACAF,SACAC,UACAF,SACAN,mBAGF,MAAO,CACLmB,iBACAG,oBACAF,aAAcK,EAAAA,WAAWF,EAAiBH,GAE9C,mBCpFgB,UAA+EM,cAC7FA,EAAaC,UACbA,EAASC,SACTA,EAAQC,QACRA,EAAOC,SACPA,EAAQC,YACRA,EAAWC,aACXA,EAAYC,iBACZA,EAAgBpC,gBAChBA,EAAeqC,YACfA,EAAWpC,YACXA,EAAWqC,YACXA,EAAWC,gBACXA,IAEA,MAeMC,eAAEA,EAAcC,iBAAEA,GAAqBC,eAAmB,CAC9DC,YAhBmBC,IACnB,MACMC,EADgB7C,EAAgB8C,WAEJ,UAAfF,EAAMG,KACnB/C,EACAgD,EAAAA,QAAQhB,EAASY,EAAMK,QAC7B,OAAOJ,GAA4B,MAApBA,EAAKK,aAA0C,MAAnBL,EAAKM,WAC5ClD,EACE4C,EAAKK,YACLL,EAAKM,WACLd,EAAYA,EAAYe,OAAS,GAAGP,EAAKM,YAAYE,OACpDC,QACHC,CAAS,EAKbC,eAA6B,OAAbvB,EAChBH,YACAD,gBACAE,WACAO,cACAC,oBAGIkB,EAAaC,EAAAA,cAAoB,CACrC1B,UACAH,gBACAI,WACAjC,kBACAoC,mBACAC,cACApC,cACAiC,cACAC,iBAGF,MAAO,CAAEwB,iBAAkB/B,EAAUA,WAACY,EAAgBiB,GAAahB,mBACrE"}

package/amd/useSelection-5cb56713.js

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

package/amd/useSelection-5cb56713.js.map

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

package/amd/useSelection-aecb6b23.js

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

package/amd/useSelection-aecb6b23.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelection-aecb6b23.js","sources":["../../src/hooks/PRIVATE_useSelection/useSelection.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { Keys, containsKey, isKeyDefined, addKey, removeKey } from '../../utils/UNSAFE_keys';\nimport { SelectionDetail, SelectionMode } from '../../UNSAFE_Collection';\nimport { useUser } from '../UNSAFE_useUser';\nimport { getIsSelectionPending } from '#utils/PRIVATE_textSelectionUtils';\nimport { SelectionBehavior, SelectionRangeDetail } from './Selection.types';\n\nconst arrowKeys = new Set(['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown']);\n\n/**\n * To get the event type during range selection which is triggered by either of the following gestures\n * shift+space, shift+click, and shift+arrowKeys\n * @param event\n */\nconst getEventType = (event: MouseEvent | KeyboardEvent) => {\n  if (event.type === 'click') {\n    return 'shiftClick';\n  } else if (event.type === 'keyup' && (event as KeyboardEvent).key === ' ') {\n    return 'shiftSpace';\n  } else if (event.type === 'keydown' && arrowKeys.has((event as KeyboardEvent).key)) {\n    return 'shiftArrowKeys';\n  }\n  return undefined;\n};\n\nconst isShiftModeSupported = <K>(\n  anchorKey: K,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  isClickEvent: boolean\n) => {\n  return selectionMode === 'multiple' && (isClickEvent || containsKey(selectedKeys, anchorKey));\n};\n\nconst handleSelect = <K>(\n  event: MouseEvent | KeyboardEvent,\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior,\n  isSelectionRequired: boolean,\n  keyboardCursorRef: RefObject<K | undefined>,\n  anchorKey?: K,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (itemKey == null) {\n    return;\n  }\n\n  // handle shift key selection\n  if (\n    event.shiftKey &&\n    anchorKey !== undefined &&\n    onRangeChange &&\n    isShiftModeSupported(anchorKey, selectedKeys, selectionMode, event.type === 'click')\n  ) {\n    const selected = containsKey(selectedKeys, itemKey);\n    const eventType = getEventType(event);\n    if (selected && eventType === 'shiftSpace') {\n      // during shift+space, deselect the item if it's already selected\n      const keySet = removeKey(selectedKeys, itemKey, isSelectionRequired);\n      onChange?.({ value: keySet, target: event.target });\n    } else {\n      onRangeChange({ value: { start: anchorKey, end: itemKey }, eventType });\n    }\n    // set keyboard selection cursor in case user extends with SHIFT+ARROW\n    if (keyboardCursorRef) {\n      keyboardCursorRef.current = itemKey;\n    }\n    return;\n  }\n\n  const selected = containsKey(selectedKeys, itemKey);\n  let keySet = selectedKeys;\n  if (!selected) {\n    if (\n      selectionMode === 'single' ||\n      (event as KeyboardEvent).key === 'Enter' ||\n      (selectionBehavior === 'replace' &&\n        !(event.ctrlKey || event.metaKey || (event as KeyboardEvent).key === ' '))\n    ) {\n      // should only contains this item key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    } else {\n      // add to existing selected keys\n      keySet = addKey(selectedKeys, itemKey);\n    }\n  } else if ((event as KeyboardEvent).key !== 'Enter') {\n    // no de-select for enter key\n    if (\n      selectionBehavior === 'toggle' ||\n      event.ctrlKey ||\n      event.metaKey ||\n      (event as KeyboardEvent).key === ' '\n    ) {\n      // de-select only when ctrl/meta key is pressed or selectionBehavior is\n      // explicitly set to toggle\n      keySet = removeKey(selectedKeys, itemKey, isSelectionRequired);\n    } else if (selectionMode === 'multiple' && (selectedKeys.all || selectedKeys.keys.size > 1)) {\n      // in this case everything should be de-selected except for this key\n      keySet = { all: false, keys: new Set([itemKey]) };\n    }\n  }\n\n  // only invoke callback if there is really a change\n  // note onSelectionChange should never be null here\n  if (selectedKeys != keySet && onChange) {\n    onChange({ value: keySet, target: event.target });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n\n/**\n * Hook for handling various selection mode.  This can be reuse by all Collection components.\n * @param keyExtractor function to extract the key based on provided element\n * @param selectedKeys the currently selected keys\n * @param selectionMode the selection mode\n * @param isSelectionRequired true if empty selected key is not allowed, false otherwise\n * @param selectionBehavior the selection behavior.  If the value is 'toggle', then the key is\n *                          added/removed from the current selected keys.  If the value is 'replace',\n *                          then the current selected keys are cleared first before the key is added\n *                          unless the ctrl/shift/meta key is pressed.\n * @param onChange callback function that is invoked when selection has changed.\n * @param anchorKey the anchor key.  Usually this is the same as current key except when shift key is pressed.\n * @param currentKey the current key\n * @param getVerticalPrevNextKey function to get the previous/next key in the vertical direction based on the current key\n * @param getHorizontalPrevNextKey function to get the previous/next key in the horizontal direction based on the current key\n * @param scrollToKey function to scroll the item with the key to be visible\n * @param onRangeChange callback function that is invoked when the selection range has changed.\n * @returns an event map that the consumer can register as event listeners\n */\nexport function useSelection<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  selectedKeys: Keys<K>,\n  selectionMode: SelectionMode,\n  isSelectionRequired: boolean,\n  selectionBehavior: SelectionBehavior,\n  onChange?: (detail: SelectionDetail<K>) => void,\n  anchorKey?: K,\n  currentKey?: K | undefined,\n  getVerticalPrevNextKey?: (currentKey: K | undefined, isPrev: boolean) => () => K | null,\n  getHorizontalPrevNextKey?: (currentKey: K | undefined, isPrev: boolean) => () => K | null,\n  scrollToKey?: (key: K) => void,\n  onRangeChange?: (detail: SelectionRangeDetail<K>) => void\n) {\n  // ref to track the cursor for the SHIFT+ARROW keyboard selection separately than the anchor of the selection.\n  const keyboardSelectionCursor = useRef<K>();\n  const pendingKeyboardSelectionCursor = useRef(false);\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 onClickCapture = useCallback((event: MouseEvent) => {\n    if (!getIsSelectionPending()) {\n      if (!event.shiftKey) {\n        // reset keyboard cursor during capture phase, because Selector doesn't propagate click event\n        keyboardSelectionCursor.current = undefined;\n        pendingKeyboardSelectionCursor.current = false;\n      } else {\n        pendingKeyboardSelectionCursor.current = true;\n      }\n    }\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        pendingKeyboardSelectionCursor.current = false;\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      if (pendingKeyboardSelectionCursor.current) {\n        keyboardSelectionCursor.current = undefined;\n        pendingKeyboardSelectionCursor.current = false;\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        // check ctrl/meta keys to avoid conflict gesture with reorder, and reset the range\n        if (\n          event.shiftKey &&\n          !(event.ctrlKey || event.metaKey) &&\n          scrollToKey &&\n          selectionMode === 'multiple'\n        ) {\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 (!isKeyDefined(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, onClickCapture, 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","pendingKeyboardSelectionCursor","isTouchPointerRef","onPointerDown","useCallback","pointerType","preventDefault","onClickCapture","getIsSelectionPending","onClick","onKeyUp","direction","useUser","onKeyDown","isRtl","keyHandlers","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","isBothDirections","Object","includes","isKeyDefined","newAnchorKey","cursorKey","selectionProps"],"mappings":"2IAeA,MAAMA,EAAY,IAAIC,IAAI,CAAC,YAAa,aAAc,UAAW,cAO3DC,EAAgBC,GACD,UAAfA,EAAMC,KACD,aACiB,UAAfD,EAAMC,MAAqD,MAAhCD,EAAwBE,IACrD,aACiB,YAAfF,EAAMC,MAAsBJ,EAAUM,IAAKH,EAAwBE,KACrE,sBADF,EAeHE,EAAe,CACnBJ,EACAK,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAUT,EAAaL,EAAMe,QACnC,GAAe,MAAXD,EACF,OAIF,GACEd,EAAMgB,eACQC,IAAdN,GACAE,GA9ByB,EAC3BF,EACAL,EACAC,EACAW,IAEyB,aAAlBX,IAAiCW,GAAgBC,EAAWA,YAACb,EAAcK,IAyBhFS,CAAqBT,EAAWL,EAAcC,EAA8B,UAAfP,EAAMC,MACnE,CACA,MAAMoB,EAAWF,EAAAA,YAAYb,EAAcQ,GACrCQ,EAAYvB,EAAaC,GAC/B,GAAIqB,GAA0B,eAAdC,EAA4B,CAE1C,MAAMC,EAASC,EAASA,UAAClB,EAAcQ,EAASL,GAChDG,IAAW,CAAEa,MAAOF,EAAQR,OAAQf,EAAMe,QAC3C,MACCF,EAAc,CAAEY,MAAO,CAAEC,MAAOf,EAAWgB,IAAKb,GAAWQ,cAM7D,YAHIZ,IACFA,EAAkBkB,QAAUd,GAG/B,CAGD,IAAIS,EAASjB,EADIa,EAAAA,YAAYb,EAAcQ,GAeC,UAAhCd,EAAwBE,MAGV,WAAtBM,GACAR,EAAM6B,SACN7B,EAAM8B,SAC2B,MAAhC9B,EAAwBE,IAIzBqB,EAASC,EAAAA,UAAUlB,EAAcQ,EAASL,GACf,aAAlBF,IAAiCD,EAAayB,KAAOzB,EAAa0B,KAAKC,KAAO,KAEvFV,EAAS,CAAEQ,KAAK,EAAOC,KAAM,IAAIlC,IAAI,CAACgB,OAlBtCS,EANkB,WAAlBhB,GACiC,UAAhCP,EAAwBE,KACF,YAAtBM,IACGR,EAAM6B,UAAW7B,EAAM8B,SAA4C,MAAhC9B,EAAwBE,IAGtD,CAAE6B,KAAK,EAAOC,KAAM,IAAIlC,IAAI,CAACgB,KAG7BoB,EAAMA,OAAC5B,EAAcQ,GAqB9BR,GAAgBiB,GAAUX,IAC5BA,EAAS,CAAEa,MAAOF,EAAQR,OAAQf,EAAMe,SACrB,UAAff,EAAMC,MACRD,EAAMmC,kBAET,iBAsBG,SACJ9B,EACAC,EACAC,EACAE,EACAD,EACAI,EACAD,EACAyB,EACAC,EACAC,EACAC,EACA1B,GAGA,MAAM2B,EAA0BC,EAAAA,SAC1BC,EAAiCD,UAAO,GAExCE,EAAoBF,UAAgB,GAEpCG,EAAgBC,eACnB7C,IACC2C,EAAkBf,QAAgC,UAAtB5B,EAAM8C,YAC9B9C,EAAMgB,UAA8B,aAAlBT,GAEpBP,EAAM+C,gBACP,GAEH,CAACxC,EAAeoC,IAGZK,EAAiBH,eAAa7C,IAC7BiD,EAAqBA,0BACnBjD,EAAMgB,SAKT0B,EAA+Bd,SAAU,GAHzCY,EAAwBZ,aAAUX,EAClCyB,EAA+Bd,SAAU,GAI5C,GACA,IAEGsB,EAAUL,eACb7C,IACMiD,EAAqBA,0BACxB7C,EACEJ,EACAK,EACAC,EACAC,EACAoC,EAAkBf,QAAU,SAAWpB,EACvCC,EACA+B,EACAJ,EACAxB,EACAC,GAEF6B,EAA+Bd,SAAU,EAC1C,GAEH,CACEvB,EACAC,EACAC,EACAC,EACAC,EACA+B,EACAJ,EACAxB,EACAC,IAKEsC,EAAUN,eACb7C,IAEmB,MAAdA,EAAME,KACRE,EACEJ,EACAK,EACAC,EACAC,EACAC,EACAC,EACA+B,EACA7B,EACAC,EACAZ,EAAMgB,UAA0B,MAAdhB,EAAME,IAAcW,OAAgBI,EAEzD,GAEH,CACEZ,EACAC,EACAC,EACAC,EACAC,EACAE,EACAC,EACAC,KAIEuC,UAAEA,GAAcC,EAAAA,UAGhBC,EAAYT,eACf7C,IAEC,GAAkB,MAAdA,EAAME,IAER,YADAF,EAAM+C,iBAIJL,EAA+Bd,UACjCY,EAAwBZ,aAAUX,EAClCyB,EAA+Bd,SAAU,GAG3C,MAAM1B,EAAMsC,EAAwBZ,SAAWQ,EACzCmB,EAAsB,QAAdH,EAERI,EAA4D,CAChEC,QAASpB,IAAyBnC,GAAK,GACvCwD,UAAWrB,IAAyBnC,GAAK,GACzCyD,UAAWrB,IAA2BpC,GAAMqD,GAC5CK,WAAYtB,IAA2BpC,EAAKqD,IAExCM,EAAmBxB,GAA0BC,EACnD,GAAIwB,OAAO9B,KAAKwB,GAAaO,SAAS/D,EAAME,KAE1C,GACEF,EAAMgB,WACJhB,EAAM6B,UAAW7B,EAAM8B,SACzBS,GACkB,aAAlBhC,EACA,CAEAP,EAAM+C,iBACN,IAAIxB,EAASjB,GAER0D,EAAYA,aAACxB,EAAwBZ,UAAYoC,EAAAA,aAAa5B,KACjEb,EAAS,CAAEQ,KAAK,EAAOC,KAAM,IAAIlC,IAAI,CAACsC,MAExC,MAAM6B,EAAeT,EAAYxD,EAAME,KACjCgE,EAAYD,MACD,MAAbC,IAEF3B,EAAY2B,GAGRL,EACEhD,GAA+B,MAAduB,GACnBvB,EAAc,CACZY,MAAO,CAAEC,MAAOU,EAAYT,IAAKuC,GACjC5C,UAAWvB,EAAaC,MAKvBmB,EAAWA,YAACI,EAAQ2C,GAIY,MAAnC1B,EAAwBZ,SACxBY,EAAwBZ,UAAYsC,IAEpC3C,EAASC,EAASA,UAACD,EAAQiB,EAAwBZ,QAASnB,IAN5Dc,EAASW,EAAMA,OAACX,EAAQ2C,GAQtB5D,GAAgBiB,GAAUX,GAC5BA,EAAS,CAAEa,MAAOF,EAAQR,OAAQf,EAAMe,UAI5CyB,EAAwBZ,QAAUsC,EAErC,MAEC1B,EAAwBZ,aAAUX,CAErC,GAEH,CACEX,EACAG,EACAG,EACAwB,EACAC,EACAC,EACAC,EACAa,EACAvC,EACAN,IAQJ,MAAO,CAAE4D,eAHW,SAAlB5D,GAAwC,MAAZK,EACxB,CAAE,EACF,CAAEgC,gBAAeM,UAASF,iBAAgBM,YAAWH,WAE7D"}

package/amd/useTabBar-0161bf67.js

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

package/amd/useTabBar-0161bf67.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTabBar-0161bf67.js","sources":["../../src/hooks/PRIVATE_useTabBar/useTabBar.ts"],"sourcesContent":["import { useState, useRef, useEffect, useCallback } from 'preact/hooks';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport {\n  getPrevNextKeyUsingRef,\n  getFirstVisibleKey,\n  getKey,\n  keyExtractor,\n  findElementByKey,\n  getItemKeysArray\n} from '../../utils/PRIVATE_collectionUtils';\nimport { useCollectionFocusRing } from '../PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../PRIVATE_useCurrentKey';\nimport { useId } from '../UNSAFE_useId';\nimport type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../../UNSAFE_TabBarCommon';\nimport { useReorderableContext } from '../../hooks/PRIVATE_useReorderable/useReorderableContext';\nimport { Menu } from '../../UNSAFE_Menu';\nimport { TabBarContextMenuConfig } from '../../UNSAFE_TabBarCommon';\nimport { useContextMenuGesture } from '../../hooks/UNSAFE_useContextMenuGesture';\nimport { getDefaultContextMenu } from '../../UNSAFE_TabBar/TabBarContextMenu';\nimport { TabBarItemContextMenuContext } from '../../UNSAFE_TabBarCommon/TabBar.types';\nimport { useUser } from '../../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../../resources/nls/bundle';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions<K extends string | number> = {\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  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n\nconst ITEM_SELECTOR = '[role=\"tab\"]';\nconst REMOVABLE_ICON_SELECTOR = '[data-oj-tabbar-item-remove-icon=\"true\"]';\nexport const REMOVABLE_ITEM_ATTRIBUTE = 'data-oj-removable';\n\ntype MenuProps = Pick<\n  ComponentProps<typeof Menu>,\n  'anchorRef' | 'initialFocus' | 'placement' | 'offsetValue' | 'isOpen'\n>;\n\nconst TOUCH_OFFSET_VALUE = 40;\n\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'menu',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\n/**\n * Implements TabBar behavior for focus and keyboad handling\n */\nexport function useTabBar<K extends string | number>(options: useTabBarOptions<K>) {\n  const {\n    children,\n    class: className,\n    display,\n    edge = 'top',\n    selection,\n    onSelect,\n    onRemove,\n    ref: userRef,\n    size,\n    contextMenuConfig\n  } = options;\n\n  const { direction } = useUser();\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\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  const contextMenuDescriptionId = 'contextMenu_' + useId();\n  const contextMenuDescription = translations.tabbar_labelContextMenu();\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 = getItemKeysArray(rootRef.current, ITEM_SELECTOR);\n      if (currentKey == null && tabKeys) {\n        if (selection != null && tabKeys.includes(selection as K)) {\n          setCurrentKey(selection as K);\n        } else if (tabKeys.length > 0) {\n          setCurrentKey(tabKeys[0] as K);\n        }\n      }\n      if (currentKey != null && tabKeys && !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 as K[];\n    }\n  }, [children, currentKey, rootRef, selection]);\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, [\n    'ArrowRight',\n    'ArrowLeft',\n    'Home',\n    'End'\n  ]);\n\n  const reorderableContext = useReorderableContext();\n  const { currentKeyProps } = useCurrentKey(\n    (element) =>\n      onRemove\n        ? extractOnlyItemKey(element, ITEM_SELECTOR, REMOVABLE_ICON_SELECTOR)\n        : keyExtractor(element, ITEM_SELECTOR),\n    false,\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      const key = detail.value as K;\n      setCurrentKey(key);\n      setHideTooltip(false);\n    }\n  );\n\n  useEffect(() => {\n    if (reorderableContext) {\n      reorderableContext.currentItemKey.current = currentKey;\n    }\n  }, [currentKey, reorderableContext]);\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (rootRef.current && currentKey != null) {\n      if (event.key === 'Home' || event.key === 'End') {\n        const tabBarItemKey = getItemKeysArray(rootRef.current, ITEM_SELECTOR);\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 != null) {\n        setCurrentKey(key as K);\n      }\n    }\n  };\n\n  const [contextMenuContext, setContextMenuContext] = useState<TabBarItemContextMenuContext<K>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n  const [accStatusInfo, setAccStatusInfo] = useState<string>();\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      let itemKey = currentKey as K;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          rootRef.current as HTMLElement,\n          currentKey as K,\n          ITEM_SELECTOR\n        );\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, ITEM_SELECTOR);\n\n        //On touch devices, the keyExtractor returns null because target of touch event is the entire tabbar. Hence we make use of currentkey since the context menu is always launched from selected item and its key is currentKey\n        itemKey = key != null ? (key as K) : (currentKey as K);\n      }\n      let tabKeysArray;\n      let isRemovableItem = false;\n      const isReorderable = reorderableContext?.onReorder != null;\n      if (rootRef.current) {\n        tabKeysArray = isReorderable\n          ? (getItemKeysArray(rootRef.current, ITEM_SELECTOR) as K[])\n          : undefined;\n        isRemovableItem =\n          getItemAttribute(itemKey, rootRef.current, REMOVABLE_ITEM_ATTRIBUTE) != null;\n      }\n      const isRemovable = onRemove != null && isRemovableItem;\n      const defaultContext = getDefaultContextMenu<K>({\n        // For default menu items the existence of REMOVABLE_ICON_SELECTOR is the indicator that it is removable because we render the default menu in touch devices not the application.\n        // Furthermore in corepack due to delegations onRemove is always defined as it is a even handler hence not a good check for isRemovable.\n        isRemovable: isRemovable,\n        handleRemove: onRemove,\n        handleReorder: isReorderable ? reorderableContext.onReorder : undefined,\n        itemKey: itemKey,\n        tabKeys: tabKeysArray,\n        direction: direction,\n        itemLabels: {\n          labelRemove: isRemovable ? translations.tabbar_labelRemove() : undefined,\n          labelMoveLeft: isReorderable ? translations.tabbar_labelMoveLeft() : undefined,\n          labelMoveRight: isReorderable ? translations.tabbar_labelMoveRight() : undefined\n        },\n        handleAccStatus: (detail) => {\n          const removeItemLabel = getItemLabel(detail.removedKey!, rootRef.current!) as string;\n          const removeStatus =\n            isRemovable && detail.removedKey\n              ? translations.tabbar_accAnnounceRemovedKey({ itemKey: removeItemLabel })\n              : '';\n          const destinationItemLabel = getItemLabel(\n            detail.destinationKey!,\n            rootRef.current!\n          ) as string;\n          const reorderStatus =\n            isReorderable && detail.destinationKey\n              ? translations.accAnnounceMovedKey({\n                  // This acc info is for reordering using context menu hence as per spec source item key is not required.\n                  itemKey: '',\n                  position: detail.position!,\n                  referenceKey: destinationItemLabel\n                })\n              : '';\n          setAccStatusInfo(removeStatus + reorderStatus);\n        }\n      });\n      setContextMenuContext(defaultContext);\n\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        // This is set so that when no contextMenuConfig is available we need not open it. Example: Apps may choose to open only for removable items and return contextMenuConfig as undefined for non removable ones in such cases it will prevent it from opening.\n        isOpen: contextMenuConfig != null\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        setCurrentKey(contextMenuContext?.itemKey);\n        rootRef.current?.focus();\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [rootRef, contextMenuContext?.itemKey]\n  );\n\n  const eventProps = mergeProps({ onKeyDown, onFocus }, triggerProps);\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    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    contextMenuContext,\n    contextMenuDescriptionId,\n    contextMenuDescription,\n    accStatusInfo\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\n// Utility that returns the value for a attribute related to the role=\"tab\" item.\nexport const getItemAttribute = <K extends string | number>(\n  itemKey: K,\n  root: HTMLElement,\n  attribute: string\n) => {\n  const tabBarItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (tabBarItem) {\n    const tabBarItemAttribute = tabBarItem.hasAttribute(attribute)\n      ? tabBarItem.getAttribute(attribute)\n      : null;\n    return tabBarItemAttribute;\n  }\n  return;\n};\n\n// Utility that returns the visible inner text inside the role=\"tab\" item.\nconst getItemLabel = <K extends string | number>(itemKey: K, root: HTMLElement) => {\n  const tabBarItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (tabBarItem) {\n    return tabBarItem.innerText;\n  }\n  return;\n};\n"],"names":["ITEM_SELECTOR","REMOVABLE_ITEM_ATTRIBUTE","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","isOpen","anchorRef","current","extractOnlyItemKey","element","itemSelector","itemEliminator","tabBarItem","closest","hasAttribute","removeButton","contains","getKey","findNextValidKey","currentKey","currTabs","prevTabs","index","indexOf","nextIndex","isLastKey","length","nextKey","getItemAttribute","itemKey","root","attribute","findElementByKey","getAttribute","getItemLabel","innerText","options","children","class","className","display","edge","selection","onSelect","onRemove","ref","userRef","size","contextMenuConfig","direction","useUser","translations","useTranslationBundle","internalRef","useRef","rootRef","tabId","useId","setCurrentKey","useState","hideTooltip","setHideTooltip","tabItemPrefix","contextMenuDescriptionId","contextMenuDescription","tabbar_labelContextMenu","prevTabKeys","useEffect","tabKeys","getItemKeysArray","includes","showFocusRing","focusRingProps","useCollectionFocusRing","reorderableContext","useReorderableContext","currentKeyProps","useCurrentKey","keyExtractor","undefined","getPrevNextKeyUsingRef","detail","key","value","currentItemKey","contextMenuContext","setContextMenuContext","menuProps","setMenuProps","accStatusInfo","setAccStatusInfo","triggerProps","useContextMenuGesture","gesture","anchor","target","tabKeysArray","anchorBasedOnGesture","elem","isRemovableItem","isReorderable","onReorder","isRemovable","defaultContext","getDefaultContextMenu","handleRemove","handleReorder","itemLabels","labelRemove","tabbar_labelRemove","labelMoveLeft","tabbar_labelMoveLeft","labelMoveRight","tabbar_labelMoveRight","handleAccStatus","removeItemLabel","removedKey","removeStatus","tabbar_accAnnounceRemovedKey","destinationItemLabel","destinationKey","reorderStatus","accAnnounceMovedKey","position","referenceKey","isDisabled","handleCloseContextMenu","useCallback","reason","focus","eventProps","mergeProps","onKeyDown","event","tabBarItemKey","preventDefault","onFocus","getFirstVisibleKey","rootProps","role","tabIndex","tabBarContext","isEdgeBottom","layout","onClose"],"mappings":"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"}

package/amd/useTabBarItemTooltip-6c6fb512.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './useTooltipControlled-e7021312'], (function(o,t,e){"use strict";o.useTabBarItemTooltip=({label:o,isDisabled:l,position:i})=>{const[n,s]=t.useState(!1),{tooltipProps:a,tooltipContent:p}=e.useTooltipControlled({isOpen:n,isDisabled:l,position:i,focusStrategy:"logical",text:o,onToggle:({value:o})=>{s(o)}}),{onLogicalFocus:r,onLogicalBlur:u,...c}=a;return{tooltipContent:p,tooltipEventHandlerProps:c,onLogicalFocus:r,onLogicalBlur:u}}}));
-//# sourceMappingURL=useTabBarItemTooltip-6c6fb512.js.map

package/amd/useTabBarItemTooltip-6c6fb512.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTabBarItemTooltip-6c6fb512.js","sources":["../../src/UNSAFE_TabBarCommon/useTabBarItemTooltip.ts"],"sourcesContent":["import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\nimport { Placement } from '#UNSAFE_Floating';\n\ntype Props = {\n  label: string;\n  isDisabled: boolean;\n  position?: Position;\n};\n\ntype Position = Omit<Placement, 'center'>;\n\nexport const useTabBarItemTooltip = ({\n  label,\n  isDisabled,\n  position\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipEventHandlerProps: Record<string, any>;\n  onLogicalFocus: (elem: HTMLElement) => void;\n  onLogicalBlur: () => void;\n} => {\n  const [isOpen, setOpen] = useState<boolean>(false);\n  const { tooltipProps, tooltipContent } = useTooltipControlled({\n    isOpen: isOpen,\n    isDisabled,\n    position: position,\n    focusStrategy: 'logical',\n    text: label,\n    onToggle: ({ value }) => {\n      setOpen(value);\n    }\n  });\n  const { onLogicalFocus, onLogicalBlur, ...tooltipEventHandlerProps } = tooltipProps;\n\n  return { tooltipContent, tooltipEventHandlerProps, onLogicalFocus, onLogicalBlur };\n};\n"],"names":["label","isDisabled","position","isOpen","setOpen","useState","tooltipProps","tooltipContent","useTooltipControlled","focusStrategy","text","onToggle","value","onLogicalFocus","onLogicalBlur","tooltipEventHandlerProps"],"mappings":"yHAaoC,EAClCA,QACAC,aACAC,eAOA,MAAOC,EAAQC,GAAWC,EAAQA,UAAU,IACtCC,aAAEA,EAAYC,eAAEA,GAAmBC,uBAAqB,CAC5DL,OAAQA,EACRF,aACAC,SAAUA,EACVO,cAAe,UACfC,KAAMV,EACNW,SAAU,EAAGC,YACXR,EAAQQ,EAAM,KAGZC,eAAEA,EAAcC,cAAEA,KAAkBC,GAA6BT,EAEvE,MAAO,CAAEC,iBAAgBQ,2BAA0BF,iBAAgBC,gBAAe"}

package/amd/useTestId-f4240cbd.js

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

package/amd/useTestId-f4240cbd.js.map

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

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

package/amd/useTheme-da27e1d1.js.map

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

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

package/amd/useThemeInterpolations-cc05b0f0.js.map

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

package/amd/useTooltip-31ac71c4.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './useTooltipControlled-e7021312'], (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-31ac71c4.js.map

package/amd/useTooltip-31ac71c4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTooltip-31ac71c4.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-e7021312.js

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

package/amd/useTooltipControlled-e7021312.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTooltipControlled-e7021312.js","sources":["../../src/hooks/UNSAFE_useTooltip/TooltipContent.tsx","../../src/hooks/UNSAFE_useTooltip/useTooltipControlled.tsx"],"sourcesContent":["import type { JSX } from 'preact';\nimport { useAnimation } from '../UNSAFE_useAnimation';\nimport { useComponentTheme } from '../UNSAFE_useComponentTheme';\nimport { useEffect, useRef } from 'preact/hooks';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport {\n  TooltipContentVariantOptions,\n  TooltipContentStyles\n} from './themes/TooltipContentStyles.css';\n\nimport { useTestId, TestIdProps } from '../UNSAFE_useTestId';\nimport { useThemeInterpolations } from '../UNSAFE_useThemeInterpolations';\nimport { classNames } from '../../utils/UNSAFE_classNames';\nimport { TooltipContentRedwoodTheme } from './themes/redwood/TooltipContentTheme';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'children'>;\n\ntype Status = 'mounted' | 'unmounted';\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isOpen: boolean;\n  isDatatip: boolean;\n  onTransitionEnd?: () => void;\n} & TestIdProps;\n\nexport const TooltipContent = ({\n  children,\n  id,\n  isOpen,\n  isDatatip,\n  onTransitionEnd,\n  testId,\n  ...props\n}: ContentProps) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const testIdProps = useTestId(testId);\n\n  const { baseTheme, variantClasses, styles } = useComponentTheme<\n    TooltipContentVariantOptions,\n    TooltipContentStyles\n  >(TooltipContentRedwoodTheme, {\n    variant: isDatatip ? 'datatip' : 'tooltip'\n  });\n\n  const schemeClass = useThemeInterpolations();\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(isOpen ? 'mounted' : 'unmounted', {\n    animationStates: {\n      mounted: (_node) => {\n        const childNode = _node.firstChild as HTMLDivElement;\n        return {\n          from: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          to: {\n            maxHeight: `${childNode?.offsetHeight}px`,\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 150,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      },\n      unmounted: (_node) => {\n        return {\n          from: {\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          to: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 150,\n            easing: [0.0, 0.0, 0.2, 1]\n          }\n        };\n      }\n    },\n    isAnimatedOnMount: true,\n    onAnimationEnd: () => onTransitionEnd?.()\n  });\n\n  // Set up initial wrapper height so Tooltip can animate from the bottom to the top\n  useEffect(() => {\n    if (wrapperRef.current && popoverRef.current?.offsetHeight) {\n      wrapperRef.current.style.height = `${popoverRef.current?.offsetHeight}px`;\n    }\n  }, []);\n\n  return (\n    <div\n      ref={wrapperRef}\n      id={id}\n      role=\"tooltip\"\n      class={classNames([styles.wrapper, schemeClass, baseTheme])}\n      {...testIdProps}>\n      <div ref={nodeRef} class={styles.inner} {...props}>\n        <div ref={popoverRef} class={classNames([variantClasses, styles.content])}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChild } from 'preact';\nimport { useState, useRef, useEffect, useCallback } from 'preact/hooks';\nimport { useId } from '../UNSAFE_useId';\nimport { Placement, Coords } from '../../UNSAFE_Floating';\nimport { useHover } from '../UNSAFE_useHover';\nimport { useFocus } from '../UNSAFE_useFocus';\nimport { useTouch } from '../UNSAFE_useTouch';\nimport { mergeProps } from '../../utils/UNSAFE_mergeProps';\nimport { TooltipContent } from './TooltipContent';\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\nimport { TestIdProps } from '../UNSAFE_useTestId';\nimport {\n  getGlobalTooltipManager,\n  getWrappedTooltipContent,\n  SHOW_TOOLTIP_DELAY,\n  HIDE_TOOLTIP_DELAY\n} from '../../utils/PRIVATE_tooltipUtils';\n\nexport type Position = Omit<Placement, 'center'>;\n\nexport const anchorTos = ['element', 'pointer'] as const;\ntype AnchorTo = (typeof anchorTos)[number];\n\ntype AnchorModel = { x: AnchorTo; y: AnchorTo };\n\ntype Props = {\n  text?: string;\n  variant?: 'tooltip' | 'datatip';\n  isOpen: boolean;\n  position?: Position;\n  isDisabled?: boolean;\n  focusStrategy?: 'browser' | 'logical';\n  anchor?: AnchorModel;\n  offset?: { mainAxis?: number; crossAxis?: number };\n  onToggle?: (details: { value: boolean }) => void;\n  displayOnHover?: boolean;\n  dismissOnClick?: boolean;\n} & TestIdProps;\n\n/**\n * The 'mounting' and 'unmounting' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Tooltip content is completely removed\n * from the DOM. The 'mountPending' and 'unmountPending' are used when timeout is active.\n * The 'reposition' state is used to trigger a transition with new coordinates within\n * the same element.\n */\ntype Status =\n  | 'unmounted'\n  | 'mountPending'\n  | 'mounting'\n  | 'mounted'\n  | 'unmountPending'\n  | 'unmounting';\n\nexport const useTooltipControlled = ({\n  text,\n  isOpen = false,\n  variant = 'tooltip',\n  position = 'bottom',\n  displayOnHover = true,\n  dismissOnClick = true,\n  focusStrategy = 'browser',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset,\n  onToggle,\n  testId\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} => {\n  // Global TooltipManager singleton instance\n  const globalTooltipManager = getGlobalTooltipManager();\n\n  const disabled = isDisabled || !text;\n  const isInitialRenderState = useRef<boolean>(true);\n\n  const [state, _setState] = useState<Status>(!disabled && isOpen ? 'mounting' : 'unmounted');\n  const stateRef = useRef<Status>(state);\n  const setState = (newState: Status) => {\n    stateRef.current = newState;\n    _setState(newState);\n  };\n\n  // const tooltipId = useRef<string>(useId());\n\n  const [needsUpdate, setNeedsUpdate] = useState<boolean>(false);\n  setNeedsUpdate(false);\n\n  const isDatatip = variant === 'datatip';\n\n  const [isLogicalFocus, setLogicalFocus] = useState<boolean>(false);\n  const isLogicalFocusStrategy = focusStrategy === 'logical';\n  const isInitialRenderTrigger = useRef<boolean>(true);\n  const { hoverProps, isHover } = useHover({ isDisabled: !displayOnHover });\n  const { touchProps, isTouch } = useTouch({ isDisabled }); // TODO replace by useLongPress actionhook\n  // we only care about keyboard focus, don't enable useFocus hook if isHover or isTouch are active\n  const { focusProps, isFocus } = useFocus({\n    isDisabled: isLogicalFocusStrategy\n  });\n  // only enable the popoverHover hook if the tooltip is actually open\n  const { hoverProps: popoverHoverProps, isHover: popoverIsHover } = useHover({\n    isDisabled: isDisabled || !isOpen\n  });\n\n  const isPointer = anchor.x === 'pointer' || anchor.y === 'pointer';\n\n  const uniqueIdRef = useRef<string>(useId());\n  const targetRef = useRef<HTMLElement | null>(null);\n  const coordsRef = useRef<Coords>({ x: -9999, y: -9999 });\n  // if anchor is set to pointer and target does not have keyboard focus, use coords\n  const usedRef = isPointer && !isFocus ? coordsRef : targetRef;\n  const showDelay = isDatatip ? 0 : SHOW_TOOLTIP_DELAY;\n  const hideDelay = isDatatip ? 0 : HIDE_TOOLTIP_DELAY;\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const currentColorScheme = useColorScheme();\n\n  const focusActive = useRef<boolean>(false);\n  const hoverActive = useRef<boolean>(false);\n\n  const toggleTimeoutClear = () => {\n    if (toggleTimeoutRef.current) {\n      clearTimeout(toggleTimeoutRef.current);\n      toggleTimeoutRef.current = null;\n    }\n  };\n\n  /*\n   * This effect executes when isFocus/isLogicalFocus changes\n   * - focusActive ref is set if the focus change follows a Tab key\n   * - hoverActive ref is reset, if focusActive becomes true\n   */\n  useEffect(() => {\n    if (isLogicalFocusStrategy) {\n      focusActive.current = isLogicalFocus;\n    } else {\n      focusActive.current = isFocus && globalTooltipManager.isTabKeyActive();\n    }\n    if (focusActive.current) {\n      hoverActive.current = false;\n    }\n  }, [isFocus, isLogicalFocus, isLogicalFocusStrategy, globalTooltipManager]);\n\n  /*\n   * This effect executes when isHover state changes\n   * - focusActive ref is reset, if hoverActive becomes true\n   */\n  useEffect(() => {\n    hoverActive.current = isHover;\n  }, [isHover]);\n\n  useEffect(() => {\n    // inner function for state transitions on various trigger changes\n    const updateState = (open: boolean) => {\n      if (open && text) {\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, text]);\n\n  const destroyCallback = useCallback(() => {\n    focusActive.current = false;\n    hoverActive.current = false;\n    onToggle?.({ value: false });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []); // don't want to depend on the 'onToggle' prop as some clients tend to pass a new callback on each render\n\n  /*\n   * Global mousedown handler to dismiss the tooltip on anchor click. This is especially needed\n   * for Safari which does not fire mouse events during animations when the anchor moves (JET-72605).\n   */\n  const mouseDownHandler = useCallback(\n    (event: MouseEvent) => {\n      if (\n        usedRef.current instanceof Element &&\n        usedRef.current.contains(event.target as Element) &&\n        dismissOnClick\n      ) {\n        toggleTimeoutClear();\n        document.removeEventListener('mousedown', mouseDownHandler, true);\n        destroyCallback();\n      }\n    },\n    [dismissOnClick, usedRef, destroyCallback]\n  );\n\n  useEffect(() => {\n    if (isInitialRenderState.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderState.current = false;\n      return;\n    }\n    setState(isOpen ? 'mounting' : 'unmounting');\n  }, [isOpen]);\n\n  useEffect(() => {\n    return () => {\n      // make sure to clear the toggle timeout on unmount\n      toggleTimeoutClear();\n      // reset focusActive and hoverActive refs\n      focusActive.current = false;\n      hoverActive.current = false;\n    };\n  }, []);\n\n  /*\n   * This effect executes when the component state changes.\n   * On 'mounted' state, the tooltip registers itself with the global tooltip manager.\n   * On 'unmounted', the tooltip unregisters from the global tooltip manager.\n   */\n  useEffect(() => {\n    if (state === 'mounting') {\n      globalTooltipManager.register(destroyCallback);\n    } else if (state === 'unmounted') {\n      globalTooltipManager.unregister(destroyCallback);\n      // clean up the mousedown handler just in case\n      document.removeEventListener('mousedown', mouseDownHandler, true);\n    }\n  }, [state, destroyCallback, globalTooltipManager, mouseDownHandler]);\n\n  /*\n   * Set a timer to toggle the state afer the 'pending' period expires\n   */\n  useEffect(() => {\n    if (!toggleTimeoutRef.current && (state === 'mountPending' || state === 'unmountPending')) {\n      if (state === 'mountPending') {\n        document.addEventListener('mousedown', mouseDownHandler, true);\n      }\n      toggleTimeoutRef.current = setTimeout(\n        () => {\n          toggleTimeoutClear();\n          // make sure the state has not changed in the mean time before onToggle\n          if (\n            (state === 'mountPending' || state === 'unmountPending') &&\n            state === stateRef.current\n          ) {\n            onToggle?.({ value: state === 'mountPending' });\n          }\n        },\n        state === 'mountPending' ? showDelay : hideDelay\n      );\n    }\n    return () => {\n      toggleTimeoutClear();\n    };\n  }, [state, showDelay, hideDelay, onToggle, mouseDownHandler]);\n\n  const handleMouseMove = (event: MouseEvent) => {\n    // we only want track mouse move while the state is 'unmounted' or when moving a 'mounted' datatip\n    if (state !== 'unmounted' && !(variant === 'datatip' && state === 'mounted')) {\n      return;\n    }\n    const targetRect = targetRef?.current?.getBoundingClientRect();\n\n    // Tooltip maintains static offset from left side of window\n    const distanceX = document.body.scrollLeft + (targetRect?.left || 0) + (targetRect?.width || 0);\n\n    // Tooltip maintains static offset from top side of the window\n    const distanceY = document.body.scrollTop + (targetRect?.top || 0) + (targetRect?.height || 0);\n\n    // Display tooltip at the mouse position if both anchors are set to pointer\n    const x = anchor.x === 'pointer' ? event.clientX : distanceX;\n    const y = anchor.y === 'pointer' ? event.clientY : distanceY;\n\n    if (state === 'mounted') {\n      coordsRef.current = { x, y };\n      if (needsUpdate !== true) setNeedsUpdate(true);\n    } else if (state === 'unmounted') {\n      toggleTimeoutClear();\n      toggleTimeoutRef.current = setTimeout(() => {\n        if (state === 'unmounted') {\n          coordsRef.current = { x, y };\n          onToggle?.({ value: true });\n        }\n      }, hideDelay);\n    }\n  };\n\n  const onLogicalFocus = (target: HTMLElement) => {\n    setLogicalFocus(true);\n    targetRef.current = target;\n    usedRef.current = target;\n  };\n\n  const onLogicalBlur = () => {\n    setLogicalFocus(false);\n  };\n\n  const onFocusCallback = useCallback((event: FocusEvent) => {\n    targetRef.current = event.currentTarget as HTMLElement;\n  }, []);\n\n  const onBlurCallback = useCallback((event: FocusEvent) => {\n    if (event.eventPhase === Event.AT_TARGET) {\n      // reset focusActive flag\n      focusActive.current = false;\n    }\n  }, []);\n\n  const focusInitProps = isLogicalFocusStrategy\n    ? {}\n    : {\n        onFocus: onFocusCallback,\n        onBlur: onBlurCallback\n      };\n\n  const hoverInitProps = {\n    onMouseEnter: useCallback((event: MouseEvent) => {\n      targetRef.current = event.target as HTMLElement;\n    }, [])\n  };\n\n  let actionableProps;\n\n  const __resetCoords = () => {\n    coordsRef.current = { x: -9999, y: -9999 };\n  };\n\n  if (disabled) {\n    actionableProps = mergeProps(hoverProps, focusProps, hoverInitProps, focusInitProps);\n  } else {\n    const anchorInitProps = {\n      'aria-describedby': uniqueIdRef.current,\n\n      ...(isPointer && {\n        onMouseLeave: () => {\n          if (state === 'mounting') {\n            return;\n          }\n          toggleTimeoutClear();\n        },\n        onMouseMove: (event: MouseEvent) => {\n          handleMouseMove(event);\n        }\n      })\n    };\n    actionableProps = mergeProps(\n      hoverProps,\n      focusProps,\n      touchProps,\n      hoverInitProps,\n      focusInitProps,\n      anchorInitProps,\n      isLogicalFocusStrategy ? { onLogicalFocus, onLogicalBlur } : {}\n    );\n  }\n\n  // No need to process tooltip if disabled or no text is provided\n  // Include actionableProps to detect mouseenter in components\n  // hovered state won't update unless actionableProps are already present in the component when mouse enters\n  if (disabled) {\n    toggleTimeoutClear();\n    __resetCoords();\n    return {\n      tooltipContent: null,\n      tooltipProps: actionableProps\n    };\n  }\n\n  const placement = position as Placement;\n\n  const handleTransitionEnd = () => {\n    if (state === 'mounting') {\n      setState('mounted');\n    }\n    if (state === 'unmounting') {\n      __resetCoords();\n      setState('unmounted');\n    }\n  };\n\n  const renderRawContent = (\n    <TooltipContent\n      id={uniqueIdRef.current}\n      testId={testId}\n      isOpen={['mounting', 'mounted', 'unmountPending'].includes(state)}\n      {...popoverHoverProps}\n      isDatatip={isDatatip}\n      onTransitionEnd={handleTransitionEnd}>\n      {text}\n    </TooltipContent>\n  );\n\n  const renderContent = getWrappedTooltipContent(\n    renderRawContent,\n    variant,\n    currentColorScheme,\n    usedRef,\n    placement,\n    offset\n  );\n\n  return {\n    tooltipContent: !['unmounted', 'mountPending'].includes(state) && renderContent,\n    tooltipProps: actionableProps\n  };\n};\n"],"names":["TooltipContent","children","id","isOpen","isDatatip","onTransitionEnd","testId","props","wrapperRef","useRef","popoverRef","testIdProps","useTestId","baseTheme","variantClasses","styles","useComponentTheme","TooltipContentRedwoodTheme","variant","schemeClass","useThemeInterpolations","nodeRef","useAnimation","animationStates","mounted","_node","childNode","firstChild","from","maxHeight","opacity","to","offsetHeight","options","duration","easing","unmounted","isAnimatedOnMount","onAnimationEnd","useEffect","current","style","height","_jsx","jsx","ref","role","class","classNames","wrapper","inner","content","text","position","displayOnHover","dismissOnClick","focusStrategy","isDisabled","anchor","x","y","offset","onToggle","globalTooltipManager","getGlobalTooltipManager","disabled","isInitialRenderState","state","_setState","useState","stateRef","setState","newState","needsUpdate","setNeedsUpdate","isLogicalFocus","setLogicalFocus","isLogicalFocusStrategy","isInitialRenderTrigger","hoverProps","isHover","useHover","touchProps","isTouch","useTouch","focusProps","isFocus","useFocus","popoverHoverProps","popoverIsHover","isPointer","uniqueIdRef","useId","targetRef","coordsRef","usedRef","showDelay","SHOW_TOOLTIP_DELAY","hideDelay","HIDE_TOOLTIP_DELAY","toggleTimeoutRef","currentColorScheme","useColorScheme","focusActive","hoverActive","toggleTimeoutClear","clearTimeout","isTabKeyActive","open","value","__resetCoords","updateState","destroyCallback","useCallback","mouseDownHandler","event","Element","contains","target","document","removeEventListener","register","unregister","addEventListener","setTimeout","onLogicalFocus","onLogicalBlur","onFocusCallback","currentTarget","onBlurCallback","eventPhase","Event","AT_TARGET","focusInitProps","onFocus","onBlur","hoverInitProps","onMouseEnter","actionableProps","mergeProps","anchorInitProps","onMouseLeave","onMouseMove","targetRect","getBoundingClientRect","distanceX","body","scrollLeft","left","width","distanceY","scrollTop","top","clientX","clientY","handleMouseMove","tooltipContent","tooltipProps","placement","renderRawContent","includes","renderContent","getWrappedTooltipContent"],"mappings":"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"}

package/amd/useTooltipOnTruncation-e8d8f010.js

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

package/amd/useTooltipOnTruncation-e8d8f010.js.map

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

package/amd/useTranslationBundle-e4dd341e.js

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

package/amd/useTranslationBundle-e4dd341e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTranslationBundle-e4dd341e.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-08901aba.js

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

package/amd/useUser-08901aba.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUser-08901aba.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-5f18ab46.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/hooks', './useUser-08901aba', './layoutUtils-517a546d', './eventsUtils-1f5dc91a', './useVisHover-28319fef', './mergeProps-bcfa6a92'], (function(e,t,n,r,s,o,c){"use strict";e.useVisEvent=function(e,i,u,a,d,f,v,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=v(w);P(t),s.cancelEvent(e);break}case"ArrowUp":{const t=f(w);P(t),s.cancelEvent(e);break}case"ArrowRight":{const t=A?f(w):v(w);P(t),s.cancelEvent(e);break}case"ArrowLeft":{const t=A?v(w):f(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-5f18ab46.js.map

package/amd/useVisEvents-5f18ab46.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useVisEvents-5f18ab46.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-cea07c6e.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './useUser-08901aba'], (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-cea07c6e.js.map

package/amd/withDirectionIcon-cea07c6e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withDirectionIcon-cea07c6e.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"}

package/cjs/BaseButton-51014bfb.js

@@ -1,86 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var compat = require('preact/compat');
-var useHover = require('./useHover-49b0430d.js');
-var useActive = require('./useActive-6770f917.js');
-var useColorScheme = require('./useColorScheme-f8b1447d.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var dimensions = require('./dimensions-6101ca1f.js');
-var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
-var clientHints$1 = require('./clientHints-c40c5250.js');
-var mergeProps = require('./mergeProps-e3da7237.js');
-var UNSAFE_BaseButton_themes_redwood_BaseButtonTheme = require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
-var useComponentTheme = require('./useComponentTheme-181c58a1.js');
-var BareButton = require('./BareButton-e8a030d7.js');
-var buttonUtils = require('./buttonUtils-dff2ea3e.js');
-
-const interpolations = [...Object.values(dimensions.dimensionInterpolations)];
-const styleInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
-const clientHints = clientHints$1.getClientHints();
-// :active only works on IOS devices if a touch handler exists
-const iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () { } } : {};
-const isHybrid = clientHints$1.getClientHints().hoverSupport === 'events';
-const BaseButton = compat.forwardRef(({ variant, isReadOnly = false, isDisabled = false, isRepeat = false, isClick, size, onAction, elementDetails = { type: 'button', buttonType: 'button' }, styling = ['default'], edge = 'none', testId, ...props }, ref) => {
-    const isStyled = (name) => {
-        return styling.indexOf(name) > -1;
-    };
-    const { globalEventProps, ariaProps } = buttonUtils.processGlobals(props);
-    const { hoverProps, isHover } = useHover.useHover({ isDisabled: !isHybrid });
-    const { activeProps, isActive } = useActive.useActive({ isDisabled: isReadOnly });
-    const { class: cls, ...styles } = styleInterpolations({
-        ...props,
-        ...globalEventProps
-    });
-    const ElementType = elementDetails.type;
-    const isSpan = ElementType == 'span';
-    const colorScheme = useColorScheme.useColorScheme();
-    const { variantClasses } = useComponentTheme.useComponentTheme(UNSAFE_BaseButton_themes_redwood_BaseButtonTheme.BaseButtonRedwoodTheme, {
-        size,
-        variant,
-        unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',
-        embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',
-        container: isStyled('container') ? 'isContainer' : 'notContainer',
-        noBorderRadiusStart: isStyled('noBorderRadiusStart')
-            ? 'isNoBorderRadiusStart'
-            : 'notNoBorderRadiusStart',
-        noBorderRadiusEnd: isStyled('noBorderRadiusEnd')
-            ? 'isNoBorderRadiusEnd'
-            : 'notNoBorderRadiusEnd',
-        noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',
-        noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',
-        activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',
-        selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',
-        buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',
-        trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',
-        fill: isStyled('fill') ? 'isFill' : 'notFill',
-        min: isStyled('min') ? 'isMin' : 'notMin',
-        disabled: isDisabled ? 'isDisabled' : 'notDisabled',
-        edge,
-        hybrid: isHybrid ? 'isHybrid' : 'notHybrid',
-        active: isActive ? 'isActive' : 'notActive',
-        hover: isHover ? 'isHover' : 'notHover',
-        span: isSpan ? 'isSpan' : 'notSpan',
-        widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',
-        widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',
-        hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',
-        noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',
-        newStackingContext: isStyled('newStackingContext')
-            ? 'isNewStackingContext'
-            : 'notNewStackingContext',
-        noUserSelect: isStyled('noUserSelect') ? 'notUserSelect' : 'isUserSelect',
-        colorScheme
-    });
-    const legacyGlobals = {
-        autofocus: props.autofocus,
-        title: props.title
-    };
-    const mergedProps = mergeProps.mergeProps(iosProps, ariaProps, hoverProps, isStyled('container') ? {} : activeProps, globalEventProps, legacyGlobals);
-    const wrapperClasses = classNames.classNames([cls, variantClasses]);
-    return (jsxRuntime.jsx(BareButton.BareButton, { ref: ref, isDisabled: isDisabled || isReadOnly, isClick: isClick, classNames: wrapperClasses, style: styles, testId: testId, onAction: onAction, autofocus: props['autofocus'], elementDetails: elementDetails, isRepeat: isRepeat, ...ariaProps, ...mergedProps, children: props.children }));
-});
-BaseButton.displayName = 'BaseButton';
-
-exports.BaseButton = BaseButton;
-//# sourceMappingURL=BaseButton-51014bfb.js.map