@oracle/oraclejet-preact 20.0.4 → 20.1.0

package/es/useMiddleEllipsis-b073ca6b.js

@@ -0,0 +1,228 @@
+/* @oracle/oraclejet-preact: undefined */
+import { useRef, useState, useCallback, useLayoutEffect } from 'preact/hooks';
+
+const parsePixelSize = (value) => {
+    const trimmed = value.trim();
+    if (!trimmed || trimmed === 'none' || trimmed === 'auto')
+        return null;
+    if (!trimmed.endsWith('px'))
+        return null;
+    const parsed = parseFloat(trimmed);
+    return Number.isFinite(parsed) ? parsed : null;
+};
+// Hook that returns a ref to attach to the parent container and a truncated string
+// with the ellipsis placed in the middle. The hook recalculates when the container
+// width or the input text changes.
+const useMiddleEllipsis = (text) => {
+    const containerRef = useRef(null);
+    const [displayText, setDisplayText] = useState(text);
+    const measurementRef = useRef(null);
+    // Compute the truncated candidate for the current text and container width
+    const computeCandidate = useCallback(() => {
+        const container = containerRef.current;
+        if (!container || !text)
+            return text;
+        const MIN_RIGHT_CHARS = 5;
+        if (text.length <= MIN_RIGHT_CHARS + 1) {
+            return text;
+        }
+        const containerStyle = window.getComputedStyle(container);
+        const textElement = container.firstElementChild instanceof HTMLElement ? container.firstElementChild : container;
+        const style = window.getComputedStyle(textElement);
+        let measurementEl = measurementRef.current;
+        if (!measurementEl) {
+            measurementEl = document.createElement('span');
+            measurementEl.style.position = 'absolute';
+            measurementEl.style.visibility = 'hidden';
+            measurementEl.style.whiteSpace = 'pre';
+            measurementEl.style.pointerEvents = 'none';
+            measurementEl.style.left = '-99999px';
+            measurementEl.style.top = '0';
+            document.body.appendChild(measurementEl);
+            measurementRef.current = measurementEl;
+        }
+        measurementEl.style.font = style.font;
+        measurementEl.style.fontSize = style.fontSize;
+        measurementEl.style.fontFamily = style.fontFamily;
+        measurementEl.style.fontWeight = style.fontWeight;
+        measurementEl.style.fontStyle = style.fontStyle;
+        measurementEl.style.letterSpacing = style.letterSpacing;
+        measurementEl.style.wordSpacing = style.wordSpacing;
+        measurementEl.style.textTransform = style.textTransform;
+        measurementEl.style.fontKerning = style.fontKerning;
+        measurementEl.style.fontFeatureSettings = style.fontFeatureSettings;
+        measurementEl.style.fontVariantLigatures = style.fontVariantLigatures;
+        const horizontalPadding = parseFloat(containerStyle.paddingLeft || '0') +
+            parseFloat(containerStyle.paddingRight || '0');
+        const parent = container.parentElement;
+        const parentStyle = parent ? window.getComputedStyle(parent) : null;
+        const parentHorizontalPadding = parentStyle
+            ? parseFloat(parentStyle.paddingLeft || '0') + parseFloat(parentStyle.paddingRight || '0')
+            : 0;
+        const parentContentWidth = parent
+            ? Math.max(0, parent.getBoundingClientRect().width - parentHorizontalPadding)
+            : 0;
+        const maxWidthPx = parsePixelSize(containerStyle.maxWidth);
+        const maxWidthContent = maxWidthPx !== null && maxWidthPx > 0 ? Math.max(0, maxWidthPx - horizontalPadding) : 0;
+        const selfContentWidth = Math.max(0, container.getBoundingClientRect().width - horizontalPadding);
+        const externalConstraint = [parentContentWidth, maxWidthContent]
+            .filter((w) => w > 0)
+            .reduce((min, w) => Math.min(min, w), Number.POSITIVE_INFINITY);
+        // Let the value grow beyond the current rendered text width, but never beyond external constraints.
+        const constraintWidth = Number.isFinite(externalConstraint)
+            ? Math.max(selfContentWidth, externalConstraint)
+            : selfContentWidth;
+        // Keep a tiny safety margin to avoid edge clipping from sub-pixel rendering differences.
+        const available = Math.max(0, constraintWidth - 2);
+        if (available <= 0) {
+            return text;
+        }
+        const measureCache = new Map();
+        const measure = (str) => {
+            const cached = measureCache.get(str);
+            if (cached !== undefined)
+                return cached;
+            measurementEl.textContent = str;
+            const width = measurementEl.getBoundingClientRect().width;
+            measureCache.set(str, width);
+            return width;
+        };
+        if (measure(text) <= available) {
+            return text;
+        }
+        const ellipsis = '\u2026';
+        const makeCandidate = (l, r) => text.slice(0, l) + ellipsis + text.slice(text.length - r);
+        const fits = (l, r) => measure(makeCandidate(l, r)) <= available;
+        let leftChars = 0;
+        let rightChars = MIN_RIGHT_CHARS;
+        // If minimum suffix cannot fit, reduce suffix as a last resort to prevent clipping.
+        if (!fits(leftChars, rightChars)) {
+            while (rightChars > 1 && !fits(0, rightChars)) {
+                rightChars--;
+            }
+            return makeCandidate(0, rightChars);
+        }
+        // Keep at least one hidden character so we truly truncate.
+        const maxVisibleChars = text.length - 1;
+        while (leftChars + rightChars < maxVisibleChars) {
+            const nextLeft = leftChars + 1;
+            const nextRight = rightChars + 1;
+            const canGrowLeft = nextLeft + rightChars <= maxVisibleChars && fits(nextLeft, rightChars);
+            const canGrowRight = leftChars + nextRight <= maxVisibleChars && fits(leftChars, nextRight);
+            if (!canGrowLeft && !canGrowRight) {
+                break;
+            }
+            if (canGrowLeft && !canGrowRight) {
+                leftChars = nextLeft;
+            }
+            else if (!canGrowLeft && canGrowRight) {
+                rightChars = nextRight;
+            }
+            else {
+                // Prefer growing the suffix when both options fit.
+                if (rightChars <= leftChars + 2) {
+                    rightChars = nextRight;
+                }
+                else {
+                    leftChars = nextLeft;
+                }
+            }
+        }
+        // Final safety pass to guarantee no visual overflow.
+        while (!fits(leftChars, rightChars) && (leftChars > 0 || rightChars > 1)) {
+            if (leftChars > 0 && (rightChars <= MIN_RIGHT_CHARS || leftChars >= rightChars - 1)) {
+                leftChars--;
+            }
+            else {
+                rightChars--;
+            }
+        }
+        return makeCandidate(leftChars, rightChars);
+    }, [text]);
+    const recompute = useCallback(() => {
+        const candidate = computeCandidate();
+        setDisplayText((prev) => (prev === candidate ? prev : candidate));
+    }, [computeCandidate]);
+    // Recompute on text changes.
+    useLayoutEffect(() => {
+        recompute();
+    }, [text, recompute]);
+    // Recompute whenever container size changes.
+    useLayoutEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const parent = container.parentElement;
+        const textElement = container.firstElementChild instanceof HTMLElement ? container.firstElementChild : null;
+        let rafId = 0;
+        const scheduleRecompute = () => {
+            cancelAnimationFrame(rafId);
+            rafId = requestAnimationFrame(() => {
+                recompute();
+            });
+        };
+        if (typeof ResizeObserver !== 'undefined') {
+            const observer = new ResizeObserver(scheduleRecompute);
+            observer.observe(container);
+            if (parent) {
+                observer.observe(parent);
+            }
+            if (textElement) {
+                observer.observe(textElement);
+            }
+            const fonts = document.fonts;
+            if (fonts?.addEventListener) {
+                fonts.addEventListener('loadingdone', scheduleRecompute);
+                fonts.addEventListener('loadingerror', scheduleRecompute);
+            }
+            return () => {
+                cancelAnimationFrame(rafId);
+                observer.disconnect();
+                if (fonts?.removeEventListener) {
+                    fonts.removeEventListener('loadingdone', scheduleRecompute);
+                    fonts.removeEventListener('loadingerror', scheduleRecompute);
+                }
+            };
+        }
+        window.addEventListener('resize', scheduleRecompute);
+        return () => {
+            cancelAnimationFrame(rafId);
+            window.removeEventListener('resize', scheduleRecompute);
+        };
+    }, [recompute]);
+    // Recompute when typography/style classes change without a geometry resize event.
+    useLayoutEffect(() => {
+        const container = containerRef.current;
+        if (!container || typeof MutationObserver === 'undefined')
+            return;
+        const textElement = container.firstElementChild instanceof HTMLElement ? container.firstElementChild : null;
+        let rafId = 0;
+        const scheduleRecompute = () => {
+            cancelAnimationFrame(rafId);
+            rafId = requestAnimationFrame(() => {
+                recompute();
+            });
+        };
+        const observer = new MutationObserver(scheduleRecompute);
+        observer.observe(container, { attributes: true, attributeFilter: ['class', 'style'] });
+        if (textElement) {
+            observer.observe(textElement, { attributes: true, attributeFilter: ['class', 'style'] });
+        }
+        return () => {
+            cancelAnimationFrame(rafId);
+            observer.disconnect();
+        };
+    }, [recompute]);
+    useLayoutEffect(() => {
+        return () => {
+            if (measurementRef.current?.parentNode) {
+                measurementRef.current.parentNode.removeChild(measurementRef.current);
+            }
+            measurementRef.current = null;
+        };
+    }, []);
+    return { ref: containerRef, truncatedText: displayText };
+};
+
+export { useMiddleEllipsis as u };
+//# sourceMappingURL=useMiddleEllipsis-b073ca6b.js.map

