@oracle/oraclejet-preact 14.0.7 → 14.0.9

package/amd/MessageToast-e0f94cbe.js

@@ -1,307 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', 'module', 'preact/hooks', './UNSAFE_Environment', './hooks/PRIVATE_useMessagesFocusManager', './hooks/UNSAFE_useBreakpointValues', './hooks/UNSAFE_useTranslationBundle', './PRIVATE_Message', './PRIVATE_MessageLayer', './UNSAFE_Flex', './UNSAFE_FocusTrap', './UNSAFE_LiveRegion', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './classNames-027de734', './MessageLayer-6da93adb', './FocusTrap-420f2714', './Flex-7762d39c', './MessagesManager-da52103a', './MessageUtils-0bf10cfa'], (function (exports, jsxRuntime, linaria, hooks, UNSAFE_Environment, hooks_PRIVATE_useMessagesFocusManager, hooks_UNSAFE_useBreakpointValues, hooks_UNSAFE_useTranslationBundle, PRIVATE_Message, PRIVATE_MessageLayer, UNSAFE_Flex, UNSAFE_FocusTrap, UNSAFE_LiveRegion, utils_UNSAFE_arrayUtils, utils_UNSAFE_classNames, classNames, MessageLayer, FocusTrap, Flex, MessagesManager, MessageUtils) { 'use strict';
-
-    // https://jira.oraclecorp.com/jira/browse/JET-54212
-
-    const positions = utils_UNSAFE_arrayUtils.stringLiteralArray(['top', 'top-left', 'top-right', 'top-start', 'top-end', 'bottom', 'bottom-left', 'bottom-right', 'bottom-start', 'bottom-end']);
-    const messageToastStyles = {
-      base: "base-nfvh2s"
-    };
-    /**
-     * Animation states for toast messages
-     * TODO: Get this from theme context provider
-     */
-
-    const animationStates = {
-      entering: node => ({
-        from: {
-          transform: `translate(0, ${node.offsetHeight}px)`,
-          opacity: 1
-        },
-        to: {
-          transform: 'translate(0, 0)',
-          opacity: 1
-        },
-        end: {
-          transform: 'unset',
-          opacity: 1
-        },
-        options: {
-          duration: 250
-        }
-      }),
-      exiting: {
-        from: {
-          opacity: 1
-        },
-        to: {
-          opacity: 0
-        },
-        end: {
-          opacity: 0
-        },
-        options: {
-          duration: 250
-        }
-      }
-    };
-    const initialAnimationStyles = {
-      opacity: 0
-    };
-    function MessageToast({
-      data,
-      detailRendererKey,
-      iconRendererKey,
-      renderers,
-      onClose,
-      offset,
-      position
-    }) {
-      var _a, _b, _c, _d;
-
-      const messagesRef = hooks.useRef(new Map());
-      const autoFocusRef = hooks.useRef(null);
-      const containerDivRef = hooks.useRef(null);
-      const focusHandleRef = hooks.useRef(null);
-      const [liveRegionText, setLiveRegionText] = hooks.useState();
-      const [shouldRender, setShouldRender] = hooks.useState(data.length > 0);
-      const [shouldTrapFocus, setShouldTrapFocus] = hooks.useState(false);
-      const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact'); // We need a ref that holds the current & previous data length, as the exiting
-      // node will always call handleNextFocus with previous data.
-      // As in TransitionGroup, when an item is removed from the data, a new vnode
-      // will not be created instead previous vnode will be used. So, the new handleNextFocus
-      // will not be called when the old vnode exits. Thus, we will be using a ref
-      // to always get the correct current data length.
-
-      const dataLengthRef = hooks.useRef(data.length);
-      const prevDataLengthRef = hooks.useRef(0); // Update the data length ref
-
-      dataLengthRef.current = data.length; // Update the focusHandleRef
-
-      hooks.useImperativeHandle(focusHandleRef, () => ({
-        focus: () => {
-          var _a; // Only trigger focus if the component is rendering messages
-
-
-          if (data.length) {
-            // set the autoFocus ref to the first message and enable the focus trap
-            // this will automatically focus the first message
-            autoFocusRef.current = (_a = messagesRef.current.get(data[0].key)) !== null && _a !== void 0 ? _a : null;
-            setShouldTrapFocus(true);
-            return true;
-          }
-
-          return false;
-        },
-        contains: element => {
-          var _a, _b; // Only invoke method if the component is rendering messages
-
-
-          if (data.length && element) {
-            return (_b = (_a = containerDivRef.current) === null || _a === void 0 ? void 0 : _a.contains(element)) !== null && _b !== void 0 ? _b : false;
-          }
-
-          return false;
-        }
-      }), [data]); // Register handlers for focus management
-
-      const {
-        controller,
-        handlers
-      } = hooks_PRIVATE_useMessagesFocusManager.useMessageFocusManager(focusHandleRef, {
-        onFocus: hooks.useCallback(() => {
-          setLiveRegionText(translations.message_navigationFromMessagesRegion());
-        }, [translations]),
-        onFocusLeave: hooks.useCallback(() => {
-          // disable trap which should revert the focus back to the last focused item
-          setShouldTrapFocus(false);
-        }, [])
-      }, {
-        // we do not want the focus manager to handle Esc key as we handle it using the
-        // FocusTrap here
-        handleEscapeKey: false
-      });
-      /**
-       * Handles focus when a message is closed and animated away from the DOM
-       * @param key The key of the message
-       * @param index The index of the message
-       */
-
-      const handleNextFocus = hooks.useCallback((_key, index, closedMessageNode) => {
-        var _a;
-
-        const isClosedMessageFocused = closedMessageNode === null || closedMessageNode === void 0 ? void 0 : closedMessageNode.contains(document.activeElement); // If there are no messages, do not render anything. As the old messages
-        // are still in the DOM, use the data count to determine what to do next as it
-        // represents the next state.
-
-        if (dataLengthRef.current === 0) {
-          setShouldRender(false);
-          setShouldTrapFocus(false); // If the current message holds focus, then restore previous focus
-
-          if (isClosedMessageFocused) {
-            // As we have FocusTrap, trying to restore focus now will simply result in focus being pulled
-            // back again. So, we restore the focus in the next tick so that the rendering will have been
-            // done in the microtask.
-            setImmediate(() => controller.restorePriorFocus());
-          }
-
-          return;
-        } // In TransitionGroup, when an item is removed from the data, a new vnode
-        // will not be created instead previous vnode will be used. So, the new handleNextFocus
-        // will not be called when the old vnode exits. Thus, all the deps will not be pointing to
-        // the current references, rather they will be pointing to the ones where this vnode
-        // last existed in the data.
-        // This means, the data will contain the closing message as well. But, all the ref objects
-        // still point to the most up-to-date values. With that in mind, we will be evaluating the
-        // following values.
-
-
-        const renderedMessagesCount = data.length; // Now that this message is closed, focus the next message that will take this index. If no
-        // message will take this message's index, then it means that this is the last message. If
-        // that is the case, focus the message at the previous index.
-        // Use the count of the messages that are currently shown in the UI (current state including
-        // the message that will be removed). This way we can get the correct item from the data
-        // as it will contain the closing message as well.
-
-        const nextMessageIndexToFocus = index + 1 < renderedMessagesCount ? index + 1 : index - 1; // if next message is available then transfer the focus to the next element
-
-        if (nextMessageIndexToFocus > -1 && isClosedMessageFocused) {
-          const nextMessageKey = data[nextMessageIndexToFocus].key;
-          (_a = messagesRef.current.get(nextMessageKey)) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-      }, [controller, data]); // We will be using a function based ref to store the refs in the Map
-
-      const setHTMLDivElement = hooks.useCallback( // TODO: use ramda.curry here (currently it is throwing ts error when used with generics)
-      key => {
-        return ref => messagesRef.current.set(key, ref);
-      }, []); // Prioritize this component whenever the data changes and
-      // the new data has at least one message
-
-      hooks.useEffect(() => {
-        const previousDataLength = prevDataLengthRef.current;
-        prevDataLengthRef.current = data.length; // if there are messages that need to be rendered now, then do the following deeds:
-        // 1. set the shouldRender flag
-        // 2. set the live region
-        // 3. prioritize this message component to be the latest
-
-        if (data.length) {
-          // set state to render content whenever the data is not empty
-          setShouldRender(true);
-
-          if (data.length > previousDataLength) {
-            // Only when having a new message, update the aria-live area with the
-            // text to indicate how to get the focus to the new message.
-            setLiveRegionText(translations.message_navigationToMessagesRegion());
-          }
-
-          controller.prioritize();
-          return;
-        } // if there were messages and now removed, then set the live region to
-        // announce this information
-
-
-        if (previousDataLength) {
-          setLiveRegionText(translations.messageToast_allMessagesClosed());
-          return;
-        } // When there are no messages, clear the live region so that
-        // the navigation text will be read when a new message appear
-
-
-        setLiveRegionText('');
-      }, [controller, data.length, translations]); // determine responsive max-width
-
-      const maxWidth = hooks_UNSAFE_useBreakpointValues.useBreakpointValues({
-        sm: '--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-sm',
-        md: '--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-md',
-        lg: '--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-lg'
-      }); // without offset, the messages will be hugging the vertical edges of the screen
-      // so we will set a default offset.vertical value (any offset from the props will be
-      // added to this).
-
-      const paddedOffset = hooks_UNSAFE_useBreakpointValues.useBreakpointValues({
-        sm: {
-          horizontal: typeof offset === 'number' ? offset : (_a = offset === null || offset === void 0 ? void 0 : offset.horizontal) !== null && _a !== void 0 ? _a : 0,
-          vertical: 16 + (typeof offset === 'number' ? offset : (_b = offset === null || offset === void 0 ? void 0 : offset.horizontal) !== null && _b !== void 0 ? _b : 0)
-        },
-        lg: {
-          horizontal: typeof offset === 'number' ? offset : (_c = offset === null || offset === void 0 ? void 0 : offset.horizontal) !== null && _c !== void 0 ? _c : 0,
-          vertical: 24 + (typeof offset === 'number' ? offset : (_d = offset === null || offset === void 0 ? void 0 : offset.horizontal) !== null && _d !== void 0 ? _d : 0)
-        }
-      }); // TODO: move this to the individual components.
-      // Cannot do this as of now, as doing do results in oj-message-banner not working.
-
-      const messageTranslations = hooks.useMemo(() => ({
-        close: translations.close(),
-        confirmation: translations.confirmation(),
-        error: translations.error(),
-        info: translations.info(),
-        warning: translations.warn()
-      }), [translations]);
-      const rootClasses = classNames.classNames([messageToastStyles.base, // by default the toast messages are dark, so add the required classes
-      'oj-c-colorscheme-dark', 'oj-color-invert']); // When both shouldRender flag is false and no data to render, do not render
-      // anything except the live region
-
-      if (!shouldRender && data.length === 0) {
-        return jsxRuntime.jsx(UNSAFE_LiveRegion.LiveRegion, {
-          children: liveRegionText
-        });
-      }
-
-      return jsxRuntime.jsxs(UNSAFE_Environment.EnvironmentProvider, Object.assign({
-        environment: {
-          colorScheme: 'dark'
-        }
-      }, {
-        children: [jsxRuntime.jsx(MessageLayer.MessageLayer, Object.assign({
-          offset: paddedOffset,
-          position: position
-        }, {
-          children: jsxRuntime.jsx("div", Object.assign({
-            class: rootClasses,
-            ref: containerDivRef,
-            tabIndex: -1
-          }, handlers, {
-            children: jsxRuntime.jsx(FocusTrap.FocusTrap, Object.assign({
-              autoFocusRef: autoFocusRef,
-              isDisabled: !shouldTrapFocus
-            }, {
-              children: jsxRuntime.jsx(Flex.Flex, Object.assign({
-                direction: "column",
-                gap: "1x",
-                align: "center",
-                maxWidth: maxWidth
-              }, {
-                children: jsxRuntime.jsx(MessagesManager.MessagesManager, Object.assign({
-                  animationStates: animationStates,
-                  initialAnimationStyles: initialAnimationStyles,
-                  data: data,
-                  onMessageWillRemove: handleNextFocus
-                }, {
-                  children: ({
-                    index,
-                    item
-                  }) => jsxRuntime.jsx(PRIVATE_Message.Message, {
-                    messageRef: setHTMLDivElement(item.key),
-                    item: item,
-                    detailRenderer: MessageUtils.getRendererWithoutIndex(item, detailRendererKey, renderers),
-                    iconRenderer: MessageUtils.getRendererWithoutIndex(item, iconRendererKey, renderers),
-                    index: index,
-                    onClose: onClose,
-                    translations: messageTranslations,
-                    variant: "toast"
-                  }, item.key)
-                }))
-              }))
-            }))
-          }))
-        })), jsxRuntime.jsx(UNSAFE_LiveRegion.LiveRegion, {
-          children: liveRegionText
-        })]
-      }));
-    }
-
-    exports.MessageToast = MessageToast;
-
-}));
-/*  */
-//# sourceMappingURL=MessageToast-e0f94cbe.js.map

