@oracle/oraclejet-preact 14.0.7 → 14.0.8

package/amd/Floating-08ac18d2.js

@@ -1,310 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './index-e9199379', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useUser'], (function (exports, jsxRuntime, hooks, compat, hooks_UNSAFE_useFloating, utils_PRIVATE_refUtils, hooks_UNSAFE_useOutsideClick, hooks_UNSAFE_useUser) { 'use strict';
-
-    const FloatingTail = compat.forwardRef(({}, arrowRef) => {
-        return (jsxRuntime.jsxs("div", Object.assign({ ref: arrowRef }, { children: [" ", jsxRuntime.jsx("div", {}), " "] })));
-    });
-    function renderTail(data, anchorRef, arrowRef, tail, isRtl) {
-        var _a, _b;
-        if (tail === 'simple' && data.arrow) {
-            const { x, y, centerOffset } = data.arrow;
-            const arrowEl = arrowRef.current;
-            const arrowSize = 7;
-            const arrowSizeCorner = 6;
-            const arrowInnerEl = (_a = arrowRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('div');
-            const arrowInnerSize = 5;
-            const arrowInnerSizeCorner = 5;
-            const arrowCommonStyle = {
-                position: 'absolute',
-                width: '0px',
-                height: '0px'
-            };
-            let anchorRefHeight = 0;
-            let anchorRefWidth = 0;
-            const current = anchorRef.current;
-            // @ts-ignore. Type 'Element | Coords' issues
-            // Property 'x' does not exist on type 'Element'.
-            // Property 'y' does not exist on type 'Element'.
-            const isAnchorRefElement = (current === null || current === void 0 ? void 0 : current.x) === undefined && (current === null || current === void 0 ? void 0 : current.y) === undefined;
-            if (isAnchorRefElement) {
-                // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.
-                anchorRefHeight = Math.round(current.getBoundingClientRect().height);
-                // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.
-                anchorRefWidth = Math.round((_b = anchorRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width);
-            }
-            const isCornerVerticalPlacement = isAnchorRefElement ?
-                Math.abs(centerOffset) >= anchorRefHeight / 2 - arrowSize / 2 :
-                ['start-top-corner', 'start-bottom-corner', 'end-top-corner', 'end-bottom-corner'].includes(data.origPlacement);
-            const isCornerHorizontalPlacement = isAnchorRefElement ?
-                Math.abs(centerOffset) >= anchorRefWidth / 2 - arrowSize / 2 :
-                ['top-start-corner', 'top-end-corner', 'bottom-start-corner', 'bottom-end-corner'].includes(data.origPlacement);
-            const isCenter = centerOffset === 0;
-            const isCenterOffsetPositive = centerOffset > 0;
-            // Set styles of the arrow
-            setElementStyle(arrowCommonStyle, arrowEl);
-            setElementStyle(arrowCommonStyle, arrowInnerEl);
-            // Set sizes of the arrow
-            setArrowSizes(isCornerVerticalPlacement || isCornerHorizontalPlacement);
-            // Corner vs. normal arrow
-            function setArrowSizes(isCornerPlacement) {
-                // Outer arrow (shadow)
-                const arrowFinalSize = isCornerPlacement ? arrowSizeCorner : arrowSize;
-                setArrowStyle({
-                    borderTop: `${getSize(arrowFinalSize)} solid rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-90), 0.1)`,
-                    borderRight: getTransparentBorder(arrowFinalSize),
-                    borderLeft: getTransparentBorder(arrowFinalSize)
-                });
-                // Inner arrow
-                const arrowInnerFinalSize = isCornerPlacement ? arrowInnerSizeCorner : arrowInnerSize;
-                setArrowInnerStyle({
-                    borderTop: `${getSize(arrowInnerFinalSize)} solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color)`,
-                    borderRight: `${getTransparentBorder(arrowInnerFinalSize)}`,
-                    borderLeft: `${getTransparentBorder(arrowInnerFinalSize)}`,
-                });
-            }
-            function setElementStyle(style, element) {
-                //@ts-ignore - regarding types arrowEl.style is not under our control
-                Object.assign(element === null || element === void 0 ? void 0 : element.style, style);
-            }
-            function setArrowStyle(style) {
-                setElementStyle(style, arrowEl);
-            }
-            function setArrowInnerStyle(style) {
-                setElementStyle(style, arrowInnerEl);
-            }
-            function getTurn(eighth) {
-                return `rotate(${(eighth) * 45}deg)`;
-            }
-            function getSize(size) {
-                return `${size}px`;
-            }
-            function getTransparentBorder(size) {
-                return `${getSize(size)} solid transparent`;
-            }
-            const placementArr = data.placement.split('-');
-            const side = placementArr[0];
-            switch (side) {
-                case 'top':
-                    setArrowTop();
-                    break;
-                case 'end':
-                    isRtl ? setArrowStart() : setArrowEnd();
-                    break;
-                case 'bottom':
-                    setArrowBottom();
-                    break;
-                case 'start':
-                    isRtl ? setArrowEnd() : setArrowStart();
-                    break;
-            }
-            function setArrowTop() {
-                if (x != undefined) {
-                    if (isCornerHorizontalPlacement) {
-                        // Top corners
-                        setArrowStyle({
-                            top: '',
-                            bottom: getSize(-arrowSize + 2),
-                            left: getSize(x + (isCenterOffsetPositive ? 5 : -5)),
-                            transform: getTurn(isCenterOffsetPositive ? 5 : 3)
-                        });
-                        setCornerArrowInner();
-                    }
-                    else {
-                        setArrowStyle({
-                            top: '',
-                            bottom: getSize(-arrowSize),
-                            left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),
-                            transform: getTurn(0)
-                        });
-                        setNonCornerArrowInner();
-                    }
-                }
-            }
-            function setArrowEnd() {
-                if (y != undefined) {
-                    if (isCornerVerticalPlacement) {
-                        // End corners
-                        setArrowStyle({
-                            top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),
-                            right: '',
-                            left: getSize(-arrowSize - 1),
-                            transform: getTurn(isCenterOffsetPositive ? 7 : 5)
-                        });
-                        setCornerArrowInner();
-                    }
-                    else {
-                        // End
-                        setArrowStyle({
-                            top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),
-                            right: '',
-                            left: getSize(-arrowSize * 1.5),
-                            transform: getTurn(2)
-                        });
-                        setNonCornerArrowInner();
-                    }
-                }
-            }
-            function setArrowBottom() {
-                if (x != undefined) {
-                    if (isCornerHorizontalPlacement) {
-                        // Bottom corners
-                        setArrowStyle({
-                            top: getSize(-arrowSize + 3),
-                            bottom: '',
-                            left: getSize(x + (isCenterOffsetPositive ? 4 : -4)),
-                            transform: getTurn(isCenterOffsetPositive ? 2 : 6)
-                        });
-                        setArrowInnerStyle({
-                            top: getSize(-arrowInnerSize),
-                            left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 1 : -1))
-                        });
-                    }
-                    else {
-                        setArrowStyle({
-                            top: getSize(-arrowSize),
-                            bottom: '',
-                            left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),
-                            transform: getTurn(4)
-                        });
-                        setNonCornerArrowInner();
-                    }
-                }
-            }
-            function setArrowStart() {
-                if (y != undefined) {
-                    if (isCornerVerticalPlacement) {
-                        // Start corners
-                        setArrowStyle({
-                            top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),
-                            right: getSize(-arrowSize - 1),
-                            left: '',
-                            transform: getTurn(isCenterOffsetPositive ? 1 : 3)
-                        });
-                        setArrowInnerStyle({
-                            top: getSize(-arrowInnerSize),
-                            left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? -2 : 2))
-                        });
-                    }
-                    else {
-                        // Start
-                        setArrowStyle({
-                            top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),
-                            right: getSize(-arrowSize * 1.5),
-                            left: '',
-                            transform: getTurn(6)
-                        });
-                        setNonCornerArrowInner();
-                    }
-                }
-            }
-            function setCornerArrowInner() {
-                setArrowInnerStyle({
-                    top: getSize(-arrowInnerSize),
-                    left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 2 : -2))
-                });
-            }
-            function setNonCornerArrowInner() {
-                setArrowInnerStyle({
-                    top: getSize(-arrowInnerSize - 2),
-                    left: getSize(-arrowInnerSize)
-                });
-            }
-        }
-    }
-
-    function isElement(value) {
-        return value instanceof Element;
-    }
-    /**
-     * A floating component allows the user to create a floating element that is displayed on the the "top layer" of all other elements.
-     *  The Floating component is an advanced component and is used underneath Popup, Tooltip, SelectMultiple, Menu and other components.
-     */
-    const Floating = compat.forwardRef(({ children, onClickOutside, placement = 'bottom', anchorRef, offsetValue, class: className, tail = 'none', flipOptions = { mainAxis: true, crossAxis: false }, shiftOptions = { mainAxis: true, crossAxis: false }, onPosition }, ref) => {
-        const arrowRef = hooks.useRef(null);
-        const [previousAnchor, setPreviousAnchor] = hooks.useState(null);
-        // we need to be sure anchorRef.current exists in first call
-        // to be able to set the previousAnchor state
-        hooks.useLayoutEffect(() => {
-            setPreviousAnchor(anchorRef.current);
-        }, []);
-        // In case anchorRef.current changes and we need to update floating position
-        // when it changes, we need to have copy in the state.
-        // For example when anchorRef is Coords( virtual element)
-        if (anchorRef.current !== previousAnchor) {
-            setPreviousAnchor(anchorRef.current);
-        }
-        const { direction } = hooks_UNSAFE_useUser.useUser();
-        const isRtl = direction === 'rtl';
-        const _onPosition = hooks.useCallback((data) => {
-            renderTail(data, anchorRef, arrowRef, tail, isRtl);
-            onPosition === null || onPosition === void 0 ? void 0 : onPosition(data);
-        }, [placement, anchorRef, arrowRef, tail, onPosition]);
-        const { x, y, reference, floating, refs } = hooks_UNSAFE_useFloating.useFloating({
-            placement: placement,
-            middleware: [
-                hooks_UNSAFE_useFloating.offset(offsetValue),
-                hooks_UNSAFE_useFloating.b({
-                    mainAxis: flipOptions.mainAxis,
-                    crossAxis: flipOptions.crossAxis
-                }),
-                hooks_UNSAFE_useFloating.D({
-                    mainAxis: shiftOptions.mainAxis,
-                    crossAxis: shiftOptions.crossAxis,
-                    limiter: hooks_UNSAFE_useFloating.L({
-                        mainAxis: shiftOptions.mainAxis,
-                        crossAxis: shiftOptions.crossAxis
-                    })
-                }),
-                ...(arrowRef.current
-                    ? [
-                        hooks_UNSAFE_useFloating.m({
-                            element: arrowRef.current
-                        })
-                    ]
-                    : [])
-            ],
-            whileElementsMounted: hooks_UNSAFE_useFloating.N,
-            onPosition: _onPosition
-        });
-        hooks_UNSAFE_useOutsideClick.useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });
-        hooks.useLayoutEffect(() => {
-            if (isElement(previousAnchor)) {
-                const element = previousAnchor;
-                reference(element);
-                return;
-            }
-            const coords = previousAnchor;
-            const virtualEl = {
-                getBoundingClientRect() {
-                    return {
-                        width: 0,
-                        height: 0,
-                        x: coords.x,
-                        y: coords.y,
-                        top: coords.y,
-                        left: coords.x,
-                        right: coords.x,
-                        bottom: coords.y
-                    };
-                }
-            };
-            if (coords && coords.x != null) {
-                reference(virtualEl);
-            }
-        }, [previousAnchor, reference]);
-        const stableRef = hooks.useMemo(() => utils_PRIVATE_refUtils.mergeRefs(ref, floating), [ref, floating]);
-        const content = (jsxRuntime.jsxs("div", Object.assign({ class: className, ref: stableRef, style: {
-                display: 'block',
-                visibility: x == null && y == null ? 'hidden' : 'visible',
-                position: 'absolute',
-                top: y !== null && y !== void 0 ? y : '',
-                left: x !== null && x !== void 0 ? x : ''
-            } }, { children: [children, jsxRuntime.jsx(FloatingTail, { ref: arrowRef })] })));
-        return content;
-    });
-
-    exports.Floating = Floating;
-
-}));
-/*  */
-//# sourceMappingURL=Floating-08ac18d2.js.map