package/es/useMiddleEllipsis-b073ca6b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMiddleEllipsis-b073ca6b.js","sources":["../../src/hooks/PRIVATE_useMiddleEllipsis/useMiddleEllipsis.tsx"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport type { RefObject } from 'preact';\n\ntype UseMiddleEllipsisResult = {\n  ref: RefObject<HTMLElement>;\n  truncatedText: string;\n};\n\nconst parsePixelSize = (value: string): number | null => {\n  const trimmed = value.trim();\n  if (!trimmed || trimmed === 'none' || trimmed === 'auto') return null;\n  if (!trimmed.endsWith('px')) return null;\n  const parsed = parseFloat(trimmed);\n  return Number.isFinite(parsed) ? parsed : null;\n};\n\n// Hook that returns a ref to attach to the parent container and a truncated string\n// with the ellipsis placed in the middle. The hook recalculates when the container\n// width or the input text changes.\nconst useMiddleEllipsis = <E extends HTMLElement = HTMLElement>(\n  text: string\n): UseMiddleEllipsisResult => {\n  const containerRef = useRef<E>(null);\n  const [displayText, setDisplayText] = useState(text);\n  const measurementRef = useRef<HTMLSpanElement | null>(null);\n\n  // Compute the truncated candidate for the current text and container width\n  const computeCandidate = useCallback(() => {\n    const container = containerRef.current;\n    if (!container || !text) return text;\n    const MIN_RIGHT_CHARS = 5;\n    if (text.length <= MIN_RIGHT_CHARS + 1) {\n      return text;\n    }\n\n    const containerStyle = window.getComputedStyle(container);\n    const textElement =\n      container.firstElementChild instanceof HTMLElement ? container.firstElementChild : container;\n    const style = window.getComputedStyle(textElement);\n    let measurementEl = measurementRef.current;\n    if (!measurementEl) {\n      measurementEl = document.createElement('span');\n      measurementEl.style.position = 'absolute';\n      measurementEl.style.visibility = 'hidden';\n      measurementEl.style.whiteSpace = 'pre';\n      measurementEl.style.pointerEvents = 'none';\n      measurementEl.style.left = '-99999px';\n      measurementEl.style.top = '0';\n      document.body.appendChild(measurementEl);\n      measurementRef.current = measurementEl;\n    }\n\n    measurementEl.style.font = style.font;\n    measurementEl.style.fontSize = style.fontSize;\n    measurementEl.style.fontFamily = style.fontFamily;\n    measurementEl.style.fontWeight = style.fontWeight;\n    measurementEl.style.fontStyle = style.fontStyle;\n    measurementEl.style.letterSpacing = style.letterSpacing;\n    measurementEl.style.wordSpacing = style.wordSpacing;\n    measurementEl.style.textTransform = style.textTransform;\n    measurementEl.style.fontKerning = style.fontKerning;\n    measurementEl.style.fontFeatureSettings = style.fontFeatureSettings;\n    measurementEl.style.fontVariantLigatures = style.fontVariantLigatures;\n\n    const horizontalPadding =\n      parseFloat(containerStyle.paddingLeft || '0') +\n      parseFloat(containerStyle.paddingRight || '0');\n    const parent = container.parentElement;\n    const parentStyle = parent ? window.getComputedStyle(parent) : null;\n    const parentHorizontalPadding = parentStyle\n      ? parseFloat(parentStyle.paddingLeft || '0') + parseFloat(parentStyle.paddingRight || '0')\n      : 0;\n    const parentContentWidth = parent\n      ? Math.max(0, parent.getBoundingClientRect().width - parentHorizontalPadding)\n      : 0;\n    const maxWidthPx = parsePixelSize(containerStyle.maxWidth);\n    const maxWidthContent =\n      maxWidthPx !== null && maxWidthPx > 0 ? Math.max(0, maxWidthPx - horizontalPadding) : 0;\n    const selfContentWidth = Math.max(\n      0,\n      container.getBoundingClientRect().width - horizontalPadding\n    );\n    const externalConstraint = [parentContentWidth, maxWidthContent]\n      .filter((w) => w > 0)\n      .reduce((min, w) => Math.min(min, w), Number.POSITIVE_INFINITY);\n    // Let the value grow beyond the current rendered text width, but never beyond external constraints.\n    const constraintWidth = Number.isFinite(externalConstraint)\n      ? Math.max(selfContentWidth, externalConstraint)\n      : selfContentWidth;\n    // Keep a tiny safety margin to avoid edge clipping from sub-pixel rendering differences.\n    const available = Math.max(0, constraintWidth - 2);\n\n    if (available <= 0) {\n      return text;\n    }\n\n    const measureCache = new Map<string, number>();\n    const measure = (str: string) => {\n      const cached = measureCache.get(str);\n      if (cached !== undefined) return cached;\n      measurementEl.textContent = str;\n      const width = measurementEl.getBoundingClientRect().width;\n      measureCache.set(str, width);\n      return width;\n    };\n\n    if (measure(text) <= available) {\n      return text;\n    }\n\n    const ellipsis = '\\u2026';\n\n    const makeCandidate = (l: number, r: number) =>\n      text.slice(0, l) + ellipsis + text.slice(text.length - r);\n\n    const fits = (l: number, r: number) => measure(makeCandidate(l, r)) <= available;\n\n    let leftChars = 0;\n    let rightChars = MIN_RIGHT_CHARS;\n\n    // If minimum suffix cannot fit, reduce suffix as a last resort to prevent clipping.\n    if (!fits(leftChars, rightChars)) {\n      while (rightChars > 1 && !fits(0, rightChars)) {\n        rightChars--;\n      }\n      return makeCandidate(0, rightChars);\n    }\n\n    // Keep at least one hidden character so we truly truncate.\n    const maxVisibleChars = text.length - 1;\n    while (leftChars + rightChars < maxVisibleChars) {\n      const nextLeft = leftChars + 1;\n      const nextRight = rightChars + 1;\n\n      const canGrowLeft = nextLeft + rightChars <= maxVisibleChars && fits(nextLeft, rightChars);\n      const canGrowRight = leftChars + nextRight <= maxVisibleChars && fits(leftChars, nextRight);\n\n      if (!canGrowLeft && !canGrowRight) {\n        break;\n      }\n\n      if (canGrowLeft && !canGrowRight) {\n        leftChars = nextLeft;\n      } else if (!canGrowLeft && canGrowRight) {\n        rightChars = nextRight;\n      } else {\n        // Prefer growing the suffix when both options fit.\n        if (rightChars <= leftChars + 2) {\n          rightChars = nextRight;\n        } else {\n          leftChars = nextLeft;\n        }\n      }\n    }\n\n    // Final safety pass to guarantee no visual overflow.\n    while (!fits(leftChars, rightChars) && (leftChars > 0 || rightChars > 1)) {\n      if (leftChars > 0 && (rightChars <= MIN_RIGHT_CHARS || leftChars >= rightChars - 1)) {\n        leftChars--;\n      } else {\n        rightChars--;\n      }\n    }\n\n    return makeCandidate(leftChars, rightChars);\n  }, [text]);\n\n  const recompute = useCallback(() => {\n    const candidate = computeCandidate();\n    setDisplayText((prev) => (prev === candidate ? prev : candidate));\n  }, [computeCandidate]);\n\n  // Recompute on text changes.\n  useLayoutEffect(() => {\n    recompute();\n  }, [text, recompute]);\n\n  // Recompute whenever container size changes.\n  useLayoutEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    const parent = container.parentElement;\n    const textElement =\n      container.firstElementChild instanceof HTMLElement ? container.firstElementChild : null;\n\n    let rafId = 0;\n    const scheduleRecompute = () => {\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(() => {\n        recompute();\n      });\n    };\n\n    if (typeof ResizeObserver !== 'undefined') {\n      const observer = new ResizeObserver(scheduleRecompute);\n      observer.observe(container);\n      if (parent) {\n        observer.observe(parent);\n      }\n      if (textElement) {\n        observer.observe(textElement);\n      }\n\n      const fonts = document.fonts;\n      if (fonts?.addEventListener) {\n        fonts.addEventListener('loadingdone', scheduleRecompute);\n        fonts.addEventListener('loadingerror', scheduleRecompute);\n      }\n\n      return () => {\n        cancelAnimationFrame(rafId);\n        observer.disconnect();\n        if (fonts?.removeEventListener) {\n          fonts.removeEventListener('loadingdone', scheduleRecompute);\n          fonts.removeEventListener('loadingerror', scheduleRecompute);\n        }\n      };\n    }\n\n    window.addEventListener('resize', scheduleRecompute);\n    return () => {\n      cancelAnimationFrame(rafId);\n      window.removeEventListener('resize', scheduleRecompute);\n    };\n  }, [recompute]);\n\n  // Recompute when typography/style classes change without a geometry resize event.\n  useLayoutEffect(() => {\n    const container = containerRef.current;\n    if (!container || typeof MutationObserver === 'undefined') return;\n    const textElement =\n      container.firstElementChild instanceof HTMLElement ? container.firstElementChild : null;\n\n    let rafId = 0;\n    const scheduleRecompute = () => {\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(() => {\n        recompute();\n      });\n    };\n\n    const observer = new MutationObserver(scheduleRecompute);\n    observer.observe(container, { attributes: true, attributeFilter: ['class', 'style'] });\n    if (textElement) {\n      observer.observe(textElement, { attributes: true, attributeFilter: ['class', 'style'] });\n    }\n\n    return () => {\n      cancelAnimationFrame(rafId);\n      observer.disconnect();\n    };\n  }, [recompute]);\n\n  useLayoutEffect(() => {\n    return () => {\n      if (measurementRef.current?.parentNode) {\n        measurementRef.current.parentNode.removeChild(measurementRef.current);\n      }\n      measurementRef.current = null;\n    };\n  }, []);\n\n  return { ref: containerRef, truncatedText: displayText };\n};\n\nexport { useMiddleEllipsis };\n"],"names":[],"mappings":"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"}

