@oracle/oraclejet-preact 20.1.4 → 20.1.5

package/es/useColorScheme-c4f6caab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColorScheme-c4f6caab.js","sources":["../../src/hooks/UNSAFE_useColorScheme/useColorScheme.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 useColorScheme() {\n  return useContext(EnvironmentContext).colorScheme;\n}\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;AAMG;SAIa,cAAc,GAAA;AAC5B,IAAA,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC,WAAW,CAAC;AACpD;;;;"}

package/es/useCssVars-bc2527ac.js

@@ -1,58 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { useRef, useState, useLayoutEffect } from 'preact/hooks';
-import { u as useUser } from './useUser-06d34d19.js';
-import { u as useTheme } from './useTheme-0e7497db.js';
-import { u as useColorScheme } from './useColorScheme-c4f6caab.js';
-import { u as useScale } from './useScale-434ad939.js';
-
-function getCssVarName(name) {
-    const rxp = name.match(/var\((--[a-zA-Z_0-9\-]+)\)/);
-    return rxp && rxp.length > 1 ? rxp[1] : '';
-}
-/**
- * Hook to resolve the css vars.
- * @param vars
- * @param classes
- * @returns
- */
-function useCssVars(vars) {
-    const cssDivRef = useRef(null);
-    const [resolvedVars, setResolvedVars] = useState({});
-    const { forcedColors } = useUser();
-    const { name } = useTheme();
-    const scale = useScale();
-    const colorScheme = useColorScheme();
-    // A css token var (eg, --tokenVar_123xyz) that is assigned to a css expression like min(25px, 5rem) resolves to
-    // a string of the expression (resolved value) like "min(25px, 5rem)" and not absolute value (for eg 25px) (used value) when getComputedStyle is called.
-    // We have to assign the token var to a valid css property(like width: var(--tokenVar_123xyz)) in order to get actual used value in
-    // computed styles. https://developer.mozilla.org/en-US/docs/Web/CSS/used_value
-    // build a style obj with valid css property to apply to div
-    const style = vars.reduce((prev, current) => {
-        if (current.cssProp) {
-            prev[current.cssProp] = current.tokenVar;
-        }
-        return prev;
-    }, {});
-    const cssContent = jsx("div", { ref: cssDivRef, style: { display: 'none', ...style } });
-    useLayoutEffect(() => {
-        if (!cssDivRef.current) {
-            return;
-        }
-        const computedStyle = window.getComputedStyle(cssDivRef.current);
-        const resolved = {};
-        vars.forEach((value) => {
-            // use cssProp for token vars that resolve to expression
-            const cssVar = value.cssProp || getCssVarName(value.tokenVar);
-            resolved[value.key] = computedStyle.getPropertyValue(cssVar);
-        });
-        setResolvedVars(resolved);
-    }, [forcedColors, name, colorScheme, scale, vars]);
-    return {
-        resolvedVars,
-        cssContent
-    };
-}
-
-export { useCssVars as u };
-//# sourceMappingURL=useCssVars-bc2527ac.js.map

