@oracle/oraclejet-preact 18.1.1 → 18.1.2

package/amd/{useSelection-4c8e905b.js.map → useSelection-5128f1e7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useSelection-4c8e905b.js","sources":["../../src/hooks/PRIVATE_useVisSelection/ClearSelectionButton.tsx","../../src/hooks/PRIVATE_useVisSelection/useClearSelection.tsx","../../src/hooks/PRIVATE_useVisSelection/useSelection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { Text } from '#UNSAFE_Text';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { clearButtonStyles } from './themes/ClearSelection.css';\n\ntype Props = {\n  onAction: () => void;\n};\n\n/**\n * Clear selection button component\n */\nexport const ClearSelectionButton = ({ onAction }: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearSelectionLabel = `${translations.vis_clearSelection()}`;\n  return (\n    <div class={clearButtonStyles.base}>\n      <BaseButton\n        styling={['default']}\n        elementDetails={{ type: 'span', isFocusable: false, isLabel: true }}\n        variant=\"outlined\"\n        onAction={onAction}>\n        <Text truncation={'ellipsis'} weight={'inherit'}>\n          {clearSelectionLabel}\n        </Text>\n      </BaseButton>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useState } from 'preact/hooks';\nimport { ClearSelectionButton } from './ClearSelectionButton';\nimport { Layer } from '#UNSAFE_Layer';\nimport { Floating } from '#UNSAFE_Floating';\n\n/**\n * The default offset for clear selection mainAxis.\n */\nconst DEFAULT_OFFSET = 18;\ntype Props = {\n  clearSelection: () => void;\n};\ntype SelectionMode = 'none' | 'single' | 'multiple';\n\nexport function useClearSelection<K>({ clearSelection }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n  const coordinates = useRef({ x: 0, y: 0 });\n\n  const tryToggleClearButton = (\n    event: PointerEvent,\n    key: K | undefined,\n    selectionMode: SelectionMode,\n    selectedIds: Set<K>\n  ) => {\n    if (\n      event.pointerType === 'touch' &&\n      key === undefined &&\n      selectionMode === 'multiple' &&\n      selectedIds.size > 1\n    ) {\n      setIsVisible(!isVisible);\n      coordinates.current = { x: event.clientX, y: event.clientY };\n      return true;\n    }\n    return false;\n  };\n\n  const offsetValue = { mainAxis: 2 * DEFAULT_OFFSET };\n  const anchorRef = { current: coordinates.current };\n\n  const clearSelectionContent = isVisible ? (\n    <Layer>\n      <Floating\n        anchorRef={anchorRef}\n        offsetValue={offsetValue}\n        placement=\"top\"\n        flipOptions={{ crossAxis: false, mainAxis: false }}\n        shiftOptions={{ crossAxis: true, mainAxis: true }}>\n        <ClearSelectionButton\n          onAction={() => {\n            setIsVisible(false);\n            clearSelection();\n          }}\n        />\n      </Floating>\n    </Layer>\n  ) : null;\n\n  return {\n    clearSelectionContent,\n    tryToggleClearButton\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback, useRef } from 'preact/hooks';\nimport { isEqual } from '#utils/UNSAFE_visUtils/eventsUtils';\nimport { useClearSelection } from './useClearSelection';\n\nexport type SelectionMode = 'none' | 'single' | 'multiple';\nexport type SelectionDetail<K, D> = {\n  ids: K[];\n  data: (D | undefined)[];\n};\ntype SelectionBehavior = 'toggle' | 'replace';\n\nconst NAVKEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];\n\n/**\n * The constant that defines time to wait to change selection after pointer up is fired.\n * If double click didn't happen\n */\nconst DBLCLICK_THRESHOLD = 250;\n\n/**\n * Handles the selection.\n * @param itemId The id of the item.\n * @param selectedIds The set of selected item ids.\n * @param selectionMode The selection mode.\n * @param selectionBehavior The selection behavior. If 'toggle', unselected item will be selected and\n * vice versa. If 'replace', the item will replace the previous selection.\n * @param getDataById The callback to get item data from idDataMap.\n * @param onChange The callback to trigger when selection changes.\n */\nconst handleSelect = <K, D>(\n  itemId: K | undefined,\n  selectedIds: Set<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior,\n  getDataById: (id: K) => D | undefined,\n  onChange?: (detail: SelectionDetail<K, D>) => void\n) => {\n  let ids = new Set<K>([]);\n  if (itemId != null) {\n    ids = new Set(selectedIds);\n    const isSelected = selectedIds.has(itemId);\n\n    if (selectionBehavior === 'toggle') {\n      if (isSelected) {\n        ids.delete(itemId);\n      } else if (selectionMode === 'single') {\n        ids = new Set([itemId]); // only selection\n      } else {\n        ids.add(itemId); // add to selection in \"multiple\" selectionMode\n      }\n    } else if (!isSelected) {\n      // In \"multiple\" selection mode, only replace selection if unselected item is selected.\n      // In \"single\" selection mode, only need to replace if unselected item is selected.\n      ids = new Set([itemId]);\n    }\n  }\n\n  if (!isEqual<K>(ids, selectedIds)) {\n    onChange?.({ ids: [...ids], data: [...ids].map(getDataById) });\n  }\n};\n\ntype Props<K, D> = {\n  selection?: K[];\n  selectionMode?: SelectionMode;\n  idExtracter: (event: Event) => K | undefined;\n  onChange?: (detail: SelectionDetail<K, D>) => void;\n  isKeyboardSelection?: (event: KeyboardEvent) => boolean;\n  isDrillEnabled?: boolean;\n  getDataById: (id: K) => D | undefined;\n  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"],"names":["ClearSelectionButton","onAction","clearSelectionLabel","useTranslationBundle","vis_clearSelection","_jsx","class","clearButtonStyles","base","children","BaseButton","styling","elementDetails","type","isFocusable","isLabel","variant","Text","truncation","weight","DEFAULT_OFFSET","NAVKEYS","handleSelect","itemId","selectedIds","selectionMode","selectionBehavior","getDataById","onChange","ids","Set","isSelected","has","delete","add","isEqual","data","map","selection","idExtracter","isDrillEnabled","isKeyboardSelection","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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"}
+{"version":3,"file":"useSelection-5128f1e7.js","sources":["../../src/hooks/PRIVATE_useVisSelection/ClearSelectionButton.tsx","../../src/hooks/PRIVATE_useVisSelection/useClearSelection.tsx","../../src/hooks/PRIVATE_useVisSelection/useSelection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { Text } from '#UNSAFE_Text';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { clearButtonStyles } from './themes/ClearSelection.css';\n\ntype Props = {\n  onAction: () => void;\n};\n\n/**\n * Clear selection button component\n */\nexport const ClearSelectionButton = ({ onAction }: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearSelectionLabel = `${translations.vis_clearSelection()}`;\n  return (\n    <div class={clearButtonStyles.base}>\n      <BaseButton\n        styling={['default']}\n        elementDetails={{ type: 'span', isFocusable: false, isLabel: true }}\n        variant=\"outlined\"\n        onAction={onAction}>\n        <Text truncation={'ellipsis'} weight={'inherit'}>\n          {clearSelectionLabel}\n        </Text>\n      </BaseButton>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef, useState } from 'preact/hooks';\nimport { ClearSelectionButton } from './ClearSelectionButton';\nimport { Layer } from '#UNSAFE_Layer';\nimport { Floating } from '#UNSAFE_Floating';\n\n/**\n * The default offset for clear selection mainAxis.\n */\nconst DEFAULT_OFFSET = 18;\ntype Props = {\n  clearSelection: () => void;\n};\ntype SelectionMode = 'none' | 'single' | 'multiple';\n\nexport function useClearSelection<K>({ clearSelection }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n  const coordinates = useRef({ x: 0, y: 0 });\n\n  const tryToggleClearButton = (\n    event: PointerEvent,\n    key: K | undefined,\n    selectionMode: SelectionMode,\n    selectedIds: Set<K>\n  ) => {\n    if (\n      event.pointerType === 'touch' &&\n      key === undefined &&\n      selectionMode === 'multiple' &&\n      selectedIds.size > 1\n    ) {\n      setIsVisible(!isVisible);\n      coordinates.current = { x: event.clientX, y: event.clientY };\n      return true;\n    }\n    return false;\n  };\n\n  const offsetValue = { mainAxis: 2 * DEFAULT_OFFSET };\n  const anchorRef = { current: coordinates.current };\n\n  const clearSelectionContent = isVisible ? (\n    <Layer>\n      <Floating\n        anchorRef={anchorRef}\n        offsetValue={offsetValue}\n        placement=\"top\"\n        flipOptions={{ crossAxis: false, mainAxis: false }}\n        shiftOptions={{ crossAxis: true, mainAxis: true }}>\n        <ClearSelectionButton\n          onAction={() => {\n            setIsVisible(false);\n            clearSelection();\n          }}\n        />\n      </Floating>\n    </Layer>\n  ) : null;\n\n  return {\n    clearSelectionContent,\n    tryToggleClearButton\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useCallback, useRef } from 'preact/hooks';\nimport { isEqual } from '#utils/UNSAFE_visUtils/eventsUtils';\nimport { useClearSelection } from './useClearSelection';\n\nexport type SelectionMode = 'none' | 'single' | 'multiple';\nexport type SelectionDetail<K, D> = {\n  ids: K[];\n  data: (D | undefined)[];\n};\ntype SelectionBehavior = 'toggle' | 'replace';\n\nconst NAVKEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];\n\n/**\n * The constant that defines time to wait to change selection after pointer up is fired.\n * If double click didn't happen\n */\nconst DBLCLICK_THRESHOLD = 250;\n\n/**\n * Handles the selection.\n * @param itemId The id of the item.\n * @param selectedIds The set of selected item ids.\n * @param selectionMode The selection mode.\n * @param selectionBehavior The selection behavior. If 'toggle', unselected item will be selected and\n * vice versa. If 'replace', the item will replace the previous selection.\n * @param getDataById The callback to get item data from idDataMap.\n * @param onChange The callback to trigger when selection changes.\n */\nconst handleSelect = <K, D>(\n  itemId: K | undefined,\n  selectedIds: Set<K>,\n  selectionMode: SelectionMode,\n  selectionBehavior: SelectionBehavior,\n  getDataById: (id: K) => D | undefined,\n  onChange?: (detail: SelectionDetail<K, D>) => void\n) => {\n  let ids = new Set<K>([]);\n  if (itemId != null) {\n    ids = new Set(selectedIds);\n    const isSelected = selectedIds.has(itemId);\n\n    if (selectionBehavior === 'toggle') {\n      if (isSelected) {\n        ids.delete(itemId);\n      } else if (selectionMode === 'single') {\n        ids = new Set([itemId]); // only selection\n      } else {\n        ids.add(itemId); // add to selection in \"multiple\" selectionMode\n      }\n    } else if (!isSelected) {\n      // In \"multiple\" selection mode, only replace selection if unselected item is selected.\n      // In \"single\" selection mode, only need to replace if unselected item is selected.\n      ids = new Set([itemId]);\n    }\n  }\n\n  if (!isEqual<K>(ids, selectedIds)) {\n    onChange?.({ ids: [...ids], data: [...ids].map(getDataById) });\n  }\n};\n\ntype Props<K, D> = {\n  selection?: K[];\n  selectionMode?: SelectionMode;\n  idExtracter: (event: Event) => K | undefined;\n  onChange?: (detail: SelectionDetail<K, D>) => void;\n  isKeyboardSelection?: (event: KeyboardEvent) => boolean;\n  isDrillEnabled?: boolean;\n  getDataById: (id: K) => D | undefined;\n  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"],"names":["ClearSelectionButton","onAction","clearSelectionLabel","useTranslationBundle","vis_clearSelection","_jsx","class","clearButtonStyles","base","children","BaseButton","styling","elementDetails","type","isFocusable","isLabel","variant","Text","truncation","weight","DEFAULT_OFFSET","NAVKEYS","handleSelect","itemId","selectedIds","selectionMode","selectionBehavior","getDataById","onChange","ids","Set","isSelected","has","delete","add","isEqual","data","map","selection","idExtracter","isDrillEnabled","isKeyboardSelection","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/useTabBar-b1536c9a.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-f4de3e13', './useCollectionFocusRing-9dab85a9', './useCurrentKey-5a5ffb1e', './useId-c9578d26', './useReorderableContext-a5453bd7', './useContextMenuGesture-754ead1b'], (function(e,t,r,n,o,s,u,c,i){"use strict";const a='[role="tab"]',l="data-oj-removable",f={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},m={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}};const d=(e,t,r)=>{const o=e.closest(t);if(o){if(o.hasAttribute(l)){const t=e.closest(r);if(t&&o?.contains(t))return null}return n.getKey(o)}return null},y=(e,t,r)=>{const n=r.indexOf(e);if(-1===n)return t[0];let o=0,s=!1;for(n===r.length-1?(o=n-1,s=!0):o=n+1;o!==n&&o>-1&&o<r.length;){const e=r[o];if(-1!==t.indexOf(e))return e;s?o--:o++}return t[0]};e.useTabBar=function(e){const{children:b,class:g,display:p,edge:K="top",selection:x,onSelect:v,onRemove:h,ref:R,size:k,contextMenuConfig:C}=e,E=t.useRef(null),P=R||E,A=u.useId(),[F,S]=t.useState(x),[I,B]=t.useState(!1),D=A+"_",V=t.useRef();t.useEffect((()=>{if(P.current){const e=Array.from(P.current.querySelectorAll(a)).map((e=>n.getKey(e)));F&&!e.includes(F)&&(V.current?S(y(F,e,V.current)):S(e[0])),V.current=e}}),[b,F,P]);const[w,M]=o.useCollectionFocusRing(P,["ArrowRight","ArrowLeft","Home","End"]),O=c.useReorderableContext(),{currentKeyProps:H}=s.useCurrentKey((e=>h?d(e,a,'[data-oj-tabbar-item-remove-icon="true"]'):n.keyExtractor(e,a)),!1,void 0,void 0,n.getPrevNextKeyUsingRef(P,F,!0,a),n.getPrevNextKeyUsingRef(P,F,!1,a),F,(e=>{const t=e.value;S(t),B(!1)}));t.useEffect((()=>{O&&(O.currentItemKey.current=F)}),[F,O]);const[U,j]=t.useState(),[q,z]=t.useState(m),{triggerProps:G}=i.useContextMenuGesture((({gesture:e,anchor:t,target:r})=>{let o=t;if("keyboard"===e){const e=n.findElementByKey(P.current,F,a);o=e||t;j({itemKey:F})}else{const e=n.keyExtractor(r,a);j({itemKey:e})}z({...f[e],anchorRef:{current:o},isOpen:!0})}),{isDisabled:!C}),N=t.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||(S(U?.itemKey),P.current?.focus()),z({...m})}),[P,U?.itemKey]),T=r.mergeProps({onKeyDown:e=>{if(P.current&&F){if("Home"===e.key||"End"===e.key){const t=Array.from(P.current.querySelectorAll(a),(e=>n.getKey(e)));e.preventDefault(),S?.(t["Home"===e.key?0:t.length-1])}if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),v?.({value:F})),"Delete"===e.key){n.findElementByKey(P.current,F,a).hasAttribute(l)&&h?.({value:F})}"Escape"===e.key&&B(!0)}},onFocus:()=>{if(P.current&&void 0===F){const e=n.getFirstVisibleKey(P.current,a);e&&S(e)}}},G);return{rootProps:r.mergeProps({"aria-activedescendant":F?D+F:"","aria-multiselectable":!1,class:g,ref:P,role:"tablist",tabIndex:0},H,M,T),tabBarContext:{currentKey:F,display:p,isEdgeBottom:"bottom"===K,layout:"condense",onRemove:h,onSelect:v,showFocusRing:w,hideTooltip:I,selection:x,size:k,tabItemPrefix:D},menuProps:{...q,onClose:N},contextMenuContext:U}}}));
+define(['exports', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-f4de3e13', './useCollectionFocusRing-9dab85a9', './useCurrentKey-6e7057d0', './useId-c9578d26', './useReorderableContext-a5453bd7', './useContextMenuGesture-754ead1b'], (function(e,t,r,n,o,s,u,c,i){"use strict";const a='[role="tab"]',l="data-oj-removable",f={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},m={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}};const d=(e,t,r)=>{const o=e.closest(t);if(o){if(o.hasAttribute(l)){const t=e.closest(r);if(t&&o?.contains(t))return null}return n.getKey(o)}return null},y=(e,t,r)=>{const n=r.indexOf(e);if(-1===n)return t[0];let o=0,s=!1;for(n===r.length-1?(o=n-1,s=!0):o=n+1;o!==n&&o>-1&&o<r.length;){const e=r[o];if(-1!==t.indexOf(e))return e;s?o--:o++}return t[0]};e.useTabBar=function(e){const{children:b,class:g,display:p,edge:K="top",selection:x,onSelect:v,onRemove:h,ref:R,size:k,contextMenuConfig:C}=e,E=t.useRef(null),P=R||E,A=u.useId(),[F,S]=t.useState(x),[I,B]=t.useState(!1),D=A+"_",V=t.useRef();t.useEffect((()=>{if(P.current){const e=Array.from(P.current.querySelectorAll(a)).map((e=>n.getKey(e)));F&&!e.includes(F)&&(V.current?S(y(F,e,V.current)):S(e[0])),V.current=e}}),[b,F,P]);const[w,M]=o.useCollectionFocusRing(P,["ArrowRight","ArrowLeft","Home","End"]),O=c.useReorderableContext(),{currentKeyProps:H}=s.useCurrentKey((e=>h?d(e,a,'[data-oj-tabbar-item-remove-icon="true"]'):n.keyExtractor(e,a)),!1,void 0,void 0,n.getPrevNextKeyUsingRef(P,F,!0,a),n.getPrevNextKeyUsingRef(P,F,!1,a),F,(e=>{const t=e.value;S(t),B(!1)}));t.useEffect((()=>{O&&(O.currentItemKey.current=F)}),[F,O]);const[U,j]=t.useState(),[q,z]=t.useState(m),{triggerProps:G}=i.useContextMenuGesture((({gesture:e,anchor:t,target:r})=>{let o=t;if("keyboard"===e){const e=n.findElementByKey(P.current,F,a);o=e||t;j({itemKey:F})}else{const e=n.keyExtractor(r,a);j({itemKey:e})}z({...f[e],anchorRef:{current:o},isOpen:!0})}),{isDisabled:!C}),N=t.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||(S(U?.itemKey),P.current?.focus()),z({...m})}),[P,U?.itemKey]),T=r.mergeProps({onKeyDown:e=>{if(P.current&&F){if("Home"===e.key||"End"===e.key){const t=Array.from(P.current.querySelectorAll(a),(e=>n.getKey(e)));e.preventDefault(),S?.(t["Home"===e.key?0:t.length-1])}if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),v?.({value:F})),"Delete"===e.key){n.findElementByKey(P.current,F,a).hasAttribute(l)&&h?.({value:F})}"Escape"===e.key&&B(!0)}},onFocus:()=>{if(P.current&&void 0===F){const e=n.getFirstVisibleKey(P.current,a);e&&S(e)}}},G);return{rootProps:r.mergeProps({"aria-activedescendant":F?D+F:"","aria-multiselectable":!1,class:g,ref:P,role:"tablist",tabIndex:0},H,M,T),tabBarContext:{currentKey:F,display:p,isEdgeBottom:"bottom"===K,layout:"condense",onRemove:h,onSelect:v,showFocusRing:w,hideTooltip:I,selection:x,size:k,tabItemPrefix:D},menuProps:{...q,onClose:N},contextMenuContext:U}}}));
 //# sourceMappingURL=useTabBar-b1536c9a.js.map

package/amd/{useTestId-d0c49456.js → useTestId-efb1c8f9.js}

@@ -1,2 +1,2 @@
-define(['exports', './LayerHost-1b4d03f0', '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-d0c49456.js.map
+define(['exports', './LayerHost-a36b1781', '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-efb1c8f9.js.map

package/amd/{useTestId-d0c49456.js.map → useTestId-efb1c8f9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useTestId-d0c49456.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"}
+{"version":3,"file":"useTestId-efb1c8f9.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-915016ef.js → useTheme-a99513fe.js}

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

package/amd/{useTheme-915016ef.js.map → useTheme-a99513fe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useTheme-915016ef.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"}
+{"version":3,"file":"useTheme-a99513fe.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-93c8c4c0.js

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

package/amd/{useThemeInterpolations-95e6f849.js.map → useThemeInterpolations-93c8c4c0.js.map}

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

package/amd/{useTooltip-f7c1ad5c.js → useTooltip-c10bcc4e.js}

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

package/amd/{useTooltip-f7c1ad5c.js.map → useTooltip-c10bcc4e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useTooltip-f7c1ad5c.js","sources":["../../src/hooks/UNSAFE_useTooltip/TooltipContent.tsx","../../src/hooks/UNSAFE_useTooltip/useTooltipControlled.tsx","../../src/hooks/UNSAFE_useTooltip/useTooltip.tsx"],"sourcesContent":["import { useAnimation } from '../UNSAFE_useAnimation';\nimport { useComponentTheme } from '../UNSAFE_useComponentTheme';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { HTMLAttributesSignalExcluded } from '../../utils/UNSAFE_attributeUtils';\nimport {\n  TooltipContentVariantOptions,\n  TooltipContentStyles\n} from './themes/TooltipContentStyles.css';\n\nimport { useTestId, TestIdProps } from '../UNSAFE_useTestId';\nimport { useThemeInterpolations } from '../UNSAFE_useThemeInterpolations';\nimport { classNames } from '../../utils/UNSAFE_classNames';\nimport { TooltipContentRedwoodTheme } from './themes/redwood/TooltipContentTheme';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Status = 'mounted' | 'unmounted';\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isOpen: boolean;\n  isDatatip: boolean;\n  onTransitionEnd?: () => void;\n} & TestIdProps;\n\nexport const TooltipContent = ({\n  children,\n  id,\n  isOpen,\n  isDatatip,\n  onTransitionEnd,\n  testId,\n  ...props\n}: ContentProps) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const testIdProps = useTestId(testId);\n\n  const { baseTheme, variantClasses, styles } = useComponentTheme<\n    TooltipContentVariantOptions,\n    TooltipContentStyles\n  >(TooltipContentRedwoodTheme, {\n    variant: isDatatip ? 'datatip' : 'tooltip'\n  });\n\n  const schemeClass = useThemeInterpolations();\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(isOpen ? 'mounted' : 'unmounted', {\n    animationStates: {\n      mounted: (_node) => {\n        const childNode = _node.firstChild as HTMLDivElement;\n        return {\n          from: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          to: {\n            maxHeight: `${childNode?.offsetHeight}px`,\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 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} & TestIdProps;\n\n/**\n * The 'mounting' and 'unmounting' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Tooltip content is completely removed\n * from the DOM. The 'mountPending' and 'unmountPending' are used when timeout is active.\n * The 'reposition' state is used to trigger a transition with new coordinates within\n * the same element.\n */\ntype Status =\n  | 'unmounted'\n  | 'mountPending'\n  | 'mounting'\n  | 'mounted'\n  | 'unmountPending'\n  | 'unmounting';\n\nexport const useTooltipControlled = ({\n  text,\n  isOpen = false,\n  variant = 'tooltip',\n  position = 'bottom',\n  focusStrategy = 'browser',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset,\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({});\n  const { touchProps, isTouch } = useTouch({ isDisabled }); // TODO replace by useLongPress actionhook\n  // we only care about keyboard focus, don't enable useFocus hook if isHover or isTouch are active\n  const { focusProps, isFocus } = useFocus({\n    isDisabled: isLogicalFocusStrategy\n  });\n  // only enable the popoverHover hook if the tooltip is actually open\n  const { hoverProps: popoverHoverProps, isHover: popoverIsHover } = useHover({\n    isDisabled: isDisabled || !isOpen\n  });\n\n  const isPointer = anchor.x === 'pointer' || anchor.y === 'pointer';\n\n  const uniqueIdRef = useRef<string>(useId());\n  const targetRef = useRef<HTMLElement | null>(null);\n  const coordsRef = useRef<Coords>({ x: -9999, y: -9999 });\n  // if anchor is set to pointer and target does not have keyboard focus, use coords\n  const usedRef = isPointer && !isFocus ? coordsRef : targetRef;\n  const showDelay = isDatatip ? 0 : SHOW_TOOLTIP_DELAY;\n  const hideDelay = isDatatip ? 0 : HIDE_TOOLTIP_DELAY;\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const currentColorScheme = useColorScheme();\n\n  const focusActive = useRef<boolean>(false);\n  const hoverActive = useRef<boolean>(false);\n\n  const toggleTimeoutClear = () => {\n    if (toggleTimeoutRef.current) {\n      clearTimeout(toggleTimeoutRef.current);\n      toggleTimeoutRef.current = null;\n    }\n  };\n\n  /*\n   * This effect executes when isFocus/isLogicalFocus changes\n   * - focusActive ref is set if the focus change follows a Tab key\n   * - hoverActive ref is reset, if focusActive becomes true\n   */\n  useEffect(() => {\n    if (isLogicalFocusStrategy) {\n      focusActive.current = isLogicalFocus;\n    } else {\n      focusActive.current = isFocus && globalTooltipManager.isTabKeyActive();\n    }\n    if (focusActive.current) {\n      hoverActive.current = false;\n    }\n  }, [isFocus, isLogicalFocus, isLogicalFocusStrategy, globalTooltipManager]);\n\n  /*\n   * This effect executes when isHover state changes\n   * - focusActive ref is reset, if hoverActive becomes true\n   */\n  useEffect(() => {\n    hoverActive.current = isHover;\n  }, [isHover]);\n\n  useEffect(() => {\n    // inner function for state transitions on various trigger changes\n    const updateState = (open: boolean) => {\n      if (open) {\n        // At least one toggle event is set to true\n        switch (state) {\n          case 'unmounted':\n            setState('mountPending'); // Set mount pending state if tooltip is unmounted\n            break;\n          case 'unmounting': // Switch back to mounting when unmounting was in progress and the tooltip should stay on\n            setState('mounting');\n            onToggle?.({ value: true });\n            break;\n          case 'unmountPending':\n            toggleTimeoutClear();\n            setState('mounted'); // Clear timers immediately and keep the tooltip mounted\n            break;\n        }\n      } else {\n        // No toggle events are set to true\n        switch (state) {\n          case 'mounting':\n          case 'mounted':\n            setState('unmountPending'); // Set unmount pending state if tooltip is mounted or in mounting transition\n            break;\n          case 'mountPending':\n            toggleTimeoutClear();\n            __resetCoords();\n            setState('unmounted'); // Unmount tooltip immediately if mounting is pending\n            break;\n        }\n      }\n    };\n\n    if (isInitialRenderTrigger.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderTrigger.current = false;\n      return;\n    }\n    // When pointer is used, handleMouseMove method is responsible for state updates\n    // until the tooltip is mounted\n    if (isPointer && isHover && state === 'unmounted') {\n      return;\n    }\n    updateState(\n      (isHover && hoverActive.current) ||\n        ((isFocus || isLogicalFocus) && focusActive.current) ||\n        popoverIsHover ||\n        isTouch\n    );\n  }, [isHover, isFocus, isLogicalFocus, popoverIsHover, isTouch, isPointer, state, onToggle]);\n\n  const destroyCallback = useCallback(() => {\n    focusActive.current = false;\n    hoverActive.current = false;\n    onToggle?.({ value: false });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []); // don't want to depend on the 'onToggle' prop as some clients tend to pass a new callback on each render\n\n  /*\n   * Global mousedown handler to dismiss the tooltip on anchor click. This is especially needed\n   * for Safari which does not fire mouse events during animations when the anchor moves (JET-72605).\n   */\n  const mouseDownHandler = useCallback(\n    (event: MouseEvent) => {\n      if (usedRef.current instanceof Element && usedRef.current.contains(event.target as Element)) {\n        toggleTimeoutClear();\n        document.removeEventListener('mousedown', mouseDownHandler, true);\n        destroyCallback();\n      }\n    },\n    [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 === 'mounted') {\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  const keyInitProps = {\n    onKeyDown: useCallback(\n      (event: KeyboardEvent) => {\n        if (event.code === 'Escape' && focusActive.current) {\n          event.preventDefault();\n          // focus no longer active after Escape\n          focusActive.current = false;\n          onToggle?.({ value: false });\n        }\n      },\n      [onToggle]\n    )\n  };\n\n  let actionableProps;\n\n  const __resetCoords = () => {\n    coordsRef.current = { x: -9999, y: -9999 };\n  };\n\n  if (disabled) {\n    actionableProps = mergeProps(hoverProps, focusProps, hoverInitProps, focusInitProps);\n  } else {\n    const anchorInitProps = {\n      'aria-describedby': uniqueIdRef.current,\n\n      ...(isPointer && {\n        onMouseLeave: () => {\n          if (state === 'mounting') {\n            return;\n          }\n          toggleTimeoutClear();\n        },\n        onMouseMove: (event: MouseEvent) => {\n          handleMouseMove(event);\n        }\n      })\n    };\n    actionableProps = mergeProps(\n      hoverProps,\n      focusProps,\n      touchProps,\n      hoverInitProps,\n      focusInitProps,\n      anchorInitProps,\n      keyInitProps,\n      isLogicalFocusStrategy ? { onLogicalFocus, onLogicalBlur } : {}\n    );\n  }\n\n  // No need to process tooltip if disabled or no text is provided\n  // Include actionableProps to detect mouseenter in components\n  // hovered state won't update unless actionableProps are already present in the component when mouse enters\n  if (disabled) {\n    toggleTimeoutClear();\n    __resetCoords();\n    return {\n      tooltipContent: null,\n      tooltipProps: actionableProps\n    };\n  }\n\n  const placement = 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","/**\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":["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","useTooltipControlled","text","position","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","keyInitProps","onKeyDown","code","preventDefault","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","setIsOpen","onToggleHandler","details"],"mappings":"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"}
+{"version":3,"file":"useTooltip-c10bcc4e.js","sources":["../../src/hooks/UNSAFE_useTooltip/TooltipContent.tsx","../../src/hooks/UNSAFE_useTooltip/useTooltipControlled.tsx","../../src/hooks/UNSAFE_useTooltip/useTooltip.tsx"],"sourcesContent":["import { useAnimation } from '../UNSAFE_useAnimation';\nimport { useComponentTheme } from '../UNSAFE_useComponentTheme';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { HTMLAttributesSignalExcluded } from '../../utils/UNSAFE_attributeUtils';\nimport {\n  TooltipContentVariantOptions,\n  TooltipContentStyles\n} from './themes/TooltipContentStyles.css';\n\nimport { useTestId, TestIdProps } from '../UNSAFE_useTestId';\nimport { useThemeInterpolations } from '../UNSAFE_useThemeInterpolations';\nimport { classNames } from '../../utils/UNSAFE_classNames';\nimport { TooltipContentRedwoodTheme } from './themes/redwood/TooltipContentTheme';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Status = 'mounted' | 'unmounted';\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isOpen: boolean;\n  isDatatip: boolean;\n  onTransitionEnd?: () => void;\n} & TestIdProps;\n\nexport const TooltipContent = ({\n  children,\n  id,\n  isOpen,\n  isDatatip,\n  onTransitionEnd,\n  testId,\n  ...props\n}: ContentProps) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const testIdProps = useTestId(testId);\n\n  const { baseTheme, variantClasses, styles } = useComponentTheme<\n    TooltipContentVariantOptions,\n    TooltipContentStyles\n  >(TooltipContentRedwoodTheme, {\n    variant: isDatatip ? 'datatip' : 'tooltip'\n  });\n\n  const schemeClass = useThemeInterpolations();\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(isOpen ? 'mounted' : 'unmounted', {\n    animationStates: {\n      mounted: (_node) => {\n        const childNode = _node.firstChild as HTMLDivElement;\n        return {\n          from: {\n            maxHeight: '0',\n            opacity: '0%'\n          },\n          to: {\n            maxHeight: `${childNode?.offsetHeight}px`,\n            opacity: isDatatip ? '100%' : '95%'\n          },\n          options: {\n            duration: isDatatip ? 1 : 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} & TestIdProps;\n\n/**\n * The 'mounting' and 'unmounting' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Tooltip content is completely removed\n * from the DOM. The 'mountPending' and 'unmountPending' are used when timeout is active.\n * The 'reposition' state is used to trigger a transition with new coordinates within\n * the same element.\n */\ntype Status =\n  | 'unmounted'\n  | 'mountPending'\n  | 'mounting'\n  | 'mounted'\n  | 'unmountPending'\n  | 'unmounting';\n\nexport const useTooltipControlled = ({\n  text,\n  isOpen = false,\n  variant = 'tooltip',\n  position = 'bottom',\n  focusStrategy = 'browser',\n  isDisabled = false,\n  anchor = { x: 'element', y: 'element' },\n  offset,\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({});\n  const { touchProps, isTouch } = useTouch({ isDisabled }); // TODO replace by useLongPress actionhook\n  // we only care about keyboard focus, don't enable useFocus hook if isHover or isTouch are active\n  const { focusProps, isFocus } = useFocus({\n    isDisabled: isLogicalFocusStrategy\n  });\n  // only enable the popoverHover hook if the tooltip is actually open\n  const { hoverProps: popoverHoverProps, isHover: popoverIsHover } = useHover({\n    isDisabled: isDisabled || !isOpen\n  });\n\n  const isPointer = anchor.x === 'pointer' || anchor.y === 'pointer';\n\n  const uniqueIdRef = useRef<string>(useId());\n  const targetRef = useRef<HTMLElement | null>(null);\n  const coordsRef = useRef<Coords>({ x: -9999, y: -9999 });\n  // if anchor is set to pointer and target does not have keyboard focus, use coords\n  const usedRef = isPointer && !isFocus ? coordsRef : targetRef;\n  const showDelay = isDatatip ? 0 : SHOW_TOOLTIP_DELAY;\n  const hideDelay = isDatatip ? 0 : HIDE_TOOLTIP_DELAY;\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const currentColorScheme = useColorScheme();\n\n  const focusActive = useRef<boolean>(false);\n  const hoverActive = useRef<boolean>(false);\n\n  const toggleTimeoutClear = () => {\n    if (toggleTimeoutRef.current) {\n      clearTimeout(toggleTimeoutRef.current);\n      toggleTimeoutRef.current = null;\n    }\n  };\n\n  /*\n   * This effect executes when isFocus/isLogicalFocus changes\n   * - focusActive ref is set if the focus change follows a Tab key\n   * - hoverActive ref is reset, if focusActive becomes true\n   */\n  useEffect(() => {\n    if (isLogicalFocusStrategy) {\n      focusActive.current = isLogicalFocus;\n    } else {\n      focusActive.current = isFocus && globalTooltipManager.isTabKeyActive();\n    }\n    if (focusActive.current) {\n      hoverActive.current = false;\n    }\n  }, [isFocus, isLogicalFocus, isLogicalFocusStrategy, globalTooltipManager]);\n\n  /*\n   * This effect executes when isHover state changes\n   * - focusActive ref is reset, if hoverActive becomes true\n   */\n  useEffect(() => {\n    hoverActive.current = isHover;\n  }, [isHover]);\n\n  useEffect(() => {\n    // inner function for state transitions on various trigger changes\n    const updateState = (open: boolean) => {\n      if (open) {\n        // At least one toggle event is set to true\n        switch (state) {\n          case 'unmounted':\n            setState('mountPending'); // Set mount pending state if tooltip is unmounted\n            break;\n          case 'unmounting': // Switch back to mounting when unmounting was in progress and the tooltip should stay on\n            setState('mounting');\n            onToggle?.({ value: true });\n            break;\n          case 'unmountPending':\n            toggleTimeoutClear();\n            setState('mounted'); // Clear timers immediately and keep the tooltip mounted\n            break;\n        }\n      } else {\n        // No toggle events are set to true\n        switch (state) {\n          case 'mounting':\n          case 'mounted':\n            setState('unmountPending'); // Set unmount pending state if tooltip is mounted or in mounting transition\n            break;\n          case 'mountPending':\n            toggleTimeoutClear();\n            __resetCoords();\n            setState('unmounted'); // Unmount tooltip immediately if mounting is pending\n            break;\n        }\n      }\n    };\n\n    if (isInitialRenderTrigger.current) {\n      // On onitial render do not trigger rerender\n      isInitialRenderTrigger.current = false;\n      return;\n    }\n    // When pointer is used, handleMouseMove method is responsible for state updates\n    // until the tooltip is mounted\n    if (isPointer && isHover && state === 'unmounted') {\n      return;\n    }\n    updateState(\n      (isHover && hoverActive.current) ||\n        ((isFocus || isLogicalFocus) && focusActive.current) ||\n        popoverIsHover ||\n        isTouch\n    );\n  }, [isHover, isFocus, isLogicalFocus, popoverIsHover, isTouch, isPointer, state, onToggle]);\n\n  const destroyCallback = useCallback(() => {\n    focusActive.current = false;\n    hoverActive.current = false;\n    onToggle?.({ value: false });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []); // don't want to depend on the 'onToggle' prop as some clients tend to pass a new callback on each render\n\n  /*\n   * Global mousedown handler to dismiss the tooltip on anchor click. This is especially needed\n   * for Safari which does not fire mouse events during animations when the anchor moves (JET-72605).\n   */\n  const mouseDownHandler = useCallback(\n    (event: MouseEvent) => {\n      if (usedRef.current instanceof Element && usedRef.current.contains(event.target as Element)) {\n        toggleTimeoutClear();\n        document.removeEventListener('mousedown', mouseDownHandler, true);\n        destroyCallback();\n      }\n    },\n    [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 === 'mounted') {\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  const keyInitProps = {\n    onKeyDown: useCallback(\n      (event: KeyboardEvent) => {\n        if (event.code === 'Escape' && focusActive.current) {\n          event.preventDefault();\n          // focus no longer active after Escape\n          focusActive.current = false;\n          onToggle?.({ value: false });\n        }\n      },\n      [onToggle]\n    )\n  };\n\n  let actionableProps;\n\n  const __resetCoords = () => {\n    coordsRef.current = { x: -9999, y: -9999 };\n  };\n\n  if (disabled) {\n    actionableProps = mergeProps(hoverProps, focusProps, hoverInitProps, focusInitProps);\n  } else {\n    const anchorInitProps = {\n      'aria-describedby': uniqueIdRef.current,\n\n      ...(isPointer && {\n        onMouseLeave: () => {\n          if (state === 'mounting') {\n            return;\n          }\n          toggleTimeoutClear();\n        },\n        onMouseMove: (event: MouseEvent) => {\n          handleMouseMove(event);\n        }\n      })\n    };\n    actionableProps = mergeProps(\n      hoverProps,\n      focusProps,\n      touchProps,\n      hoverInitProps,\n      focusInitProps,\n      anchorInitProps,\n      keyInitProps,\n      isLogicalFocusStrategy ? { onLogicalFocus, onLogicalBlur } : {}\n    );\n  }\n\n  // No need to process tooltip if disabled or no text is provided\n  // Include actionableProps to detect mouseenter in components\n  // hovered state won't update unless actionableProps are already present in the component when mouse enters\n  if (disabled) {\n    toggleTimeoutClear();\n    __resetCoords();\n    return {\n      tooltipContent: null,\n      tooltipProps: actionableProps\n    };\n  }\n\n  const placement = 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","/**\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":["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","useTooltipControlled","text","position","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","keyInitProps","onKeyDown","code","preventDefault","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","setIsOpen","onToggleHandler","details"],"mappings":"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"}

package/amd/{useTooltipOnTruncation-7a2a7106.js → useTooltipOnTruncation-a913ba8a.js}

@@ -1,2 +1,2 @@
-define(['exports', './useDetectTruncation-dc12ec23', './useTooltip-f7c1ad5c', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-1b4d03f0', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-304eef18'], (function(t,e,o,s,n,i,r,c,p,a,l,u,T){"use strict";t.useTooltipOnTruncation=(t,s=!1)=>{const{detectTruncationProps:n,isTextTruncated:r}=e.useDetectTruncation(s),{tooltipContent:c,tooltipProps:p}=o.useTooltip({text:t,isDisabled:!r||s}),{"aria-describedby":a,...l}=p;return{tooltipOnTruncationProps:i.mergeProps(n,l),tooltipContent:c,isTextTruncated:r}}}));
-//# sourceMappingURL=useTooltipOnTruncation-7a2a7106.js.map
+define(['exports', './useDetectTruncation-dc12ec23', './useTooltip-c10bcc4e', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-a36b1781', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-cf586837'], (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-a913ba8a.js.map

package/amd/{useTooltipOnTruncation-7a2a7106.js.map → useTooltipOnTruncation-a913ba8a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useTooltipOnTruncation-7a2a7106.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"}
+{"version":3,"file":"useTooltipOnTruncation-a913ba8a.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-652e08a6.js → useTranslationBundle-33399171.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './LayerHost-1b4d03f0', '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-652e08a6.js.map
+define(['exports', 'preact/hooks', './LayerHost-a36b1781', '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-33399171.js.map

package/amd/{useTranslationBundle-652e08a6.js.map → useTranslationBundle-33399171.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useTranslationBundle-652e08a6.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"}
+{"version":3,"file":"useTranslationBundle-33399171.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-abae2493.js → useUser-33136570.js}

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

package/amd/{useUser-abae2493.js.map → useUser-33136570.js.map}

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

package/amd/useVisDragModeControls-120076e9.js

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

package/amd/{useVisEvents-a2e7394b.js → useVisEvents-bc470edf.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/hooks', './useUser-abae2493', './layoutUtils-ba7693df', './eventsUtils-edf8f4e5', './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,b,m,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);m(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=>{b?.(d(e)),k.current=r.getRandomId(),U(e)},P=e=>{m(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)&&b?.(d(void 0)),U(e)}})}}}));
-//# sourceMappingURL=useVisEvents-a2e7394b.js.map
+define(['exports', 'preact/hooks', './useUser-33136570', './layoutUtils-ba7693df', './eventsUtils-edf8f4e5', './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-bc470edf.js.map

package/amd/{useVisEvents-a2e7394b.js.map → useVisEvents-bc470edf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useVisEvents-a2e7394b.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"}
+{"version":3,"file":"useVisEvents-bc470edf.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/utils/PRIVATE_tooltipUtils.js

@@ -1,2 +1,2 @@
-define(['exports', '../tooltipUtils-304eef18', 'preact/jsx-runtime', '../LayerHost-1b4d03f0', 'preact', '../Common/themes/redwood/theme', '../Common/themes/themeContract.css', 'preact/compat', '../EnvironmentProvider-4597f540', 'preact/hooks', '../LayerManager-6c0b0eed', '../Floating-28ad0903', '../useFloating-c8c92f6f', '../useUser-abae2493', '../positionUtils-6e4daa31', '../refUtils-d354a169', '../useOutsideClick-39a81428', '../arrayUtils-6ee96a35', '../Layer-9fb9ca67', '../classNames-08d99695', '../UNSAFE_Layer/themes/LayerStyles.css', 'css!./../LayerStyles.styles.css', '../useThemeInterpolations-95e6f849', '../useColorScheme-8358a6c9', '../useScale-0fb08a15', '../theme-a8f3d819', '../Theme-d945adae', '../mergeInterpolations-9ede4cf7', '../mergeDeepWithKey-aaab9019', '../_curry3-83878f86', '../_curry1-df649359', '../_curry2-86c52b86', '../_isObject-42bafc94', '../useDensity-2b757d02', '../useModal-536cb7ff', '../useComponentTheme-5aa41a8f', '../logger-0f873e29', '../utils-32e81a13', '../colorUtils-7c069766', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'css!./../FloatingStyles.styles.css', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', '../vanilla-extract-dynamic.esm-eceadd82', '../UNSAFE_Floating/themes/FloatingContract.css'], (function(e,t,a,s,o,l,r,i,n,c,d,m,g,F,p,f,h,y,_,u,T,S,b,E,L,O,U,A,C,D,I,N,P,v,w,H,M,W,x,Y,j,k,B,G,K,R,V,q){"use strict";e.HIDE_TOOLTIP_DELAY=t.HIDE_TOOLTIP_DELAY,e.SHOW_TOOLTIP_DELAY=t.SHOW_TOOLTIP_DELAY,e.getGlobalTooltipManager=t.getGlobalTooltipManager,e.getWrappedTooltipContent=t.getWrappedTooltipContent,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../tooltipUtils-cf586837', 'preact/jsx-runtime', '../LayerHost-a36b1781', '../Common/themes/redwood/theme', '../Common/themes/themeContract.css', 'preact', 'preact/compat', '../EnvironmentProvider-d423bca9', 'preact/hooks', '../LayerManager-543c0bce', '../Floating-043a207a', '../useFloating-3f7a017b', '../useUser-33136570', '../positionUtils-6e4daa31', '../refUtils-d354a169', '../useOutsideClick-fc4dc457', '../arrayUtils-6ee96a35', '../Layer-2ca542c2', '../classNames-08d99695', '../UNSAFE_Layer/themes/LayerStyles.css', 'css!./../LayerStyles.styles.css', '../useThemeInterpolations-93c8c4c0', '../useColorScheme-47c8be99', '../useScale-b2f29348', '../theme-a8f3d819', '../Theme-d945adae', '../mergeInterpolations-9ede4cf7', '../mergeDeepWithKey-aaab9019', '../_curry3-83878f86', '../_curry1-df649359', '../_curry2-86c52b86', '../_isObject-42bafc94', '../useDensity-5cfdc56a', '../useModal-536cb7ff', '../useComponentTheme-5aa41a8f', '../logger-0f873e29', '../utils-32e81a13', '../colorUtils-7c069766', '../UNSAFE_Floating/themes/redwood/FloatingTheme', '../UNSAFE_Floating/themes/FloatingStyles.css', 'css!./../FloatingStyles.styles.css', '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', '../UNSAFE_Floating/themes/redwood/FloatingVariants.css', '../vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', '../vanilla-extract-dynamic.esm-eceadd82', '../UNSAFE_Floating/themes/FloatingContract.css'], (function(e,t,a,s,o,c,l,r,i,n,m,d,g,F,p,h,y,_,u,f,T,S,b,E,L,O,U,A,C,D,I,N,P,v,w,H,M,W,x,Y,j,k,B,G,K,R,V,q){"use strict";e.HIDE_TOOLTIP_DELAY=t.HIDE_TOOLTIP_DELAY,e.SHOW_TOOLTIP_DELAY=t.SHOW_TOOLTIP_DELAY,e.getGlobalTooltipManager=t.getGlobalTooltipManager,e.getWrappedTooltipContent=t.getWrappedTooltipContent,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_tooltipUtils.js.map

package/amd/utils/PRIVATE_visTestUtils.js

@@ -1,2 +1,2 @@
-define(['exports', '../tabbableUtils-140cad66', '../domUtil-b56997de', '../eventUtils-20dca9a8', 'preact/jsx-runtime', '@testing-library/preact', '../matchTranslationBundle-e243f90d', '../LayerHost-1b4d03f0', 'preact', '../Common/themes/redwood/theme', '../Common/themes/themeContract.css', 'preact/compat', '../EnvironmentProvider-4597f540', 'preact/hooks', '../LayerManager-6c0b0eed', '../TabbableModeContext-a9c97640', 'chai'], (function(e,t,o,a,r,s,n,c,d,l,i,m,u,f,b,p,y){"use strict";e.default=t.setupTabbableComponent,e.checkTooltipText=o.checkTooltipText,e.queryAllBy=o.queryAllBy,e.queryById=o.queryById,e.mockMouseEventPageXYOffsetXY=a.mockMouseEventPageXYOffsetXY,e.restoreMouseEventPageXYOffsetXY=a.restoreMouseEventPageXYOffsetXY,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../tabbableUtils-dcf7c977', '../domUtil-b56997de', '../eventUtils-20dca9a8', 'preact/jsx-runtime', '@testing-library/preact', '../matchTranslationBundle-e243f90d', '../LayerHost-a36b1781', '../Common/themes/redwood/theme', '../Common/themes/themeContract.css', 'preact', 'preact/compat', '../EnvironmentProvider-d423bca9', 'preact/hooks', '../LayerManager-543c0bce', '../TabbableModeContext-a9c97640', 'chai'], (function(e,t,o,a,r,c,s,n,l,d,i,m,u,b,f,p,y){"use strict";e.default=t.setupTabbableComponent,e.checkTooltipText=o.checkTooltipText,e.queryAllBy=o.queryAllBy,e.queryById=o.queryById,e.mockMouseEventPageXYOffsetXY=a.mockMouseEventPageXYOffsetXY,e.restoreMouseEventPageXYOffsetXY=a.restoreMouseEventPageXYOffsetXY,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_visTestUtils.js.map

package/amd/utils/UNSAFE_popupUtils.js

@@ -1,2 +1,2 @@
-define(['exports', '../popupUtils-710dc910', '../Layer-9fb9ca67', 'preact/jsx-runtime', 'preact/compat', '../LayerHost-1b4d03f0', 'preact', '../Common/themes/redwood/theme', '../Common/themes/themeContract.css', '../classNames-08d99695', '../UNSAFE_Layer/themes/LayerStyles.css', 'css!./../LayerStyles.styles.css', '../useThemeInterpolations-95e6f849', 'preact/hooks', '../useColorScheme-8358a6c9', '../useScale-0fb08a15', '../theme-a8f3d819', '../Theme-d945adae', '../mergeInterpolations-9ede4cf7', '../mergeDeepWithKey-aaab9019', '../_curry3-83878f86', '../_curry1-df649359', '../_curry2-86c52b86', '../_isObject-42bafc94', '../useDensity-2b757d02'], (function(e,s,t,a,c,r,o,m,i,n,d,y,l,p,u,f,h,b,L,_,S,g,C,j,A){"use strict";e.isLogicalAncestor=s.isLogicalAncestor,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../popupUtils-2308a848', '../Layer-2ca542c2', 'preact/jsx-runtime', 'preact/compat', '../LayerHost-a36b1781', '../Common/themes/redwood/theme', '../Common/themes/themeContract.css', 'preact', '../classNames-08d99695', '../UNSAFE_Layer/themes/LayerStyles.css', 'css!./../LayerStyles.styles.css', '../useThemeInterpolations-93c8c4c0', 'preact/hooks', '../useColorScheme-47c8be99', '../useScale-b2f29348', '../theme-a8f3d819', '../Theme-d945adae', '../mergeInterpolations-9ede4cf7', '../mergeDeepWithKey-aaab9019', '../_curry3-83878f86', '../_curry1-df649359', '../_curry2-86c52b86', '../_isObject-42bafc94', '../useDensity-5cfdc56a'], (function(e,s,c,t,a,r,o,m,i,n,y,l,p,u,d,h,f,b,L,_,S,g,C,j,A){"use strict";e.isLogicalAncestor=s.isLogicalAncestor,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_popupUtils.js.map

package/amd/{withDirectionIcon-194f3242.js → withDirectionIcon-56788c71.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useUser-abae2493'], (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-194f3242.js.map
+define(['exports', 'preact/jsx-runtime', './useUser-33136570'], (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-56788c71.js.map

package/amd/{withDirectionIcon-194f3242.js.map → withDirectionIcon-56788c71.js.map}

@@ -1 +1 @@
-{"version":3,"file":"withDirectionIcon-194f3242.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"}
+{"version":3,"file":"withDirectionIcon-56788c71.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/amd/withThemeProps-5ba8f3bc.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './LayerHost-1b4d03f0', './EnvironmentProvider-4597f540', './Theme-d945adae'], (function(S,e,E,r,C,A,L){"use strict";S.withThemeProps=S=>{const C=S.displayName||S.name||"ComponentWithProvider",_=r.forwardRef((({colorScheme:C,scale:_,density:d,...t},a)=>{const n=a||E.createRef();return r.useEffect((()=>{if(n.current){const{classList:S}=n.current;if(!S)return;if(C){[L.LIGHT_CLASS,L.DARK_CLASS,L.INVERT_CLASS,L.COLORSCHEME_DEPENDENT_CLASS].map((e=>S.remove(e))),"dark"===C?(S.add(L.DARK_CLASS),S.add(L.INVERT_CLASS)):S.add(L.LIGHT_CLASS),S.add(L.COLORSCHEME_DEPENDENT_CLASS)}if(_){[L.SCALE_SM_CLASS,L.SCALE_MD_CLASS,L.SCALE_LG_CLASS,L.SCALE_DEPENDENT_CLASS].map((e=>S.remove(e))),S.add(`${"sm"===_?L.SCALE_SM_CLASS:"md"===_?L.SCALE_MD_CLASS:L.SCALE_LG_CLASS}`),S.add(L.SCALE_DEPENDENT_CLASS)}if(d){[L.DENSITY_COMPACT_CLASS,L.DENSITY_STANDARD_CLASS,L.DENSITY_DEPENDENT_CLASS].map((e=>S.remove(e))),S.add(`${"compact"===d?L.DENSITY_COMPACT_CLASS:L.DENSITY_STANDARD_CLASS}`),S.add(L.DENSITY_DEPENDENT_CLASS)}}}),[n,C,_,d]),e.jsx(A.EnvironmentProvider,{environment:{colorScheme:C,scale:_,density:d},children:e.jsx(S,{...t,ref:n})})}));return _.displayName=`withThemeProps(${C})`,_}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './LayerHost-a36b1781', './EnvironmentProvider-d423bca9', './Theme-d945adae'], (function(S,e,E,r,C,A,L){"use strict";S.withThemeProps=S=>{const C=S.displayName||S.name||"ComponentWithProvider",_=r.forwardRef((({colorScheme:C,scale:_,density:a,...d},t)=>{const n=t||E.createRef();return r.useEffect((()=>{if(n.current){const{classList:S}=n.current;if(!S)return;if(C){[L.LIGHT_CLASS,L.DARK_CLASS,L.INVERT_CLASS,L.COLORSCHEME_DEPENDENT_CLASS].map((e=>S.remove(e))),"dark"===C?(S.add(L.DARK_CLASS),S.add(L.INVERT_CLASS)):S.add(L.LIGHT_CLASS),S.add(L.COLORSCHEME_DEPENDENT_CLASS)}if(_){[L.SCALE_SM_CLASS,L.SCALE_MD_CLASS,L.SCALE_LG_CLASS,L.SCALE_DEPENDENT_CLASS].map((e=>S.remove(e))),S.add(`${"sm"===_?L.SCALE_SM_CLASS:"md"===_?L.SCALE_MD_CLASS:L.SCALE_LG_CLASS}`),S.add(L.SCALE_DEPENDENT_CLASS)}if(a){[L.DENSITY_COMPACT_CLASS,L.DENSITY_STANDARD_CLASS,L.DENSITY_DEPENDENT_CLASS].map((e=>S.remove(e))),S.add(`${"compact"===a?L.DENSITY_COMPACT_CLASS:L.DENSITY_STANDARD_CLASS}`),S.add(L.DENSITY_DEPENDENT_CLASS)}}}),[n,C,_,a]),e.jsx(A.EnvironmentProvider,{environment:{colorScheme:C,scale:_,density:a},children:e.jsx(S,{...d,ref:n})})}));return _.displayName=`withThemeProps(${C})`,_}}));
 //# sourceMappingURL=withThemeProps-5ba8f3bc.js.map