package/es/useNavigation-b257c33a.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { useState, useRef, useMemo, useEffect, useCallback } from 'preact/hooks';
-import { u as useCurrentKey } from './useCurrentKey-5f865bbd.js';
+import { u as useCurrentKey } from './useCurrentKey-38e5f097.js';
 import { u as useReorderableContext } from './useReorderableContext-79b1c941.js';
 import { u as useCollectionFocusRing } from './useCollectionFocusRing-23ac7f97.js';
 import { u as useTabbableModeSet } from './useTabbableModeSet-159b0279.js';

package/es/useOutsideClick-01f3d3e1.js

@@ -0,0 +1,115 @@
+/* @oracle/oraclejet-preact: undefined */
+import { useRef, useEffect } from 'preact/hooks';
+import { c as coerceArray } from './arrayUtils-35a58161.js';
+import { a as LOGICAL_PARENT } from './Layer-6c27170e.js';
+import { M as MODAL_OVERLAY } from './useModal-953082f2.js';
+
+/**
+ * Checks if the mouse event target is inside of any of the specified containers, or if it
+ * occurs in a layer whose 'logicalParent' belongs to one of the containers.
+ *
+ * @param event a mouse event associated with the potential "outside click" action
+ * @param ref an array of references to elements that are considered "inside"
+ * @returns 'true' if the event occurs "outside" of the specified list of containers
+ */
+const isPointOutside = (event, ref) => {
+    const target = event.target;
+    // if the event has no target, consider it "inside"
+    if (!target) {
+        return false;
+    }
+    const doc = getDocument(target);
+    if (!doc.contains(target)) {
+        return false;
+    }
+    // if the target is contained in any of the target containers, it is not "outside"
+    if (ref.some((elRef) => elRef.current?.contains(target))) {
+        return false;
+    }
+    const findLogicalParent = (elem) => {
+        let elemParent = elem.parentElement;
+        while (elemParent) {
+            if (elemParent[LOGICAL_PARENT]) {
+                return elemParent[LOGICAL_PARENT];
+            }
+            elemParent = elemParent.parentElement;
+        }
+        return null;
+    };
+    const parentLayerContainsTarget = (element, target) => {
+        const parentLayer = element?.closest('[data-oj-layer]');
+        if (parentLayer && parentLayer.contains(target)) {
+            return true;
+        }
+        return false;
+    };
+    // Check if the target is logically owned by any of the refs
+    let logicalParent = findLogicalParent(target);
+    while (logicalParent) {
+        if (ref.some((elRef) => elRef.current?.contains(logicalParent))) {
+            return false;
+        }
+        logicalParent = findLogicalParent(logicalParent);
+    }
+    // if the click target is a modal overlay and it is part of target's modal layer
+    // then it's an outside click. Otherwise, treat the click as an "inside" click because
+    // it is a click on another modal overlay which must be above our elem
+    if (target[MODAL_OVERLAY]) {
+        if (!ref.some((elRef) => {
+            const modalParent = elRef.current?.closest('[data-oj-layer="modal"]');
+            return modalParent && modalParent.contains(target);
+        })) {
+            return false;
+        }
+        else {
+            return true;
+        }
+    }
+    // if the target is a child of a modal layer other than any of the refs,
+    // the click occurs in another modal layer which must be above our elem
+    const modalParent = target.closest('[data-oj-layer="modal"]');
+    if (modalParent &&
+        !ref.some((elRef) => modalParent.contains(elRef.current))) {
+        return false;
+    }
+    // lastly, look for target's parent based purely on the layer hierarchy
+    if (ref.some((elRef) => parentLayerContainsTarget(elRef.current, target))) {
+        return false;
+    }
+    return true;
+};
+const getDocument = (node) => node?.ownerDocument ?? document;
+const useOutsideClick = ({ isDisabled: disabled = false, ref, handler }) => {
+    // use ref to store mutable data and not cause a re-render
+    const mouseDownTargetRef = useRef(null);
+    useEffect(() => {
+        const refs = coerceArray(ref);
+        if (!handler ||
+            disabled ||
+            (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1))
+            return;
+        const onMouseDown = (event) => {
+            mouseDownTargetRef.current = event.target;
+        };
+        const onMouseUp = (event) => {
+            if (mouseDownTargetRef.current === event.target && isPointOutside(event, refs)) {
+                handler?.(event);
+            }
+            mouseDownTargetRef.current = null;
+        };
+        const firstElRef = refs[0];
+        const doc = getDocument(firstElRef.current);
+        if (doc) {
+            doc.addEventListener('mousedown', onMouseDown, true);
+            doc.addEventListener('mouseup', onMouseUp, true);
+            return () => {
+                doc.removeEventListener('mousedown', onMouseDown, true);
+                doc.removeEventListener('mouseup', onMouseUp, true);
+            };
+        }
+        return undefined;
+    }, [disabled, handler, ref]);
+};
+
+export { useOutsideClick as u };
+//# sourceMappingURL=useOutsideClick-01f3d3e1.js.map