package/es/useCssVars-bc2527ac.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCssVars-bc2527ac.js","sources":["../../src/hooks/PRIVATE_useCssVars/useCssVars.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport { useUser } from '../UNSAFE_useUser';\nimport { useTheme } from '../UNSAFE_useTheme';\nimport { useColorScheme } from '../UNSAFE_useColorScheme';\nimport { useScale } from '../UNSAFE_useScale';\n\nfunction getCssVarName(name: string) {\n  const rxp = name.match(/var\\((--[a-zA-Z_0-9\\-]+)\\)/);\n  return rxp && rxp.length > 1 ? rxp[1] : '';\n}\n\n/**\n * Hook to resolve the css vars.\n * @param vars\n * @param classes\n * @returns\n */\nexport function useCssVars(\n  vars: {\n    /**\n     * The token variable.\n     */\n    tokenVar: string;\n    /**\n     * The key of the resolved variable.\n     */\n    key: string;\n    /**\n     * The absolute used value of the token vars assigned to css expression cannot be computed through getComputedStyle if\n     * not assigned to a css property. This optional prop provides css property to assign the token var to in order to get\n     * actual used style.\n     */\n    cssProp?: string;\n  }[]\n) {\n  const cssDivRef = useRef<HTMLDivElement>(null);\n  const [resolvedVars, setResolvedVars] = useState<Record<string, any>>({});\n  const { forcedColors } = useUser();\n  const { name } = useTheme();\n  const scale = useScale();\n  const colorScheme = useColorScheme();\n\n  // A css token var (eg, --tokenVar_123xyz) that is assigned to a css expression like min(25px, 5rem) resolves to\n  // a string of the expression (resolved value) like \"min(25px, 5rem)\" and not absolute value (for eg 25px) (used value) when getComputedStyle is called.\n  // We have to assign the token var to a valid css property(like width: var(--tokenVar_123xyz)) in order to get actual used value in\n  // computed styles. https://developer.mozilla.org/en-US/docs/Web/CSS/used_value\n\n  // build a style obj with valid css property to apply to div\n  const style = vars.reduce((prev: Record<string, string>, current) => {\n    if (current.cssProp) {\n      prev[current.cssProp] = current.tokenVar;\n    }\n    return prev;\n  }, {});\n\n  const cssContent = <div ref={cssDivRef} style={{ display: 'none', ...style }}></div>;\n\n  useLayoutEffect(() => {\n    if (!cssDivRef.current) {\n      return;\n    }\n\n    const computedStyle = window.getComputedStyle(cssDivRef.current);\n    const resolved: Record<string, any> = {};\n    vars.forEach((value) => {\n      // use cssProp for token vars that resolve to expression\n      const cssVar = value.cssProp || getCssVarName(value.tokenVar);\n      resolved[value.key] = computedStyle.getPropertyValue(cssVar);\n    });\n    setResolvedVars(resolved);\n  }, [forcedColors, name, colorScheme, scale, vars]);\n\n  return {\n    resolvedVars,\n    cssContent\n  };\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;AAcA,SAAS,aAAa,CAAC,IAAY,EAAA;IACjC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;AACrD,IAAA,OAAO,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;AAC7C,CAAC;AAED;;;;;AAKG;AACG,SAAU,UAAU,CACxB,IAeG,EAAA;AAEH,IAAA,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAC;AAC1E,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC;AACnC,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAC;AAC5B,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;;;;;;IAQrC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,IAA4B,EAAE,OAAO,KAAI;AAClE,QAAA,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC;SAC1C;AACD,QAAA,OAAO,IAAI,CAAC;KACb,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,UAAU,GAAGA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAAQ,CAAC;IAErF,eAAe,CAAC,MAAK;AACnB,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;YACtB,OAAO;SACR;QAED,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACjE,MAAM,QAAQ,GAAwB,EAAE,CAAC;AACzC,QAAA,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;;AAErB,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,IAAI,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC9D,YAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAC/D,SAAC,CAAC,CAAC;QACH,eAAe,CAAC,QAAQ,CAAC,CAAC;AAC5B,KAAC,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnD,OAAO;QACL,YAAY;QACZ,UAAU;KACX,CAAC;AACJ;;;;"}

package/es/useCurrentKey-5f865bbd.js

@@ -1,83 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useCallback } from 'preact/hooks';
-import { i as isKeyDefined } from './keys-49c92dbb.js';
-import { u as useUser } from './useUser-06d34d19.js';
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-/**
- * Hook for handling current key update due to user interaction including keyboard navigation.
- * This can be reuse by all Collection components.
- *
- * @param keyExtractor function to extract the key based on the provided element
- * @param allowShiftKey if set to false, then pressing arrow key while shift key is down will not change the current key
- * @param isTabbable whether the component is currently in tabbable mode
- * @param getVerticalPrevKey function to get the previous key in the vertical direction based on the current key
- * @param getVerticalNextKey function to get the next key in the vertical direction based on the current key
- * @param getHorizontalPrevKey function to get the previous key in the horizontal direction based on the current key
- * @param getHorizontalNextKey function to get the next key based on the current key
- * @param currentKey the current key
- * @param onCurrentChange function to invoke if the current key has changed
- * @param keyComparator an optional function to compare keys, otherwise === is used
- * @returns
- */
-function useCurrentKey(keyExtractor, allowShiftKey, isTabbable, getVerticalPrevKey, getVerticalNextKey, getHorizontalPrevKey, getHorizontalNextKey, currentKey, onChange, keyComparator) {
-    const { direction } = useUser();
-    const keyEquals = useCallback((key1, key2) => {
-        if (keyComparator) {
-            return keyComparator(key1, key2);
-        }
-        return key1 === key2;
-    }, [keyComparator]);
-    const onKeyDown = useCallback((event) => {
-        if (onChange && isKeyDefined(currentKey && !isTabbable)) {
-            const isRtl = direction === 'rtl';
-            const keyHandlers = {
-                ArrowUp: getVerticalPrevKey,
-                ArrowDown: getVerticalNextKey,
-                ArrowLeft: isRtl ? getHorizontalNextKey : getHorizontalPrevKey,
-                ArrowRight: isRtl ? getHorizontalPrevKey : getHorizontalNextKey
-            };
-            // should not update currentKey during keyboard reordering
-            if (Object.keys(keyHandlers).includes(event.key) &&
-                (allowShiftKey || !event.shiftKey) &&
-                !event.metaKey &&
-                !event.ctrlKey) {
-                const newKey = keyHandlers[event.key]?.();
-                if (isKeyDefined(newKey) && !keyEquals(currentKey, newKey)) {
-                    onChange({ value: newKey });
-                }
-                event.preventDefault();
-            }
-        }
-    }, [
-        currentKey,
-        isTabbable,
-        onChange,
-        getVerticalPrevKey,
-        getVerticalNextKey,
-        getHorizontalPrevKey,
-        getHorizontalNextKey,
-        keyEquals,
-        allowShiftKey,
-        direction
-    ]);
-    const onClickCapture = useCallback((event) => {
-        if (onChange && (allowShiftKey || !event.shiftKey)) {
-            const nextKey = keyExtractor(event.target);
-            if (isKeyDefined(nextKey) && !keyEquals(currentKey, nextKey)) {
-                onChange({ value: nextKey });
-            }
-        }
-    }, [currentKey, allowShiftKey, keyExtractor, onChange, keyEquals]);
-    const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };
-    return { currentKeyProps };
-}
-
-export { useCurrentKey as u };
-//# sourceMappingURL=useCurrentKey-5f865bbd.js.map