package/amd/FocusTrap-420f2714.js

@@ -1,143 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './utils/UNSAFE_classNames', 'module', './utils/PRIVATE_tabbableUtils', './classNames-027de734'], (function (exports, jsxRuntime, preact, compat, utils_UNSAFE_classNames, linaria, utils_PRIVATE_tabbableUtils, classNames) { 'use strict';
-
-    const styles = {
-      guard: "guard-157p3uo"
-    };
-    /**
-     * Styled FocusTrap sub-component to render non-visible focus guards
-     */
-
-    const FocusGuard = compat.forwardRef(({
-      onFocus
-    }, guardRef) => {
-      return jsxRuntime.jsx("div", {
-        class: styles.guard,
-        onFocus: onFocus,
-        ref: guardRef,
-        tabIndex: 0
-      });
-    });
-
-    /**
-     * Trap focus within a DOM node.  When a user hits Tab or Shift+Tab, focus remains in the focus trap.
-     */
-
-    const FocusTrap = ({
-      autoFocusRef,
-      children,
-      isDisabled = false,
-      restoreFocusRef
-    }) => {
-      const trapRef = compat.useRef(null);
-      const startGuardRef = compat.useRef(null);
-      const endGuardRef = compat.useRef(null);
-      const lastActiveElementRef = compat.useRef(null); // classes to be set on the children wrapper
-
-      const classes = classNames.classNames([childrenStyles]);
-      /**
-       * contain focus if trap is enabled, and target is not already contained
-       *
-       * calling cases for side-effect of setting focus
-       *   - on initial mount of (enabled) trap, where target is not inside trap
-       *   - on enabling of a disabled trap, where target is not inside trap
-       *   - target of click event is outside of trap.
-       */
-
-      const conditionallyContainFocus = compat.useCallback(target => {
-        const trap = trapRef.current; //  short-circuit, if trap or target not valid
-
-        if (isDisabled || !trap || !target) return; // just update ref if, target already has focus
-
-        if (target && hasFocus([trap, startGuardRef.current, endGuardRef.current], target)) {
-          lastActiveElementRef.current = target;
-          return;
-        } // set focus to last active tab-stop if lastElement is defined and inside trap
-
-
-        if (lastActiveElementRef.current) {
-          utils_PRIVATE_tabbableUtils.focusOn(lastActiveElementRef.current);
-        } else {
-          // otherwise just contain focus within trap as target is outside enabled trap and we have no last-known tab-stop
-          utils_PRIVATE_tabbableUtils.focusWithin(trap);
-        }
-      }, [isDisabled]); // loop focus
-
-      const handleStartGuardOnFocus = event => {
-        if (isDisabled || !trapRef.current) return;
-        utils_PRIVATE_tabbableUtils.focusOnEnd(trapRef.current); // prevent scroll jump and bubbling this event up as a focus event
-
-        event.stopPropagation();
-        event.preventDefault();
-      };
-
-      const handleEndGuardOnFocus = event => {
-        if (isDisabled || !trapRef.current) return;
-        utils_PRIVATE_tabbableUtils.focusOnStart(trapRef.current); // prevent scroll jump and bubbling guard event up as a focus event
-
-        event.stopPropagation();
-        event.preventDefault();
-      };
-
-      const handleTrapOnFocus = event => {
-        lastActiveElementRef.current = event.target;
-      }; // handle initial render or re-render as enabled
-
-
-      compat.useEffect(() => {
-        const trap = trapRef.current;
-        if (!trap || isDisabled) return;
-        const originalActiveElement = utils_PRIVATE_tabbableUtils.getActiveElement(trap); // init focus
-
-        if (autoFocusRef && autoFocusRef.current) {
-          utils_PRIVATE_tabbableUtils.focusOn(autoFocusRef.current);
-        } else {
-          conditionallyContainFocus(originalActiveElement);
-        }
-
-        const restoreFocusRefForCleanup = restoreFocusRef;
-        return () => {
-          if (restoreFocusRefForCleanup === false) return;
-          restoreFocusAfterUnmount((restoreFocusRefForCleanup === null || restoreFocusRefForCleanup === void 0 ? void 0 : restoreFocusRefForCleanup.current) || originalActiveElement);
-        };
-      }, [autoFocusRef, conditionallyContainFocus, isDisabled, restoreFocusRef]);
-      return jsxRuntime.jsxs(preact.Fragment, {
-        children: [!isDisabled && jsxRuntime.jsx(FocusGuard, {
-          onFocus: handleStartGuardOnFocus,
-          ref: startGuardRef
-        }), jsxRuntime.jsx("div", Object.assign({
-          onFocus: handleTrapOnFocus,
-          ref: trapRef,
-          class: classes
-        }, {
-          children: children
-        })), !isDisabled && jsxRuntime.jsx(FocusGuard, {
-          onFocus: handleEndGuardOnFocus,
-          ref: endGuardRef
-        })]
-      });
-    }; // setTimeout ensures that unmount lifecycle has completed
-
-    const restoreFocusAfterUnmount = element => {
-      if (element && utils_PRIVATE_tabbableUtils.isTabbableElement(element)) {
-        setTimeout(() => {
-          utils_PRIVATE_tabbableUtils.focusOn(element);
-        }, 0);
-      }
-    }; // is focus already contained?
-
-
-    const hasFocus = (elements, target) => {
-      if (elements.length === 0) return false;
-      const activeElement = target !== null && target !== void 0 ? target : utils_PRIVATE_tabbableUtils.getActiveElement(elements[0]);
-      return elements.some(el => el === activeElement || (el === null || el === void 0 ? void 0 : el.contains(activeElement)));
-    }; // remove margins from children
-
-
-    const childrenStyles = "childrenStyles-kup1l7";
-
-    exports.FocusTrap = FocusTrap;
-
-}));
-/*  */
-//# sourceMappingURL=FocusTrap-420f2714.js.map