package/es/useOutsideClick-01f3d3e1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick-01f3d3e1.js","sources":["../../src/hooks/UNSAFE_useOutsideClick/useOutsideClick.ts"],"sourcesContent":["/**\n * `useClickOutside` hook for capturing clicking outside of an element\n */\nimport type { RefObject } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { coerceArray } from '../../utils/UNSAFE_arrayUtils';\nimport { LOGICAL_PARENT } from '../../UNSAFE_Layer/Layer';\nimport { MODAL_OVERLAY, BackdropElement } from '#UNSAFE_Modal/hooks/useModal';\n\ntype Props = {\n  /**\n   * If true outside click is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside click is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside click callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\n/**\n * Checks if the mouse event target is inside of any of the specified containers, or if it\n * occurs in a layer whose 'logicalParent' belongs to one of the containers.\n *\n * @param event a mouse event associated with the potential \"outside click\" action\n * @param ref an array of references to elements that are considered \"inside\"\n * @returns 'true' if the event occurs \"outside\" of the specified list of containers\n */\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n\n  // if the event has no target, consider it \"inside\"\n  if (!target) {\n    return false;\n  }\n\n  const doc = getDocument(target);\n  if (!doc.contains(target)) {\n    return false;\n  }\n\n  // if the target is contained in any of the target containers, it is not \"outside\"\n  if (ref.some((elRef: RefObject<HTMLElement>) => elRef.current?.contains(target))) {\n    return false;\n  }\n\n  const findLogicalParent = (elem: Element): Element | null => {\n    let elemParent = elem.parentElement as any;\n    while (elemParent) {\n      if (elemParent[LOGICAL_PARENT]) {\n        return elemParent[LOGICAL_PARENT];\n      }\n      elemParent = elemParent.parentElement;\n    }\n    return null;\n  };\n\n  const parentLayerContainsTarget = (element: HTMLElement | null, target: Node): boolean => {\n    const parentLayer = element?.closest('[data-oj-layer]');\n    if (parentLayer && parentLayer.contains(target)) {\n      return true;\n    }\n    return false;\n  };\n\n  // Check if the target is logically owned by any of the refs\n  let logicalParent = findLogicalParent(target);\n  while (logicalParent) {\n    if (ref.some((elRef: RefObject<HTMLElement>) => elRef.current?.contains(logicalParent))) {\n      return false;\n    }\n    logicalParent = findLogicalParent(logicalParent);\n  }\n\n  // if the click target is a modal overlay and it is part of target's modal layer\n  // then it's an outside click. Otherwise, treat the click as an \"inside\" click because\n  // it is a click on another modal overlay which must be above our elem\n  if ((target as BackdropElement)[MODAL_OVERLAY]) {\n    if (\n      !ref.some((elRef: RefObject<HTMLElement>) => {\n        const modalParent = elRef.current?.closest('[data-oj-layer=\"modal\"]');\n        return modalParent && modalParent.contains(target);\n      })\n    ) {\n      return false;\n    } else {\n      return true;\n    }\n  }\n\n  // if the target is a child of a modal layer other than any of the refs,\n  // the click occurs in another modal layer which must be above our elem\n  const modalParent = target.closest('[data-oj-layer=\"modal\"]');\n  if (\n    modalParent &&\n    !ref.some((elRef: RefObject<HTMLElement>) => modalParent.contains(elRef.current))\n  ) {\n    return false;\n  }\n\n  // lastly, look for target's parent based purely on the layer hierarchy\n  if (\n    ref.some((elRef: RefObject<HTMLElement>) => parentLayerContainsTarget(elRef.current, target))\n  ) {\n    return false;\n  }\n\n  return true;\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideClick = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  // use ref to store mutable data and not cause a re-render\n  const mouseDownTargetRef = useRef<EventTarget | null>(null);\n\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n    const onMouseDown = (event: MouseEvent) => {\n      mouseDownTargetRef.current = event.target;\n    };\n\n    const onMouseUp = (event: MouseEvent) => {\n      if (mouseDownTargetRef.current === event.target && isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n      mouseDownTargetRef.current = null;\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n      doc.addEventListener('mouseup', onMouseUp, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n        doc.removeEventListener('mouseup', onMouseUp, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\n};\n"],"names":[],"mappings":"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"}

package/es/useOutsideMousedown-e0866d58.js

@@ -0,0 +1,48 @@
+/* @oracle/oraclejet-preact: undefined */
+import { useEffect } from 'preact/hooks';
+import { c as coerceArray } from './arrayUtils-35a58161.js';
+import { i as isLogicalAncestor } from './popupUtils-7774330e.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
+ */
+const isPointOutside = (event, ref) => {
+    const target = event.target;
+    if (target) {
+        const doc = getDocument(target);
+        if (!doc.contains(target))
+            return false;
+    }
+    return ref.every((elRef) => !elRef.current?.contains(target) && !isLogicalAncestor(elRef.current, target));
+};
+const getDocument = (node) => node?.ownerDocument ?? document;
+const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }) => {
+    useEffect(() => {
+        const refs = coerceArray(ref);
+        if (!handler ||
+            disabled ||
+            (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1))
+            return;
+        const onMouseDown = (event) => {
+            if (isPointOutside(event, refs)) {
+                handler?.(event);
+            }
+        };
+        const firstElRef = refs[0];
+        const doc = getDocument(firstElRef.current);
+        if (doc) {
+            doc.addEventListener('mousedown', onMouseDown, true);
+            return () => {
+                doc.removeEventListener('mousedown', onMouseDown, true);
+            };
+        }
+        return undefined;
+    }, [disabled, handler, ref]);
+};
+
+export { useOutsideMousedown as u };
+//# sourceMappingURL=useOutsideMousedown-e0866d58.js.map