package/es/useCurrentKey-5f865bbd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCurrentKey-5f865bbd.js","sources":["../../src/hooks/PRIVATE_useCurrentKey/useCurrentKey.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 { useCallback } from 'preact/hooks';\nimport { isKeyDefined } from '../../utils/UNSAFE_keys';\nimport { CurrentKeyDetail } from '../../UNSAFE_Collection';\nimport { useUser } from '../UNSAFE_useUser';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n * This can be reuse by all Collection components.\n *\n * @param keyExtractor function to extract the key based on the provided element\n * @param allowShiftKey if set to false, then pressing arrow key while shift key is down will not change the current key\n * @param isTabbable whether the component is currently in tabbable mode\n * @param getVerticalPrevKey function to get the previous key in the vertical direction based on the current key\n * @param getVerticalNextKey function to get the next key in the vertical direction based on the current key\n * @param getHorizontalPrevKey function to get the previous key in the horizontal direction based on the current key\n * @param getHorizontalNextKey function to get the next key based on the current key\n * @param currentKey the current key\n * @param onCurrentChange function to invoke if the current key has changed\n * @param keyComparator an optional function to compare keys, otherwise === is used\n * @returns\n */\nexport function useCurrentKey<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  allowShiftKey: boolean,\n  isTabbable: boolean,\n  getVerticalPrevKey?: () => K | null,\n  getVerticalNextKey?: () => K | null,\n  getHorizontalPrevKey?: () => K | null,\n  getHorizontalNextKey?: () => K | null,\n  currentKey?: K,\n  onChange?: (detail: CurrentKeyDetail<K>) => void,\n  keyComparator?: (key1: K, key2: K) => boolean\n) {\n  const { direction } = useUser();\n\n  const keyEquals = useCallback(\n    (key1: K, key2: K) => {\n      if (keyComparator) {\n        return keyComparator(key1, key2);\n      }\n      return key1 === key2;\n    },\n    [keyComparator]\n  );\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange && isKeyDefined(currentKey && !isTabbable)) {\n        const isRtl = direction === 'rtl';\n        const keyHandlers: Record<string, (() => K | null) | undefined> = {\n          ArrowUp: getVerticalPrevKey,\n          ArrowDown: getVerticalNextKey,\n          ArrowLeft: isRtl ? getHorizontalNextKey : getHorizontalPrevKey,\n          ArrowRight: isRtl ? getHorizontalPrevKey : getHorizontalNextKey\n        };\n\n        // should not update currentKey during keyboard reordering\n        if (\n          Object.keys(keyHandlers).includes(event.key) &&\n          (allowShiftKey || !event.shiftKey) &&\n          !event.metaKey &&\n          !event.ctrlKey\n        ) {\n          const newKey = keyHandlers[event.key]?.();\n          if (isKeyDefined(newKey) && !keyEquals(currentKey as K, newKey as K)) {\n            onChange({ value: newKey as K });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [\n      currentKey,\n      isTabbable,\n      onChange,\n      getVerticalPrevKey,\n      getVerticalNextKey,\n      getHorizontalPrevKey,\n      getHorizontalNextKey,\n      keyEquals,\n      allowShiftKey,\n      direction\n    ]\n  );\n\n  const onClickCapture = useCallback(\n    (event: MouseEvent) => {\n      if (onChange && (allowShiftKey || !event.shiftKey)) {\n        const nextKey = keyExtractor(event.target as HTMLElement);\n        if (isKeyDefined(nextKey) && !keyEquals(currentKey as K, nextKey as K)) {\n          onChange({ value: nextKey as K });\n        }\n      }\n    },\n    [currentKey, allowShiftKey, keyExtractor, onChange, keyEquals]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onClickCapture, onKeyDown };\n  return { currentKeyProps };\n}\n"],"names":[],"mappings":";;;;;AAAA;;;;;;AAMG;AAMH;;;;;;;;;;;;;;;AAeG;AACG,SAAU,aAAa,CAC3B,YAAgD,EAChD,aAAsB,EACtB,UAAmB,EACnB,kBAAmC,EACnC,kBAAmC,EACnC,oBAAqC,EACrC,oBAAqC,EACrC,UAAc,EACd,QAAgD,EAChD,aAA6C,EAAA;AAE7C,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;IAEhC,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,IAAO,EAAE,IAAO,KAAI;QACnB,IAAI,aAAa,EAAE;AACjB,YAAA,OAAO,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SAClC;QACD,OAAO,IAAI,KAAK,IAAI,CAAC;AACvB,KAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,KAAoB,KAAI;QACvB,IAAI,QAAQ,IAAI,YAAY,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,EAAE;AACvD,YAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;AAClC,YAAA,MAAM,WAAW,GAAiD;AAChE,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,SAAS,EAAE,kBAAkB;gBAC7B,SAAS,EAAE,KAAK,GAAG,oBAAoB,GAAG,oBAAoB;gBAC9D,UAAU,EAAE,KAAK,GAAG,oBAAoB,GAAG,oBAAoB;aAChE,CAAC;;AAGF,YAAA,IACE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;AAC5C,iBAAC,aAAa,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;gBAClC,CAAC,KAAK,CAAC,OAAO;AACd,gBAAA,CAAC,KAAK,CAAC,OAAO,EACd;gBACA,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;AAC1C,gBAAA,IAAI,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAe,EAAE,MAAW,CAAC,EAAE;AACpE,oBAAA,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAW,EAAE,CAAC,CAAC;iBAClC;gBACD,KAAK,CAAC,cAAc,EAAE,CAAC;aACxB;SACF;AACH,KAAC,EACD;QACE,UAAU;QACV,UAAU;QACV,QAAQ;QACR,kBAAkB;QAClB,kBAAkB;QAClB,oBAAoB;QACpB,oBAAoB;QACpB,SAAS;QACT,aAAa;QACb,SAAS;AACV,KAAA,CACF,CAAC;AAEF,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAAiB,KAAI;QACpB,IAAI,QAAQ,KAAK,aAAa,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YAClD,MAAM,OAAO,GAAG,YAAY,CAAC,KAAK,CAAC,MAAqB,CAAC,CAAC;AAC1D,YAAA,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,UAAe,EAAE,OAAY,CAAC,EAAE;AACtE,gBAAA,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAY,EAAE,CAAC,CAAC;aACnC;SACF;AACH,KAAC,EACD,CAAC,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,CAAC,CAC/D,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,QAAQ,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC;IAC9E,OAAO,EAAE,eAAe,EAAE,CAAC;AAC7B;;;;"}

package/es/useDatatip-710f97c7.js

@@ -1,94 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { L as Layer } from './Layer-535577b5.js';
-import 'preact/compat';
-import './LayerHost-7931b424.js';
-import { F as Floating } from './Floating-8a9436ac.js';
-import { useRef, useState } from 'preact/hooks';
-import { styles } from './hooks/PRIVATE_useDatatip/themes/useDatatip.css.js';
-import { u as useId } from './useId-03dbfdf0.js';
-import { D as DATATIP_OFFSET } from './datatipUtils-0a36125e.js';
-import { u as useVisHover } from './useVisHover-d7a0b2f3.js';
-import { m as mergeProps } from './mergeProps-88ea8306.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-
-/**
- * The hook to support custom datatip in visualization components.
- */
-function useDatatip({ content, placement = 'top-end-corner', offset, borderColor, defaultContainer = 'enabled', anchor, touchResponse, isDisabled }) {
-    const uniqueIdRef = useRef(useId());
-    const [coords, setCoords] = useState({ x: 0, y: 0 });
-    const offsetValue = offset || { mainAxis: DATATIP_OFFSET, crossAxis: -1 * DATATIP_OFFSET };
-    const [isVisible, setIsVisible] = useState(false);
-    const targetRef = useRef(null);
-    const toggleTimeoutRef = useRef();
-    const onHover = (event) => {
-        setCoords({ x: event.clientX, y: event.clientY });
-        setIsVisible(true);
-    };
-    const onHoverEnter = (event, currentTarget) => {
-        if (event.pointerType === 'touch' ||
-            event.eventPhase === Event.AT_TARGET ||
-            event.eventPhase === Event.BUBBLING_PHASE) {
-            setCoords({ x: event.clientX, y: event.clientY });
-            targetRef.current = currentTarget;
-            setIsVisible(true);
-        }
-    };
-    const onHoverLeave = () => {
-        toggleTimeoutRef.current = setTimeout(() => {
-            setIsVisible(false);
-        }, 20);
-    };
-    const hoverHandlers = useVisHover(onHover, onHoverEnter, onHoverLeave, touchResponse);
-    const onFocus = (event) => {
-        if (event.eventPhase === Event.AT_TARGET || event.eventPhase === Event.BUBBLING_PHASE) {
-            targetRef.current = event.target;
-            setIsVisible(true);
-        }
-    };
-    const onBlur = () => {
-        setIsVisible(false);
-    };
-    const onContentPointerEnter = () => {
-        clearTimeout(toggleTimeoutRef.current);
-    };
-    const onKeyUp = (event) => {
-        if (event.code === 'ArrowUp' ||
-            event.code === 'ArrowDown' ||
-            event.code === 'ArrowRight' ||
-            event.code === 'ArrowLeft' ||
-            event.code === 'Tab') {
-            setIsVisible(true);
-        }
-    };
-    const onKeyDown = (event) => {
-        if (event.code === 'Escape') {
-            event.preventDefault();
-            setIsVisible(false);
-        }
-    };
-    const anchorRef = anchor === 'element' ? targetRef : { current: coords };
-    const datatipContent = isVisible && !!content && !isDisabled ? (jsx(Layer, { children: jsx(Floating, { anchorRef: anchorRef, placement: placement, offsetValue: offsetValue, flipOptions: {
-                crossAxis: anchor === 'pointer' ? true : false,
-                mainAxis: anchor === 'pointer' ? true : false
-            }, shiftOptions: { crossAxis: true, mainAxis: true }, children: jsx("div", { role: "tooltip", id: uniqueIdRef.current, className: classNames([
-                    styles.visDatatipStyle,
-                    defaultContainer === 'enabled' ? styles.borderEnabled : undefined
-                ]), style: defaultContainer === 'enabled' ? { borderColor } : undefined, onPointerEnter: onContentPointerEnter, onPointerLeave: onHoverLeave, children: content }) }) })) : null;
-    return {
-        datatipContent,
-        datatipProps: {
-            'aria-describedby': datatipContent !== null ? uniqueIdRef.current : undefined,
-            ...mergeProps(hoverHandlers, {
-                onKeyUp,
-                onKeyDown,
-                onFocus,
-                onBlur
-            })
-        }
-    };
-}
-
-export { useDatatip as u };
-//# sourceMappingURL=useDatatip-710f97c7.js.map

package/es/useDatatip-710f97c7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDatatip-710f97c7.js","sources":["../../src/hooks/PRIVATE_useDatatip/useDatatip.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 */\n\nimport { ComponentChildren } from 'preact';\nimport { Layer } from '#UNSAFE_Layer';\nimport { Floating, Placement } from '#UNSAFE_Floating';\nimport { useRef, useState } from 'preact/hooks';\nimport { styles } from './themes/useDatatip.css';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { Property } from 'csstype';\nimport { DATATIP_OFFSET } from '#utils/UNSAFE_visUtils/datatipUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { classNames } from '#utils/UNSAFE_classNames';\nexport type { Dimension } from '#utils/UNSAFE_visTypes/common';\n\ntype DatatipProps = {\n  /**\n   * The datatip content.\n   */\n  content?: ComponentChildren;\n\n  /**\n   * Whether the datatip is anchored to pointer or element.\n   *\n   */\n  anchor: 'element' | 'pointer';\n\n  /**\n   * The offset from the anchor element or pointer.\n   */\n  offset?: {\n    mainAxis?: number;\n    crossAxis?: number;\n  };\n\n  /**\n   * The border color of the datatip.\n   */\n  borderColor?: Property.BorderColor;\n\n  /**\n   * The placement of datatip from anchor point.\n   */\n  placement?: Placement;\n\n  /**\n   * The touch response value.\n   */\n  touchResponse: 'touchStart' | 'touchHold';\n\n  /**\n   * Whether datatip is disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Whether the datatip default border is enabled.\n   */\n  defaultContainer?: 'enabled' | 'disabled';\n};\n\n/**\n * The hook to support custom datatip in visualization components.\n */\nexport function useDatatip({\n  content,\n  placement = 'top-end-corner',\n  offset,\n  borderColor,\n  defaultContainer = 'enabled',\n  anchor,\n  touchResponse,\n  isDisabled\n}: DatatipProps) {\n  const uniqueIdRef = useRef<string>(useId());\n  const [coords, setCoords] = useState({ x: 0, y: 0 });\n  const offsetValue = offset || { mainAxis: DATATIP_OFFSET, crossAxis: -1 * DATATIP_OFFSET };\n  const [isVisible, setIsVisible] = useState(false);\n\n  const targetRef = useRef<HTMLElement | null>(null);\n  const toggleTimeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const onHover = (event: PointerEvent) => {\n    setCoords({ x: event.clientX, y: event.clientY });\n    setIsVisible(true);\n  };\n\n  const onHoverEnter = (event: PointerEvent, currentTarget: HTMLElement) => {\n    if (\n      event.pointerType === 'touch' ||\n      event.eventPhase === Event.AT_TARGET ||\n      event.eventPhase === Event.BUBBLING_PHASE\n    ) {\n      setCoords({ x: event.clientX, y: event.clientY });\n      targetRef.current = currentTarget;\n      setIsVisible(true);\n    }\n  };\n\n  const onHoverLeave = () => {\n    toggleTimeoutRef.current = setTimeout(() => {\n      setIsVisible(false);\n    }, 20);\n  };\n\n  const hoverHandlers = useVisHover(onHover, onHoverEnter, onHoverLeave, touchResponse);\n\n  const onFocus = (event: FocusEvent) => {\n    if (event.eventPhase === Event.AT_TARGET || event.eventPhase === Event.BUBBLING_PHASE) {\n      targetRef.current = event.target as HTMLElement;\n      setIsVisible(true);\n    }\n  };\n\n  const onBlur = () => {\n    setIsVisible(false);\n  };\n\n  const onContentPointerEnter = () => {\n    clearTimeout(toggleTimeoutRef.current);\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (\n      event.code === 'ArrowUp' ||\n      event.code === 'ArrowDown' ||\n      event.code === 'ArrowRight' ||\n      event.code === 'ArrowLeft' ||\n      event.code === 'Tab'\n    ) {\n      setIsVisible(true);\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.code === 'Escape') {\n      event.preventDefault();\n      setIsVisible(false);\n    }\n  };\n\n  const anchorRef = anchor === 'element' ? targetRef : { current: coords };\n  const datatipContent =\n    isVisible && !!content && !isDisabled ? (\n      <Layer>\n        <Floating\n          anchorRef={anchorRef}\n          placement={placement}\n          offsetValue={offsetValue}\n          flipOptions={{\n            crossAxis: anchor === 'pointer' ? true : false,\n            mainAxis: anchor === 'pointer' ? true : false\n          }}\n          shiftOptions={{ crossAxis: true, mainAxis: true }}>\n          <div\n            role=\"tooltip\"\n            id={uniqueIdRef.current}\n            className={classNames([\n              styles.visDatatipStyle,\n              defaultContainer === 'enabled' ? styles.borderEnabled : undefined\n            ])}\n            style={defaultContainer === 'enabled' ? { borderColor } : undefined}\n            onPointerEnter={onContentPointerEnter}\n            onPointerLeave={onHoverLeave}>\n            {content}\n          </div>\n        </Floating>\n      </Layer>\n    ) : null;\n\n  return {\n    datatipContent,\n    datatipProps: {\n      'aria-describedby': datatipContent !== null ? uniqueIdRef.current : undefined,\n      ...mergeProps(hoverHandlers, {\n        onKeyUp,\n        onKeyDown,\n        onFocus,\n        onBlur\n      })\n    }\n  };\n}\n"],"names":["_jsx"],"mappings":"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"}

package/es/useDensity-1acb0153.js

@@ -1,19 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useContext } from 'preact/hooks';
-import { E as EnvironmentContext } from './LayerHost-7931b424.js';
-import 'preact/jsx-runtime';
-import 'preact/compat';
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-function useDensity() {
-    return useContext(EnvironmentContext).density;
-}
-
-export { useDensity as u };
-//# sourceMappingURL=useDensity-1acb0153.js.map