package/amd/FormControlUtils-802d298a.js

@@ -1,21 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './utils/UNSAFE_classNames', 'module', './hooks/UNSAFE_useTranslationBundle', './classNames-027de734'], (function (exports, utils_UNSAFE_classNames, linaria, hooks_UNSAFE_useTranslationBundle, classNames) { 'use strict';
-
-    const rootStyles = {
-      base: "base-3jihob",
-      labelInside: "labelInside-uz6o7q"
-    };
-    const getFormControlClasses = hasInsideLabel => {
-      return classNames.classNames([rootStyles.base, hasInsideLabel && rootStyles.labelInside]);
-    };
-    const getLoadingAriaLabel = () => {
-      const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-      return translations.formControl_loading();
-    };
-
-    exports.getFormControlClasses = getFormControlClasses;
-    exports.getLoadingAriaLabel = getLoadingAriaLabel;
-
-}));
-/*  */
-//# sourceMappingURL=FormControlUtils-802d298a.js.map

package/amd/Heading-431829e1.js

@@ -1,72 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', './keys-a09501ab', './utils/UNSAFE_arrayUtils', 'module', './utils/UNSAFE_mergeInterpolations'], (function (exports, tslib_es6, jsxRuntime, keys, utils_UNSAFE_arrayUtils, linaria, utils_UNSAFE_mergeInterpolations) { 'use strict';
-
-    const headingElementTypes = utils_UNSAFE_arrayUtils.stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);
-    const headingsizeMap = {
-      h1: '2xl',
-      h2: 'xl',
-      h3: 'lg',
-      h4: 'md',
-      h5: 'sm',
-      h6: 'xs'
-    };
-    const styles = {
-      base: "base-zbqi3f",
-      size: {
-        xs: "xs-1ah2v2w",
-        sm: "sm-a589sh",
-        md: "md-pq21fc",
-        lg: "lg-15r7gf4",
-        xl: "xl-lcjo4t",
-        '2xl': "_2xl-1r1i0yr",
-        inherit: "inherit-1c7bx4s"
-      },
-      childrenMargins: "childrenMargins-zxmjsz"
-    };
-    const sizeOptions = keys.keys_1(styles.size);
-    const interpolations = [() => ({
-      class: styles.base
-    }), ({
-      size = '2xl'
-    }) => ({
-      class: styles.size[size]
-    })];
-    const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
-    function Heading(_a) {
-      var _b;
-
-      var {
-        children
-      } = _a,
-          props = tslib_es6.__rest(_a, ["children"]);
-
-      const Component = props.as; //@ts-ignore
-
-      props.size = (_b = props.size) !== null && _b !== void 0 ? _b : headingsizeMap[Component];
-
-      const _c = styleInterpolations(props),
-            {
-        class: cls
-      } = _c,
-            style = tslib_es6.__rest(_c, ["class"]);
-
-      return jsxRuntime.jsx(Component, Object.assign({
-        className: cls,
-        style: style,
-        id: props.id
-      }, {
-        children: jsxRuntime.jsx("span", Object.assign({
-          className: styles.childrenMargins
-        }, {
-          children: children
-        }))
-      }));
-    }
-
-    exports.Heading = Heading;
-    exports.headingElementTypes = headingElementTypes;
-    exports.sizeOptions = sizeOptions;
-
-}));
-/*  */
-//# sourceMappingURL=Heading-431829e1.js.map