package/es/useOutsideMousedown-e0866d58.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideMousedown-e0866d58.js","sources":["../../src/hooks/PRIVATE_useOutsideMousedown/useOutsideMousedown.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\n/**\n * `useOutsideMousedown` hook for capturing mousedown outside of an element\n */\nimport type { RefObject } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { coerceArray } from '../../utils/UNSAFE_arrayUtils';\nimport { isLogicalAncestor } from '#utils/UNSAFE_popupUtils';\n\ntype Props = {\n  /**\n   * If true outside mousedown is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Reference to element or array of elements relative to which outside mousedown is performed\n   */\n  ref: RefObject<HTMLElement> | RefObject<HTMLElement>[];\n  /**\n   * Outside mousedown callback\n   */\n  handler?: (event: MouseEvent) => void;\n};\n\nconst isPointOutside = (event: Event, ref: RefObject<HTMLElement>[]) => {\n  const target = event.target as HTMLElement;\n  if (target) {\n    const doc = getDocument(target);\n    if (!doc.contains(target)) return false;\n  }\n  return ref.every(\n    (elRef) =>\n      !elRef.current?.contains(target) && !isLogicalAncestor(elRef.current as HTMLElement, target)\n  );\n};\n\nconst getDocument = (node?: Node): Document => node?.ownerDocument ?? document;\n\nexport const useOutsideMousedown = ({ isDisabled: disabled = false, ref, handler }: Props) => {\n  useEffect(() => {\n    const refs = coerceArray(ref);\n    if (\n      !handler ||\n      disabled ||\n      (refs.length > 0 && refs.findIndex((elRef) => elRef.current === null) > -1)\n    )\n      return;\n\n    const onMouseDown = (event: MouseEvent) => {\n      if (isPointOutside(event, refs)) {\n        handler?.(event);\n      }\n    };\n    const firstElRef = refs[0];\n    const doc = getDocument(firstElRef.current!);\n    if (doc) {\n      doc.addEventListener('mousedown', onMouseDown, true);\n\n      return () => {\n        doc.removeEventListener('mousedown', onMouseDown, true);\n      };\n    }\n    return undefined;\n  }, [disabled, handler, ref]);\n};\n"],"names":[],"mappings":";;;;;AAAA;;;;;;AAMG;AAyBH,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,GAA6B,KAAI;AACrE,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;IAC3C,IAAI,MAAM,EAAE;AACV,QAAA,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAChC,QAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC;AAAE,YAAA,OAAO,KAAK,CAAC;KACzC;AACD,IAAA,OAAO,GAAG,CAAC,KAAK,CACd,CAAC,KAAK,KACJ,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,OAAsB,EAAE,MAAM,CAAC,CAC/F,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,IAAW,KAAe,IAAI,EAAE,aAAa,IAAI,QAAQ,CAAC;AAElE,MAAA,mBAAmB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,EAAE,OAAO,EAAS,KAAI;IAC3F,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;AAC9B,QAAA,IACE,CAAC,OAAO;YACR,QAAQ;aACP,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YAE3E,OAAO;AAET,QAAA,MAAM,WAAW,GAAG,CAAC,KAAiB,KAAI;AACxC,YAAA,IAAI,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;AAC/B,gBAAA,OAAO,GAAG,KAAK,CAAC,CAAC;aAClB;AACH,SAAC,CAAC;AACF,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC3B,MAAM,GAAG,GAAG,WAAW,CAAC,UAAU,CAAC,OAAQ,CAAC,CAAC;QAC7C,IAAI,GAAG,EAAE;YACP,GAAG,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;AAErD,YAAA,OAAO,MAAK;gBACV,GAAG,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;AAC1D,aAAC,CAAC;SACH;AACD,QAAA,OAAO,SAAS,CAAC;KAClB,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;AAC/B;;;;"}