package/amd/MessageUtils-0bf10cfa.js

@@ -1,137 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './utils/UNSAFE_logger', './utils/UNSAFE_soundUtils', './MessageFormattingUtils-0ffdac02'], (function (exports, utils_UNSAFE_logger, utils_UNSAFE_soundUtils, MessageFormattingUtils) { 'use strict';
-
-    /**
-     * Logger that prepends the component name to the message
-     */
-    const MessageLogger = {
-        error: (message, type = 'common') => utils_UNSAFE_logger.Logger.error(`JET Message(${type}): ${message}`),
-        warn: (message, type = 'common') => utils_UNSAFE_logger.Logger.warn(`JET Message(${type}): ${message}`),
-        info: (message, type = 'common') => utils_UNSAFE_logger.Logger.info(`JET Message(${type}): ${message}`),
-        log: (message, type = 'common') => utils_UNSAFE_logger.Logger.log(`JET Message(${type}): ${message}`)
-    };
-    /**
-     * Plays a sound based on the provided argument. Supported keywords:
-     * 1. default - plays the default beep sound
-     * 2. none - no sound will be played
-     *
-     * @param sound Supported keywords or URL to an audio file
-     */
-    async function playSound(sound) {
-        if (sound === 'none') {
-            // no need to play any audio
-            return;
-        }
-        // For default, we play a beep sound using WebAudio API
-        if (sound === 'default') {
-            try {
-                utils_UNSAFE_soundUtils.playDefaultNotificationSound();
-            }
-            catch (error) {
-                // Default sound is not played due to some error
-                // Log a message and return doing nothing else
-                MessageLogger.warn(`Failed to play the default sound. ${error}.`);
-            }
-            return;
-        }
-        // If it is not a key word, then it is an URL
-        try {
-            await utils_UNSAFE_soundUtils.playAudioFromURL(sound);
-        }
-        catch (error) {
-            // Playing audio using the URL failed.
-            MessageLogger.warn(`Failed to play the audio from the url ${sound}. ${error}.`);
-        }
-    }
-    /**
-     * A helper function that throws an error
-     *
-     * @param message The error message
-     * @param type The type of the message that is throwing an error
-     * @throws {Error}
-     */
-    function throwError(message, type = 'common') {
-        throw new Error(`JET Message(${type}) - ${message}`);
-    }
-    /**
-     * Fetches a renderer for the current message if one is provided
-     *
-     * @param message The item context for the current message
-     * @param rendererIdentifier Identifier of the current renderer
-     * @param renderers All available renderers
-     * @returns The renderer for rendering the custom content
-     */
-    function getRenderer(message, rendererIdentifier, renderers, type) {
-        // If either detailRenderer function or record of renderers are not available,
-        // return null
-        if (!rendererIdentifier || !renderers) {
-            return undefined;
-        }
-        const rendererKey = typeof rendererIdentifier === 'function' ? rendererIdentifier(message) : rendererIdentifier;
-        // If rendererKey is null or undefined, then we need to use default rendering
-        // so return null
-        if (rendererKey == null) {
-            return undefined;
-        }
-        // If the returned render key is a string but does not exist in the provided
-        // record of renderers, throw an error
-        if (!(rendererKey in renderers)) {
-            throwError(`${rendererKey} is not a valid template name for the message with key=${message.key}`, type);
-        }
-        // Else, fetch and return the renderer
-        return renderers[rendererKey];
-    }
-    /**
-     * Fetches a renderer for the current message if one is provided.
-     * Proxies the said renderer to exclude the index in the payload.
-     *
-     * @param message The item context for the current message
-     * @param rendererIdentifier Identifier of the current renderer
-     * @param renderers All available renderers
-     * @returns The renderer for rendering the custom content
-     */
-    function getRendererWithoutIndex(message, rendererIdentifier, renderers, type) {
-        const renderer = getRenderer(message, rendererIdentifier, renderers, type);
-        if (typeof renderer === 'function') {
-            return (data) => {
-                const dataCopy = Object.assign({}, data);
-                if ('index' in dataCopy) {
-                    delete dataCopy['index'];
-                }
-                return renderer.call(null, dataCopy);
-            };
-        }
-        return renderer;
-    }
-    /**
-     * Generates a root style class based on the severity. For invalid severity and severity=none
-     * no specific style class exists.
-     *
-     * @param severity The message severity
-     * @returns calculated style class based on the severity
-     */
-    function severityBasedStyleClass(severity, variant) {
-        const isValidSeverity = MessageFormattingUtils.isValidValueForProp(severity, 'severity');
-        return isValidSeverity && severity !== 'none' ? `oj-c-message${variant}-${severity}` : '';
-    }
-    /**
-     * Determines if a severity icon is needed based on the component severity
-     *
-     * @param severity The component severity
-     * @returns Whether or not to render the severity icon
-     */
-    function isSeverityIconNeeded(severity) {
-        const isValidSeverity = MessageFormattingUtils.isValidValueForProp(severity, 'severity');
-        return isValidSeverity && severity !== 'none';
-    }
-
-    exports.getRenderer = getRenderer;
-    exports.getRendererWithoutIndex = getRendererWithoutIndex;
-    exports.isSeverityIconNeeded = isSeverityIconNeeded;
-    exports.playSound = playSound;
-    exports.severityBasedStyleClass = severityBasedStyleClass;
-    exports.throwError = throwError;
-
-}));
-/*  */
-//# sourceMappingURL=MessageUtils-0bf10cfa.js.map