package/es/useDensity-1acb0153.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDensity-1acb0153.js","sources":["../../src/hooks/UNSAFE_useDensity/useDensity.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 useDensity() {\n  return useContext(EnvironmentContext).density;\n}\n"],"names":[],"mappings":";;;;;;AAAA;;;;;;AAMG;SAIa,UAAU,GAAA;AACxB,IAAA,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC;AAChD;;;;"}

package/es/useDetectHorizontalOverflow-154005bb.js

@@ -1,186 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useState, useRef, useLayoutEffect, useCallback } from 'preact/hooks';
-import { u as useResizeObserver } from './useResizeObserver-13641643.js';
-import { g as getTabWidths } from './tabBarUtils-71bd0da1.js';
-
-//The minimum width of the overflowtabbaritem, it can be rendered with width greater than this based on available width
-const MORE_ITEM_WIDTH = 48;
-const LABEL_MIN_WIDTH = 96;
-const TAB_BORDER = 6;
-//This is the minWidth a tab will have if it has only a label.
-const TAB_MIN_WIDTH = LABEL_MIN_WIDTH + TAB_BORDER;
-/**
- * Implements overflow detection and calculation
- */
-function useDetectHorizontalOverflow({ rootRef, keysArray, isTruncationDisabled = true }) {
-    const [visibleItemKeys, setVisibleItemKeys] = useState();
-    const [overflowItemKeys, setOverflowingItemKeys] = useState();
-    const trailingContentWidths = useRef(new Map());
-    const [tabMaxWidth, setTabMaxWidth] = useState();
-    // This state var is to only re-trigger the layout effect. Using it locally will not give the latest updated value hence we use current suffix vars
-    const [tabBarWidth, setTabBarWidth] = useState(0);
-    const isAllItemsTruncatedMax = useRef(false);
-    const isAllItemsTruncatedFinal = useRef(false);
-    const tabDimensions = useRef();
-    useLayoutEffect(() => {
-        // Store locally to avoid calling rootRef everytime within layouteffect
-        const tabBarWidthCurrent = rootRef?.current?.clientWidth;
-        const tabBarScrollWidthCurrent = rootRef?.current?.scrollWidth;
-        if (rootRef.current &&
-            keysArray &&
-            keysArray.length > 0 &&
-            tabBarWidthCurrent &&
-            tabBarWidthCurrent > 0) {
-            //Set tabBarWidth if not the current value
-            if (tabBarWidth !== tabBarWidthCurrent) {
-                setTabBarWidth(tabBarWidthCurrent);
-            }
-            if (tabMaxWidth === undefined) {
-                const isOverflow = tabBarWidthCurrent > 0 && tabBarWidthCurrent < tabBarScrollWidthCurrent;
-                //If there is no overflow maxWidth should be its prevState, prevState may also be undefined if truncation is disabled.
-                if (!isOverflow) {
-                    setTabMaxWidth((prevState) => {
-                        return prevState;
-                    });
-                }
-                else {
-                    //We need to calculate maxWidth only if truncation threshold limit is not reached
-                    if (!isAllItemsTruncatedMax.current) {
-                        const tabWidths = getTabWidths(rootRef.current, trailingContentWidths, isTruncationDisabled, tabBarWidthCurrent, isAllItemsTruncatedMax?.current, keysArray);
-                        //If all items have reached max treshold of truncation then we set it to true
-                        if (tabWidths.every((item) => item.hasReachedLimit)) {
-                            isAllItemsTruncatedMax.current = true;
-                        }
-                        tabDimensions.current = tabWidths;
-                    }
-                    //If all items have reached max treshold of truncation then we do not have update tabDimensions are maxWidth cannot go lesser than 96px.
-                    else {
-                        tabDimensions.current = tabDimensions.current?.map((item) => ({
-                            ...item
-                        }));
-                    }
-                }
-                //Set calculated maxWidths
-                if (!isTruncationDisabled) {
-                    const tabMaxWidthMap = new Map(tabDimensions.current?.map((tab) => [tab.key, (tab.maxWidth + 'px')]));
-                    setTabMaxWidth(tabMaxWidthMap);
-                }
-                //Overflow calculation
-                if (tabBarWidthCurrent < tabBarScrollWidthCurrent) {
-                    const arr = tabDimensions.current?.map((item) => item.cumulativeWidth);
-                    const lastIndex = arr.length - 1;
-                    //In addition to scrollWidth we check if the cumulative width of last item is greater than rootRef clientwidth
-                    if (arr && tabBarWidthCurrent < arr[lastIndex]) {
-                        const { closestEntry, closestIndex } = searchClosest(arr, tabBarWidthCurrent);
-                        // Check for not null, because even for '0' value of closestIndex we want to slice in such cases only overflow item will be rendered
-                        if (closestEntry && closestIndex != null) {
-                            // Closest index refers to the index of the last item that would be visible.
-                            // While splicing we need to include it however if we check for closestIndex < lastIndex alone then closestIndex + 1 will be greater than the last item index so we check for one less.
-                            const lastVisibleItemIndex = closestIndex < lastIndex - 1 ? closestIndex + 1 : closestIndex;
-                            setVisibleItemKeys(keysArray.slice(0, lastVisibleItemIndex));
-                            setOverflowingItemKeys(keysArray?.slice(lastVisibleItemIndex));
-                            //Once OverflowTabBarItem is rendered, i.e overflowItemKeys move into overflow menu then space is available, which can be re-dsitributed to truncated visible items. We also check if these visible items have already gone through this calculation otherwise we skip it to avoid infinite loop.
-                            if (closestIndex > 0 && !isAllItemsTruncatedFinal.current && !isTruncationDisabled) {
-                                const tabWidthsAfterOverflow = getTabWidths(rootRef.current, trailingContentWidths, isTruncationDisabled, tabBarWidthCurrent, isAllItemsTruncatedMax?.current);
-                                const tabMaxWidthMapAfterOverflow = new Map(tabWidthsAfterOverflow.map((tab) => [tab.key, (tab.maxWidth + 'px')]));
-                                //Flag to indicate that final truncation calculation has occured
-                                isAllItemsTruncatedFinal.current = true;
-                                setTabMaxWidth(tabMaxWidthMapAfterOverflow);
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }, [keysArray, rootRef, tabBarWidth, tabMaxWidth, isTruncationDisabled]);
-    const updateTabBarWidth = useCallback((entry) => {
-        const rectWidth = Math.ceil(entry.contentRect.width);
-        // Sometimes entry.contentRect.width maybe a decimal value so we need to get absolute value
-        if (Math.abs(tabBarWidth - entry.contentRect.width) > 1) {
-            setTabBarWidth(entry.contentRect.width);
-            if (tabMaxWidth !== undefined && !isAllItemsTruncatedMax.current) {
-                setTabMaxWidth(undefined);
-            }
-            //Once there is change in the container width and there is no overflow we render all items as visible.
-            if (rectWidth >= rootRef.current?.scrollWidth) {
-                setVisibleItemKeys(keysArray);
-                setOverflowingItemKeys([]);
-            }
-            isAllItemsTruncatedFinal.current = false;
-        }
-    }, [tabBarWidth, tabMaxWidth, rootRef, keysArray]);
-    useResizeObserver(rootRef, updateTabBarWidth);
-    return shouldRenderAllTabs(visibleItemKeys, overflowItemKeys, keysArray)
-        ? {
-            visibleItemKeys: keysArray,
-            overflowItemKeys,
-            maxWidths: tabMaxWidth
-        }
-        : {
-            visibleItemKeys,
-            overflowItemKeys,
-            maxWidths: tabMaxWidth
-        };
-}
-//If the overflow + visible keys or their quantity are not the same as keysArray then we first render all the keys as visible
-const shouldRenderAllTabs = (visibleItemKeys, overflowItemKeys, keysArray) => {
-    if (visibleItemKeys == null)
-        return true;
-    else if (visibleItemKeys && overflowItemKeys && keysArray) {
-        const combinedArray = [...visibleItemKeys, ...overflowItemKeys];
-        const isNotEqual = combinedArray.length !== keysArray.length ||
-            JSON.stringify(keysArray) !== JSON.stringify(combinedArray);
-        return isNotEqual;
-    }
-    else
-        return false;
-};
-//Searches for a value closest and smaller than search value from the cumulative array
-const searchClosest = (arr, searchValue) => {
-    {
-        if (arr != null && searchValue != null) {
-            let left = 0;
-            let right = arr.length - 1;
-            let closestEntry = null;
-            let closestIndex = null;
-            while (left <= right && left < arr.length && right > -1) {
-                const mid = Math.floor((left + right) / 2);
-                const midEntry = arr[mid];
-                if (midEntry === searchValue) {
-                    return { closestEntry: midEntry, closestIndex: mid };
-                }
-                else if (midEntry < searchValue) {
-                    closestEntry = midEntry;
-                    closestIndex = mid;
-                    left = mid + 1;
-                }
-                else {
-                    right = mid - 1;
-                }
-                //If the searchValue is greater than closest entry and their difference is greater more item width then we have space to fit more item. Otherwise we return the index with the closest and small value when compared to searchvalue
-                if (closestEntry && searchValue > closestEntry) {
-                    //NOTE: Do not update closestEntry to midEntry here because value from const midEntry = arr[mid], midEntry maybe greater than searchValue and below it may end up updating closestIndex to mid +1 due to abs check
-                    //Sometimes closest entry may be much smaller than searchvalue so in such cases we maybe able to accomodate more items. The difference between searchValue and closestEntry should be greater than the minWidth needed for any item so that it can be rendered. If the difference is lesser than item min width we then check if space is available to render overflowitem alone else we reduce the closestIndex.
-                    closestIndex =
-                        Math.abs(searchValue - closestEntry) > TAB_MIN_WIDTH && mid + 1 <= arr.length - 2
-                            ? mid + 1
-                            : Math.abs(searchValue - closestEntry) > MORE_ITEM_WIDTH
-                                ? mid
-                                : mid - 1 >= 0
-                                    ? mid - 1
-                                    : 0;
-                }
-                //If the searchValue is lesser than closestEntry we return a value lesser than mid, this happens when all the values in the array are lesser than searchValue, i.e screensize is extremely small
-                else {
-                    closestIndex = mid - 1 >= 0 ? mid - 1 : 0;
-                }
-            }
-            return { closestEntry: closestEntry, closestIndex: closestIndex };
-        }
-        else
-            return { closestEntry: null, closestIndex: null };
-    }
-};
-
-export { useDetectHorizontalOverflow as u };
-//# sourceMappingURL=useDetectHorizontalOverflow-154005bb.js.map

package/es/useDetectHorizontalOverflow-154005bb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDetectHorizontalOverflow-154005bb.js","sources":["../../src/hooks/PRIVATE_useDetectHorizontalOverflow/useDetectHorizontalOverflow.ts"],"sourcesContent":["import { RefObject } from 'preact';\nimport { useState, useLayoutEffect, useRef, StateUpdater, useCallback } from 'preact/hooks';\nimport { useResizeObserver } from '../../hooks/UNSAFE_useResizeObserver';\nimport { Size } from '../../utils/UNSAFE_size';\nimport { getTabWidths } from '../../utils/PRIVATE_tabBarUtils';\nimport type { TrailingContentInfo } from '../../utils/PRIVATE_tabBarUtils';\n\ntype TabDimensions<K extends string | number> = {\n  key: K;\n  maxWidth: number;\n  nonTextWidth?: number;\n  needsTruncation?: boolean;\n  cumulativeWidth?: number;\n};\n\n//The minimum width of the overflowtabbaritem, it can be rendered with width greater than this based on available width\nconst MORE_ITEM_WIDTH = 48;\nconst LABEL_MIN_WIDTH = 96;\nconst TAB_BORDER = 6;\n//This is the minWidth a tab will have if it has only a label.\nconst TAB_MIN_WIDTH = LABEL_MIN_WIDTH + TAB_BORDER;\n\nexport type useDetectOverflowProps<K extends string | number> = {\n  rootRef: RefObject<HTMLDivElement>;\n  keysArray: (K | undefined)[];\n  isTruncationDisabled?: boolean;\n};\n\n/**\n * Implements overflow detection and calculation\n */\nexport function useDetectHorizontalOverflow<K extends string | number>({\n  rootRef,\n  keysArray,\n  isTruncationDisabled = true\n}: useDetectOverflowProps<K>) {\n  const [visibleItemKeys, setVisibleItemKeys] = useState<(K | undefined)[]>();\n  const [overflowItemKeys, setOverflowingItemKeys] = useState<(K | undefined)[]>();\n  const trailingContentWidths = useRef(new Map<K, TrailingContentInfo>());\n  const [tabMaxWidth, setTabMaxWidth] = useState<Map<K, Size>>();\n  // This state var is to only re-trigger the layout effect. Using it locally will not give the latest updated value hence we use current suffix vars\n  const [tabBarWidth, setTabBarWidth] = useState<number>(0);\n  const isAllItemsTruncatedMax = useRef<boolean>(false);\n  const isAllItemsTruncatedFinal = useRef<boolean>(false);\n  const tabDimensions = useRef<TabDimensions<K>[]>();\n\n  useLayoutEffect(() => {\n    // Store locally to avoid calling rootRef everytime within layouteffect\n    const tabBarWidthCurrent = rootRef?.current?.clientWidth;\n    const tabBarScrollWidthCurrent = rootRef?.current?.scrollWidth;\n    if (\n      rootRef.current &&\n      keysArray &&\n      keysArray.length > 0 &&\n      tabBarWidthCurrent &&\n      tabBarWidthCurrent > 0\n    ) {\n      //Set tabBarWidth if not the current value\n      if (tabBarWidth !== tabBarWidthCurrent) {\n        setTabBarWidth(tabBarWidthCurrent);\n      }\n\n      if (tabMaxWidth === undefined) {\n        const isOverflow = tabBarWidthCurrent > 0 && tabBarWidthCurrent < tabBarScrollWidthCurrent!;\n\n        //If there is no overflow maxWidth should be its prevState, prevState may also be undefined if truncation is disabled.\n        if (!isOverflow) {\n          setTabMaxWidth((prevState) => {\n            return prevState;\n          });\n        } else {\n          //We need to calculate maxWidth only if truncation threshold limit is not reached\n          if (!isAllItemsTruncatedMax.current) {\n            const tabWidths = getTabWidths(\n              rootRef.current,\n              trailingContentWidths,\n              isTruncationDisabled,\n              tabBarWidthCurrent,\n              isAllItemsTruncatedMax?.current,\n              keysArray as K[]\n            );\n            //If all items have reached max treshold of truncation then we set it to true\n            if (tabWidths.every((item) => item.hasReachedLimit)) {\n              isAllItemsTruncatedMax.current = true;\n            }\n            tabDimensions.current = tabWidths as any;\n          }\n          //If all items have reached max treshold of truncation then we do not have update tabDimensions are maxWidth cannot go lesser than 96px.\n          else {\n            tabDimensions.current = tabDimensions.current?.map((item) => ({\n              ...item\n            }));\n          }\n        }\n\n        //Set calculated maxWidths\n        if (!isTruncationDisabled) {\n          const tabMaxWidthMap = new Map(\n            tabDimensions.current?.map((tab) => [tab.key, (tab.maxWidth + 'px') as Size])\n          );\n          setTabMaxWidth(tabMaxWidthMap);\n        }\n        //Overflow calculation\n        if (tabBarWidthCurrent < tabBarScrollWidthCurrent!) {\n          const arr = tabDimensions.current?.map((item) => item.cumulativeWidth) as number[];\n          const lastIndex = arr.length - 1;\n          //In addition to scrollWidth we check if the cumulative width of last item is greater than rootRef clientwidth\n          if (arr && tabBarWidthCurrent < arr[lastIndex]) {\n            const { closestEntry, closestIndex } = searchClosest(arr, tabBarWidthCurrent);\n            // Check for not null, because even for '0' value of closestIndex we want to slice in such cases only overflow item will be rendered\n            if (closestEntry && closestIndex != null) {\n              // Closest index refers to the index of the last item that would be visible.\n              // While splicing we need to include it however if we check for closestIndex < lastIndex alone then closestIndex + 1 will be greater than the last item index so we check for one less.\n              const lastVisibleItemIndex =\n                closestIndex < lastIndex - 1 ? closestIndex + 1 : closestIndex;\n              setVisibleItemKeys(keysArray.slice(0, lastVisibleItemIndex));\n              setOverflowingItemKeys(keysArray?.slice(lastVisibleItemIndex));\n              //Once OverflowTabBarItem is rendered, i.e overflowItemKeys move into overflow menu then space is available, which can be re-dsitributed to truncated visible items. We also check if these visible items have already gone through this calculation otherwise we skip it to avoid infinite loop.\n              if (closestIndex > 0 && !isAllItemsTruncatedFinal.current && !isTruncationDisabled) {\n                const tabWidthsAfterOverflow = getTabWidths(\n                  rootRef.current,\n                  trailingContentWidths,\n                  isTruncationDisabled,\n                  tabBarWidthCurrent,\n                  isAllItemsTruncatedMax?.current\n                );\n                const tabMaxWidthMapAfterOverflow = new Map(\n                  tabWidthsAfterOverflow.map((tab) => [tab.key, (tab.maxWidth + 'px') as Size])\n                );\n                //Flag to indicate that final truncation calculation has occured\n                isAllItemsTruncatedFinal.current = true;\n                setTabMaxWidth(tabMaxWidthMapAfterOverflow);\n              }\n            }\n          }\n        }\n      }\n    }\n  }, [keysArray, rootRef, tabBarWidth, tabMaxWidth, isTruncationDisabled]);\n\n  const updateTabBarWidth = useCallback(\n    (entry: { contentRect: { width: StateUpdater<number> } }) => {\n      const rectWidth = Math.ceil(entry.contentRect.width as number);\n      // Sometimes entry.contentRect.width maybe a decimal value so we need to get absolute value\n      if (Math.abs(tabBarWidth - (entry.contentRect.width as number)) > 1) {\n        setTabBarWidth(entry.contentRect.width);\n        if (tabMaxWidth !== undefined && !isAllItemsTruncatedMax.current) {\n          setTabMaxWidth(undefined);\n        }\n        //Once there is change in the container width and there is no overflow we render all items as visible.\n        if (rectWidth >= rootRef.current?.scrollWidth!) {\n          setVisibleItemKeys(keysArray);\n          setOverflowingItemKeys([]);\n        }\n        isAllItemsTruncatedFinal.current = false;\n      }\n    },\n    [tabBarWidth, tabMaxWidth, rootRef, keysArray]\n  );\n\n  useResizeObserver(rootRef, updateTabBarWidth);\n\n  return shouldRenderAllTabs(visibleItemKeys, overflowItemKeys, keysArray)\n    ? {\n        visibleItemKeys: keysArray,\n        overflowItemKeys,\n        maxWidths: tabMaxWidth\n      }\n    : {\n        visibleItemKeys,\n        overflowItemKeys,\n        maxWidths: tabMaxWidth\n      };\n}\n\n//If the overflow + visible keys or their quantity are not the same as keysArray then we first render all the keys as visible\nconst shouldRenderAllTabs = <K extends string | number>(\n  visibleItemKeys: (K | undefined)[] | undefined,\n  overflowItemKeys: (K | undefined)[] | undefined,\n  keysArray: (K | undefined)[]\n) => {\n  if (visibleItemKeys == null) return true;\n  else if (visibleItemKeys && overflowItemKeys && keysArray) {\n    const combinedArray = [...visibleItemKeys, ...overflowItemKeys];\n    const isNotEqual =\n      combinedArray.length !== keysArray.length ||\n      JSON.stringify(keysArray) !== JSON.stringify(combinedArray);\n    return isNotEqual;\n  } else return false;\n};\n\n//Searches for a value closest and smaller than search value from the cumulative array\nconst searchClosest = (\n  arr: number[] | undefined,\n  searchValue: number | undefined | null\n): { closestEntry: number | null; closestIndex: number | null } => {\n  {\n    if (arr != null && searchValue != null) {\n      let left = 0;\n      let right = arr.length - 1;\n      let closestEntry: number | null = null;\n      let closestIndex: number | null = null;\n      while (left <= right && left < arr.length && right > -1) {\n        const mid = Math.floor((left + right) / 2);\n        const midEntry = arr[mid];\n        if (midEntry === searchValue) {\n          return { closestEntry: midEntry!, closestIndex: mid! };\n        } else if (midEntry < searchValue) {\n          closestEntry = midEntry;\n          closestIndex = mid;\n          left = mid + 1;\n        } else {\n          right = mid - 1;\n        }\n        //If the searchValue is greater than closest entry and their difference is greater more item width then we have space to fit more item. Otherwise we return the index with the closest and small value when compared to searchvalue\n        if (closestEntry && searchValue > closestEntry) {\n          //NOTE: Do not update closestEntry to midEntry here because value from const midEntry = arr[mid], midEntry maybe greater than searchValue and below it may end up updating closestIndex to mid +1 due to abs check\n          //Sometimes closest entry may be much smaller than searchvalue so in such cases we maybe able to accomodate more items. The difference between searchValue and closestEntry should be greater than the minWidth needed for any item so that it can be rendered. If the difference is lesser than item min width we then check if space is available to render overflowitem alone else we reduce the closestIndex.\n          closestIndex =\n            Math.abs(searchValue - closestEntry) > TAB_MIN_WIDTH && mid + 1 <= arr.length - 2\n              ? mid + 1\n              : Math.abs(searchValue - closestEntry) > MORE_ITEM_WIDTH\n              ? mid\n              : mid - 1 >= 0\n              ? mid - 1\n              : 0;\n        }\n        //If the searchValue is lesser than closestEntry we return a value lesser than mid, this happens when all the values in the array are lesser than searchValue, i.e screensize is extremely small\n        else {\n          closestIndex = mid - 1 >= 0 ? mid - 1 : 0;\n        }\n      }\n      return { closestEntry: closestEntry!, closestIndex: closestIndex! };\n    } else return { closestEntry: null, closestIndex: null };\n  }\n};\n"],"names":[],"mappings":"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"}

package/es/useExpandCollapse-5739cfd2.js

@@ -1,70 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { useCallback } from 'preact/hooks';
-import { u as useUser } from './useUser-06d34d19.js';
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-/**
- * A hook that handles mouse and keyboard gesture that toggles the expanded state.
- * @param keyExtractor
- * @param expanded
- * @param onToggle
- * @returns
- */
-function useExpandCollapse(keyExtractor, isExpanded, onToggle, allowArrowKeysOnly) {
-    const { direction } = useUser();
-    const onClick = useCallback((event) => {
-        if (allowArrowKeysOnly !== true && onToggle) {
-            handleToggle(event, keyExtractor, onToggle);
-        }
-    }, [keyExtractor, onToggle, allowArrowKeysOnly]);
-    const onKeyUp = useCallback((event) => {
-        if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {
-            handleToggle(event, keyExtractor, onToggle);
-        }
-        else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
-            const isRtl = direction === 'rtl';
-            const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;
-            handleArrowKey(isLeftArrow, event.target, isExpanded, keyExtractor, onToggle);
-            // arrow key might cause it to scroll horizontally
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    }, [keyExtractor, onToggle, isExpanded, direction, allowArrowKeysOnly]);
-    // prevent default (propagation) for keyDown to prevent scrolling the container
-    const onKeyDown = useCallback((event) => {
-        if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {
-            event.preventDefault();
-        }
-        else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
-            event.preventDefault();
-        }
-    }, [allowArrowKeysOnly]);
-    return onToggle ? { onClick, onKeyDown, onKeyUp } : {};
-}
-const handleArrowKey = (isLeftArrow, target, isExpanded, keyExtractor, onToggle) => {
-    const itemKey = keyExtractor(target);
-    if (onToggle && itemKey) {
-        const contains = isExpanded(itemKey);
-        if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {
-            onToggle({ value: itemKey });
-        }
-    }
-};
-const handleToggle = (event, keyExtractor, onToggle) => {
-    const itemKey = keyExtractor(event.target);
-    if (onToggle && itemKey) {
-        onToggle({ value: itemKey });
-        if (event.type === 'click') {
-            event.stopPropagation();
-        }
-    }
-};
-
-export { useExpandCollapse as u };
-//# sourceMappingURL=useExpandCollapse-5739cfd2.js.map

package/es/useExpandCollapse-5739cfd2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useExpandCollapse-5739cfd2.js","sources":["../../src/hooks/PRIVATE_useListCommon/useExpandCollapse.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 { useCallback } from 'preact/hooks';\nimport { ToggleDetail } from '#UNSAFE_Collection';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  isExpanded: (key: K) => boolean,\n  onToggle?: (detail: ToggleDetail<K>) => void,\n  allowArrowKeysOnly?: boolean\n) {\n  const { direction } = useUser();\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      if (allowArrowKeysOnly !== true && onToggle) {\n        handleToggle(event, keyExtractor, onToggle);\n      }\n    },\n    [keyExtractor, onToggle, allowArrowKeysOnly]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isRtl = direction === 'rtl';\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(\n          isLeftArrow,\n          event.target as HTMLElement,\n          isExpanded,\n          keyExtractor,\n          onToggle\n        );\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle, isExpanded, direction, allowArrowKeysOnly]\n  );\n\n  // prevent default (propagation) for keyDown to prevent scrolling the container\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (allowArrowKeysOnly !== true && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        event.preventDefault();\n      }\n    },\n    [allowArrowKeysOnly]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  isExpanded: (key: K) => boolean,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = isExpanded(itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n"],"names":[],"mappings":"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"}