package/es/usePopupAnimation-7c5db425.js

@@ -0,0 +1,85 @@
+/* @oracle/oraclejet-preact: undefined */
+import { u as useAnimationStatus } from './useAnimationStatus-b881f39a.js';
+import { u as useUser } from './useUser-e543b73c.js';
+import { useState, useCallback, useEffect } from 'preact/hooks';
+import { g as getTransformOrigin } from './popupAnimationUtils-175151d9.js';
+
+const animationStates = {
+    opening: (node) => {
+        return {
+            //zoomIn
+            from: {
+                scaleX: 0,
+                scaleY: 0,
+                opacity: 0,
+                transformOrigin: getTransformOrigin(node.placement, node.direction)
+            },
+            to: {
+                scaleX: 1,
+                scaleY: 1,
+                opacity: 1,
+                transformOrigin: getTransformOrigin(node.placement, node.direction)
+            },
+            options: {
+                duration: 200
+            }
+        };
+    },
+    closing: (node) => {
+        return {
+            //zoomOut
+            from: {
+                scaleX: 1,
+                scaleY: 1,
+                opacity: 1,
+                transformOrigin: getTransformOrigin(node.placement, node.direction)
+            },
+            to: {
+                scaleX: 0,
+                scaleY: 0,
+                opacity: 0,
+                transformOrigin: getTransformOrigin(node.placement, node.direction)
+            },
+            options: {
+                duration: 200
+            }
+        };
+    }
+};
+function usePopupAnimation(props) {
+    const { isOpen, isAnimatedOnMount, onTransitionEnd, placement, animationStates: propsAnimationStates, onPosition } = props;
+    //The animationPlacement is used for the case of flipping.
+    const [animationPlacement, setAnimationPlacement] = useState(placement);
+    const { direction } = useUser();
+    const { setAnimationElementRef, animationElementRef, status } = useAnimationStatus({
+        isOpen: isOpen,
+        isAnimatedOnMount: isAnimatedOnMount,
+        animationStates: propsAnimationStates ?? animationStates,
+        onTransitionEnd
+    });
+    const popupElementRef = animationElementRef;
+    const onPositionAnimated = useCallback((data) => {
+        if (popupElementRef.current !== null) {
+            // if flips happens we need to change the placement in the animations.
+            // There are cases where animation is done before even running the useEffect below. Due to that we update current placement of the node here
+            popupElementRef.current.placement = data.placement;
+        }
+        if (animationPlacement !== data.placement) {
+            setAnimationPlacement(data.placement);
+        }
+        onPosition?.(data);
+    }, [onPosition, popupElementRef, animationPlacement]);
+    //This is needed for the case if popup flips and changes the placement.
+    useEffect(() => {
+        if (popupElementRef != null && popupElementRef.current != null && status != 'unmounted') {
+            if (popupElementRef.current.placement !== animationPlacement) {
+                popupElementRef.current.placement = animationPlacement;
+            }
+            popupElementRef.current.direction = direction;
+        }
+    }, [popupElementRef, animationPlacement, direction, status]);
+    return { setAnimationElementRef, status, onPosition: onPositionAnimated };
+}
+
+export { usePopupAnimation as u };
+//# sourceMappingURL=usePopupAnimation-7c5db425.js.map