package/amd/MessagesManager-da52103a.js

@@ -1,110 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './PRIVATE_TransitionGroup', './tslib.es6-71b1ba5b', './hooks/UNSAFE_useAnimation', './hooks/UNSAFE_useMessagesContext', './useAnimation-2f572e0c'], (function (exports, jsxRuntime, preact, hooks, PRIVATE_TransitionGroup, tslib_es6, hooks_UNSAFE_useAnimation, hooks_UNSAFE_useMessagesContext, useAnimation) { 'use strict';
-
-    const DEFAULT_ANIMATION_STATES = {};
-    /**
-     * A intermediary component that handles animation for the messages component.
-     *
-     * The expected flow is as follows:
-     * 1. message removed from the data
-     * 2. onExiting called and a callback is passed which needs to be called to complete the transition
-     * 3. state set to "exiting" in this component
-     * 4. triggers useAnimation to perform the exit animation
-     * 5. onAnimationEnd is called after the animation, which invokes the callback provided earlier
-     * 6. onExited is called (done when the callback mentioned above is called)
-     * 7. message is removed from the UI
-     *
-     * @param param0 Props of the message component
-     */
-    function MessageTransition(_a) {
-        var { animationStates = DEFAULT_ANIMATION_STATES, initialAnimationStyles, onEntering, onExiting } = _a, transitionProps = tslib_es6.__rest(_a, ["animationStates", "initialAnimationStyles", "onEntering", "onExiting"]);
-        const [state, setState] = hooks.useState('entering');
-        const animationCallbackRef = hooks.useRef();
-        const busyStateResolveRef = hooks.useRef();
-        const { controller, nodeRef } = useAnimation.useAnimation(state, {
-            animationStates,
-            isAnimatedOnMount: true,
-            onAnimationEnd: hooks.useCallback(() => {
-                var _a, _b;
-                // resolve animation callbacks & busyStates
-                (_a = animationCallbackRef.current) === null || _a === void 0 ? void 0 : _a.call(animationCallbackRef);
-                animationCallbackRef.current = undefined;
-                (_b = busyStateResolveRef.current) === null || _b === void 0 ? void 0 : _b.call(busyStateResolveRef);
-                busyStateResolveRef.current = undefined;
-            }, [])
-        });
-        const { addBusyState } = hooks_UNSAFE_useMessagesContext.useMessagesContext();
-        const onEnteringCallback = hooks.useCallback((node, callback, metadata) => {
-            var _a;
-            // cancel any existing animation
-            if (animationCallbackRef.current) {
-                animationCallbackRef.current = undefined;
-                controller.cancel();
-            }
-            // resolve any existing busyState
-            (_a = busyStateResolveRef.current) === null || _a === void 0 ? void 0 : _a.call(busyStateResolveRef);
-            busyStateResolveRef.current = undefined;
-            onEntering === null || onEntering === void 0 ? void 0 : onEntering(node, undefined, metadata);
-            // start the animation and set the callback & busyState
-            setState('entering');
-            // if there is no animation configured, resolve immediately
-            if (animationStates['entering'] === undefined &&
-                animationStates['exiting => entering'] === undefined) {
-                callback === null || callback === void 0 ? void 0 : callback();
-                return;
-            }
-            animationCallbackRef.current = callback;
-            busyStateResolveRef.current = addBusyState === null || addBusyState === void 0 ? void 0 : addBusyState('messages animating');
-        }, [animationStates, controller, addBusyState, onEntering]);
-        const onExitingCallback = hooks.useCallback((node, callback, metadata) => {
-            var _a;
-            // cancel any existing animation
-            if (animationCallbackRef.current) {
-                animationCallbackRef.current = undefined;
-                controller.cancel();
-            }
-            // resolve any existing busyState
-            (_a = busyStateResolveRef.current) === null || _a === void 0 ? void 0 : _a.call(busyStateResolveRef);
-            busyStateResolveRef.current = undefined;
-            onExiting === null || onExiting === void 0 ? void 0 : onExiting(node, undefined, metadata);
-            // start the animation and set the callback & busyState
-            setState('exiting');
-            // if there is no animation configured, resolve immediately
-            if (animationStates['exiting'] === undefined &&
-                animationStates['entering => exiting'] === undefined) {
-                callback === null || callback === void 0 ? void 0 : callback();
-                return;
-            }
-            animationCallbackRef.current = callback;
-            busyStateResolveRef.current = addBusyState === null || addBusyState === void 0 ? void 0 : addBusyState('messages animating');
-        }, [animationStates, controller, addBusyState, onExiting]);
-        // if animation is interrupted, the busyState may be left hanging. So clear that on unmount
-        // Note: When using a class-based component inside a functional component, the timings of
-        // componentDidMount and useEffect might differ. So, in order to guarantee the registration
-        // of the cleanup function, use useLayoutEffect instead of useEffect. This way we can make sure
-        // the cleanup registers at all times.
-        hooks.useLayoutEffect(() => () => { var _a; return (_a = busyStateResolveRef.current) === null || _a === void 0 ? void 0 : _a.call(busyStateResolveRef); }, []);
-        return (jsxRuntime.jsx("div", Object.assign({ ref: nodeRef, style: initialAnimationStyles }, { children: jsxRuntime.jsx(PRIVATE_TransitionGroup.Transition, Object.assign({}, transitionProps, { onEntering: onEnteringCallback, onExiting: onExitingCallback })) })));
-    }
-
-    /**
-     * The component that renders individual messages for the provided data.
-     */
-    function MessagesManager({ data, animationStates, children, initialAnimationStyles, onMessageWillRemove }) {
-        /**
-         * Handles when a message has finished to exit.
-         *
-         * @param node The corresponding message element
-         * @param callback A callback function to be called after the animation is complete
-         */
-        const handleExited = hooks.useCallback(async (node, metadata) => {
-            metadata && (onMessageWillRemove === null || onMessageWillRemove === void 0 ? void 0 : onMessageWillRemove(metadata.key, metadata.index, node));
-        }, [onMessageWillRemove]);
-        return (jsxRuntime.jsx(PRIVATE_TransitionGroup.TransitionGroup, Object.assign({ elementType: preact.Fragment }, { children: data.map((item, index) => (jsxRuntime.jsx(MessageTransition, Object.assign({ animationStates: animationStates, initialAnimationStyles: initialAnimationStyles, metadata: { index, key: item.key }, onExited: handleExited }, { children: children === null || children === void 0 ? void 0 : children({ index, item }) }), item.key))) })));
-    }
-
-    exports.MessagesManager = MessagesManager;
-
-}));
-/*  */
-//# sourceMappingURL=MessagesManager-da52103a.js.map