package/amd/HiddenAccessible-1dadf91a.js

@@ -1,25 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', 'module'], (function (exports, jsxRuntime, linaria) { 'use strict';
-
-    const hiddenAccessibleStyle = "hiddenAccessibleStyle-ezsg09";
-    /**
-     * HiddenAccessible is a helper component that hides its children visually,
-     * but keeps them visible to screen readers.
-     *
-     */
-
-    function HiddenAccessible({
-      children
-    }) {
-      return jsxRuntime.jsx("span", Object.assign({
-        class: hiddenAccessibleStyle
-      }, {
-        children: children
-      }));
-    }
-
-    exports.HiddenAccessible = HiddenAccessible;
-
-}));
-/*  */
-//# sourceMappingURL=HiddenAccessible-1dadf91a.js.map

package/amd/HighlightText-9d200a5d.js

@@ -1,48 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', 'preact', 'module'], (function (exports, jsxRuntime, preact, linaria) { 'use strict';
-
-    const highlightStyles = "highlightStyles-s5fyn7";
-    /**
-     * Renders a text string with highlighting applied to the given text to match.
-     */
-
-    function HighlightText({
-      children = '',
-      matchText = ''
-    }) {
-      return highlighter(children, matchText);
-    }
-    const HIGHLIGHT_TOKEN = '__@@__';
-    const HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;
-
-    function highlighter(unhighlightedText, matchText) {
-      if (matchText.length > 0 && unhighlightedText.length > 0) {
-        const escapedMatchText = escapeRegExp(matchText);
-        const highlightedText = unhighlightedText.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);
-        const tokens = highlightedText.split(HIGHLIGHT_TOKEN);
-        const nodes = tokens.map((current, index) => index % 2 == 0 ? current : jsxRuntime.jsx("span", Object.assign({
-          class: highlightStyles
-        }, {
-          children: current
-        })));
-        return jsxRuntime.jsx(preact.Fragment, {
-          children: nodes
-        });
-      }
-
-      return jsxRuntime.jsx(preact.Fragment, {
-        children: unhighlightedText
-      });
-    }
-
-    function escapeRegExp(str) {
-      // copied from:
-      // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping
-      return str.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
-    }
-
-    exports.HighlightText = HighlightText;
-
-}));
-/*  */
-//# sourceMappingURL=HighlightText-9d200a5d.js.map