package/es/usePopupAnimation-7c5db425.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopupAnimation-7c5db425.js","sources":["../../src/UNSAFE_Popup/usePopupAnimation.ts"],"sourcesContent":["import { Placement, Floating } from '../UNSAFE_Floating';\nimport {\n  useAnimationStatus,\n  AnimationStatus,\n  AnimationStatusProps,\n  AnimationStates\n} from '../hooks/PRIVATE_useAnimationStatus';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useEffect, useCallback, useState } from 'preact/hooks';\nimport { getTransformOrigin } from '../utils/PRIVATE_popupAnimationUtils';\nimport { ComponentProps } from 'preact';\n\n/**\n * The placement and direction aware HTML element\n * The useAnimation hook do not allow to change dynamically the animation states,\n * but allows a function that returns animation states config. The function takes\n * the animated node of type <E extends HTMLElement> as an argument. This could be used\n * to extend HTMLElement with placement and direction.\n */\nexport type AnimationPopupElement = HTMLElement & {\n  placement?: Placement;\n  direction?: 'ltr' | 'rtl';\n};\n\ntype PopupAnimationProps = Omit<AnimationStatusProps, 'animationStates'> & {\n  /**\n   * Specifies placement of the Popup relative to the anchor.\n   */\n  placement: Placement;\n\n  /**\n   * animationStates is the configuration of the animations, how the element should be animated\n   */\n  animationStates?: AnimationStates;\n\n  /**\n   * Triggered when placement or coordinates are changed after collision is detected\n   */\n  onPosition?: ComponentProps<typeof Floating>['onPosition'];\n};\n\nconst animationStates = {\n  opening: (node: AnimationPopupElement) => {\n    return {\n      //zoomIn\n      from: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  },\n  closing: (node: AnimationPopupElement) => {\n    return {\n      //zoomOut\n      from: {\n        scaleX: 1,\n        scaleY: 1,\n        opacity: 1,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      to: {\n        scaleX: 0,\n        scaleY: 0,\n        opacity: 0,\n        transformOrigin: getTransformOrigin(node.placement, node.direction)\n      },\n      options: {\n        duration: 200\n      }\n    };\n  }\n};\n\nexport function usePopupAnimation(props: PopupAnimationProps): {\n  status: AnimationStatus;\n  setAnimationElementRef: (node: HTMLElement | null) => void;\n  onPosition: ComponentProps<typeof Floating>['onPosition'];\n} {\n  const {\n    isOpen,\n    isAnimatedOnMount,\n    onTransitionEnd,\n    placement,\n    animationStates: propsAnimationStates,\n    onPosition\n  } = props;\n\n  //The animationPlacement is used for the case of flipping.\n  const [animationPlacement, setAnimationPlacement] = useState<Placement>(placement);\n  const { direction } = useUser();\n  const { setAnimationElementRef, animationElementRef, status } =\n    useAnimationStatus<AnimationPopupElement>({\n      isOpen: isOpen,\n      isAnimatedOnMount: isAnimatedOnMount,\n      animationStates: propsAnimationStates ?? animationStates,\n      onTransitionEnd\n    });\n  const popupElementRef = animationElementRef;\n\n  const onPositionAnimated = useCallback<Required<ComponentProps<typeof Floating>>['onPosition']>(\n    (data) => {\n      if (popupElementRef.current !== null) {\n        // if flips happens we need to change the placement in the animations.\n        // There are cases where animation is done before even running the useEffect below. Due to that we update current placement of the node here\n        popupElementRef.current.placement = data.placement;\n      }\n      if (animationPlacement !== data.placement) {\n        setAnimationPlacement(data.placement);\n      }\n      onPosition?.(data);\n    },\n    [onPosition, popupElementRef, animationPlacement]\n  );\n\n  //This is needed for the case if popup flips and changes the placement.\n  useEffect(() => {\n    if (popupElementRef != null && popupElementRef.current != null && status != 'unmounted') {\n      if (popupElementRef.current.placement !== animationPlacement) {\n        popupElementRef.current.placement = animationPlacement;\n      }\n      popupElementRef.current.direction = direction;\n    }\n  }, [popupElementRef, animationPlacement, direction, status]);\n  return { setAnimationElementRef, status, onPosition: onPositionAnimated };\n}\n"],"names":[],"mappings":"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"}

package/es/usePrefixSuffix-95fc00fd.js

@@ -0,0 +1,70 @@
+/* @oracle/oraclejet-preact: undefined */
+import { l } from './stringUtils-0fe25200.js';
+import { u as useUser } from './useUser-e543b73c.js';
+
+// returns the prefix and/or suffix components
+// if the condition in which they should be shown is met.
+const usePrefixSuffix = ({ baseId, hasEndContent, hasInsideLabel, hasStartContent, hasValue, isDisabled, isFocused, labelId, prefix, suffix, value }) => {
+    const { direction } = useUser();
+    // for accessibility, if you have a prefix, then you must have a prefixId
+    const prefixId = `${baseId}-prefix`;
+    const suffixId = `${baseId}-suffix`;
+    const hasPrefixText = prefix !== undefined && prefix !== '';
+    const hasSuffixText = suffix !== undefined && suffix !== '';
+    const shouldRenderPrefix = hasPrefixText && !isDisabled && (hasValue || isFocused);
+    const shouldRenderSuffix = hasSuffixText && !isDisabled && (hasValue || isFocused);
+    // get value and prefix/suffix if available and return as plain text.
+    const valuePrefixSuffix = hasPrefixText || hasSuffixText ? getText(direction, hasValue, prefix, suffix, value) : value;
+    // get aria-labelledby if there is a prefix or suffix text
+    const ariaLabelledBy = hasPrefixText || hasSuffixText
+        ? l([labelId, hasPrefixText ? prefixId : undefined, hasSuffixText ? suffixId : undefined])
+        : undefined;
+    const prefixProps = {
+        id: prefixId,
+        hasEndContent,
+        hasInsideLabel,
+        hasStartContent,
+        isDisabled,
+        isFocused,
+        text: prefix ?? '',
+        variant: 'prefix'
+    };
+    const suffixProps = {
+        id: suffixId,
+        hasInsideLabel,
+        isDisabled,
+        isFocused,
+        text: suffix ?? '',
+        variant: 'suffix'
+    };
+    return {
+        shouldRenderPrefix,
+        shouldRenderSuffix,
+        prefixProps,
+        suffixProps,
+        valuePrefixSuffix,
+        ariaLabelledBy
+    };
+};
+/**
+ * Returns the value to render in plain text, taking into account the prefix and suffix
+ * and reading direction. Do not add a prefix/suffix if the component doesn't have a value.
+ * @returns string | undefined
+ */
+function getText(direction, hasValue, prefix, suffix, value) {
+    // Do not add a prefix/suffix if the component doesn't have a value.
+    if (!hasValue) {
+        return value;
+    }
+    // TODO: direction is 'ltr' even though the storybook is rtl.
+    // Test this when the storybook bug is fixed. ?src=confmacro
+    const isLTR = direction === 'ltr';
+    const plainPrefix = prefix === undefined ? `` : isLTR ? `${prefix} ` : ` ${prefix}`;
+    const plainSuffix = suffix === undefined ? `` : isLTR ? ` ${suffix}` : `${suffix} `;
+    const ltrPlainText = `${plainPrefix}${value}${plainSuffix}`;
+    const rtlPlainText = `${plainSuffix}${value}${plainPrefix}`;
+    return isLTR ? ltrPlainText : rtlPlainText;
+}
+
+export { usePrefixSuffix as u };
+//# sourceMappingURL=usePrefixSuffix-95fc00fd.js.map