@oracle/oraclejet-preact 14.0.6 → 14.0.7

package/amd/MessagesManager-da52103a.js

@@ -0,0 +1,110 @@
+/* @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

package/amd/{MessagesManager-4b874934.js.map → MessagesManager-da52103a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MessagesManager-4b874934.js","sources":["../../src/PRIVATE_Message/MessageTransition.tsx","../../src/PRIVATE_Message/MessagesManager.tsx"],"sourcesContent":["import { JSX, RenderableProps } from 'preact';\nimport { useCallback, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { useMessagesContext } from '../hooks/UNSAFE_useMessagesContext';\nimport { Transition, TransitionProps } from '../PRIVATE_TransitionGroup';\n\ntype State = 'entering' | 'exiting';\ntype AnimationStates = UseAnimationConfig<State, HTMLDivElement>['animationStates'];\ntype AnimationCallback = UseAnimationConfig<State, HTMLDivElement>['onAnimationEnd'];\ntype Props = RenderableProps<TransitionProps> & {\n  animationStates?: AnimationStates;\n  initialAnimationStyles?: JSX.HTMLAttributes<HTMLDivElement>['style'];\n};\n\nconst DEFAULT_ANIMATION_STATES = {};\n\n/**\n * A intermediary component that handles animation for the messages component.\n *\n * The expected flow is as follows:\n * 1. message removed from the data\n * 2. onExiting called and a callback is passed which needs to be called to complete the transition\n * 3. state set to \"exiting\" in this component\n * 4. triggers useAnimation to perform the exit animation\n * 5. onAnimationEnd is called after the animation, which invokes the callback provided earlier\n * 6. onExited is called (done when the callback mentioned above is called)\n * 7. message is removed from the UI\n *\n * @param param0 Props of the message component\n */\nexport function MessageTransition({\n  animationStates = DEFAULT_ANIMATION_STATES,\n  initialAnimationStyles,\n  onEntering,\n  onExiting,\n  ...transitionProps\n}: Props) {\n  const [state, setState] = useState<State>('entering');\n  const animationCallbackRef = useRef<() => void>();\n  const busyStateResolveRef = useRef<() => void>();\n  const { controller, nodeRef } = useAnimation(state, {\n    animationStates,\n    isAnimatedOnMount: true,\n    onAnimationEnd: useCallback<NonNullable<AnimationCallback>>(() => {\n      // resolve animation callbacks & busyStates\n      animationCallbackRef.current?.();\n      animationCallbackRef.current = undefined;\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n    }, [])\n  });\n  const { addBusyState } = useMessagesContext();\n\n  const onEnteringCallback = useCallback<NonNullable<TransitionProps['onEntering']>>(\n    (node, callback, metadata) => {\n      // cancel any existing animation\n      if (animationCallbackRef.current) {\n        animationCallbackRef.current = undefined;\n        controller.cancel();\n      }\n\n      // resolve any existing busyState\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n\n      onEntering?.(node, undefined, metadata);\n      // start the animation and set the callback & busyState\n      setState('entering');\n\n      // if there is no animation configured, resolve immediately\n      if (\n        animationStates['entering'] === undefined &&\n        animationStates['exiting => entering'] === undefined\n      ) {\n        callback?.();\n        return;\n      }\n      animationCallbackRef.current = callback;\n      busyStateResolveRef.current = addBusyState?.('messages animating');\n    },\n    [animationStates, controller, addBusyState, onEntering]\n  );\n\n  const onExitingCallback = useCallback<NonNullable<TransitionProps['onExiting']>>(\n    (node, callback, metadata) => {\n      // cancel any existing animation\n      if (animationCallbackRef.current) {\n        animationCallbackRef.current = undefined;\n        controller.cancel();\n      }\n\n      // resolve any existing busyState\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n\n      onExiting?.(node, undefined, metadata);\n      // start the animation and set the callback & busyState\n      setState('exiting');\n\n      // if there is no animation configured, resolve immediately\n      if (\n        animationStates['exiting'] === undefined &&\n        animationStates['entering => exiting'] === undefined\n      ) {\n        callback?.();\n        return;\n      }\n      animationCallbackRef.current = callback;\n      busyStateResolveRef.current = addBusyState?.('messages animating');\n    },\n    [animationStates, controller, addBusyState, onExiting]\n  );\n\n  // if animation is interrupted, the busyState may be left hanging. So clear that on unmount\n  // Note: When using a class-based component inside a functional component, the timings of\n  // componentDidMount and useEffect might differ. So, in order to guarantee the registration\n  // of the cleanup function, use useLayoutEffect instead of useEffect. This way we can make sure\n  // the cleanup registers at all times.\n  useLayoutEffect(() => () => busyStateResolveRef.current?.(), []);\n\n  return (\n    <div ref={nodeRef} style={initialAnimationStyles}>\n      <Transition\n        {...transitionProps}\n        onEntering={onEnteringCallback}\n        onExiting={onExitingCallback}\n      />\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, ComponentProps, Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { TransitionGroup } from '../PRIVATE_TransitionGroup';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageTransition } from './MessageTransition';\n\n/**\n * Metadata passed on to the Transition component\n */\ntype TransitionMetadata<K> = {\n  index: number;\n  key: K;\n};\n\n/**\n * Type of the render context passed on to render individual message\n */\ntype MessageRenderContext<Key, Data> = {\n  /**\n   * The index of the current message\n   */\n  index: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n};\n\ntype PickedPropsFromMessageTransition = Pick<\n  ComponentProps<typeof MessageTransition>,\n  'animationStates' | 'initialAnimationStyles'\n>;\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = PickedPropsFromMessageTransition & {\n  /**\n   * A render function that renders individual child.\n   */\n  children?: (context: MessageRenderContext<Key, Data>) => ComponentChild;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * A callback function that gets called before a message is removed\n   */\n  onMessageWillRemove?: (key: Key, index: number, node?: Element) => void;\n};\n\n/**\n * The component that renders individual messages for the provided data.\n */\nexport function MessagesManager<K extends string | number = string | number, D = any>({\n  data,\n  animationStates,\n  children,\n  initialAnimationStyles,\n  onMessageWillRemove\n}: Props<K, D>) {\n  /**\n   * Handles when a message has finished to exit.\n   *\n   * @param node The corresponding message element\n   * @param callback A callback function to be called after the animation is complete\n   */\n  const handleExited = useCallback(\n    async (node?: Element, metadata?: TransitionMetadata<K>) => {\n      metadata && onMessageWillRemove?.(metadata.key, metadata.index, node);\n    },\n    [onMessageWillRemove]\n  );\n\n  return (\n    <TransitionGroup elementType={Fragment}>\n      {data.map((item, index) => (\n        <MessageTransition\n          animationStates={animationStates}\n          initialAnimationStyles={initialAnimationStyles}\n          key={item.key}\n          metadata={{ index, key: item.key }}\n          onExited={handleExited}>\n          {children?.({ index, item })}\n        </MessageTransition>\n      ))}\n    </TransitionGroup>\n  );\n}\n"],"names":["DEFAULT_ANIMATION_STATES","MessageTransition","_a","animationStates","initialAnimationStyles","onEntering","onExiting","transitionProps","__rest","state","setState","useState","animationCallbackRef","useRef","busyStateResolveRef","controller","nodeRef","useAnimation","isAnimatedOnMount","onAnimationEnd","useCallback","current","call","undefined","_b","addBusyState","useMessagesContext","onEnteringCallback","node","callback","metadata","cancel","onExitingCallback","useLayoutEffect","_jsx","Object","assign","ref","style","children","jsx","Transition","data","onMessageWillRemove","handleExited","async","key","index","TransitionGroup","elementType","Fragment","map","item","onExited"],"mappings":"wPAcA,MAAMA,EAA2B,GAgB3B,SAAUC,EAAkBC,GAAA,IAAAC,gBAChCA,EAAkBH,EAAwBI,uBAC1CA,EAAsBC,WACtBA,EAAUC,UACVA,GAEMJ,EADHK,EAAeC,EAAAA,OAAAN,EALc,uEAOhC,MAAOO,EAAOC,GAAYC,EAAQA,SAAQ,YACpCC,EAAuBC,EAAAA,SACvBC,EAAsBD,EAAAA,UACtBE,WAAEA,EAAUC,QAAEA,GAAYC,EAAAA,aAAaR,EAAO,CAClDN,gBAAAA,EACAe,mBAAmB,EACnBC,eAAgBC,EAAWA,YAAiC,aAE9B,QAA5BlB,EAAAU,EAAqBS,eAAO,IAAAnB,GAAAA,EAAAoB,KAAAV,GAC5BA,EAAqBS,aAAUE,EACJ,QAA3BC,EAAAV,EAAoBO,eAAO,IAAAG,GAAAA,EAAAF,KAAAR,GAC3BA,EAAoBO,aAAUE,GAC7B,OAECE,aAAEA,GAAiBC,EAAAA,qBAEnBC,EAAqBP,EAAWA,YACpC,CAACQ,EAAMC,EAAUC,WAEXlB,EAAqBS,UACvBT,EAAqBS,aAAUE,EAC/BR,EAAWgB,UAIc,QAA3B7B,EAAAY,EAAoBO,eAAO,IAAAnB,GAAAA,EAAAoB,KAAAR,GAC3BA,EAAoBO,aAAUE,EAE9BlB,MAAAA,GAAAA,EAAauB,OAAML,EAAWO,GAE9BpB,EAAS,iBAIyBa,IAAhCpB,EAA0B,eACiBoB,IAA3CpB,EAAgB,wBAKlBS,EAAqBS,QAAUQ,EAC/Bf,EAAoBO,QAAUI,MAAAA,OAAY,EAAZA,EAAe,uBAJ3CI,MAAAA,GAAAA,KAMJ,CAAC1B,EAAiBY,EAAYU,EAAcpB,IAGxC2B,EAAoBZ,EAAWA,YACnC,CAACQ,EAAMC,EAAUC,WAEXlB,EAAqBS,UACvBT,EAAqBS,aAAUE,EAC/BR,EAAWgB,UAIc,QAA3B7B,EAAAY,EAAoBO,eAAO,IAAAnB,GAAAA,EAAAoB,KAAAR,GAC3BA,EAAoBO,aAAUE,EAE9BjB,MAAAA,GAAAA,EAAYsB,OAAML,EAAWO,GAE7BpB,EAAS,gBAIwBa,IAA/BpB,EAAyB,cACkBoB,IAA3CpB,EAAgB,wBAKlBS,EAAqBS,QAAUQ,EAC/Bf,EAAoBO,QAAUI,MAAAA,OAAY,EAAZA,EAAe,uBAJ3CI,MAAAA,GAAAA,KAMJ,CAAC1B,EAAiBY,EAAYU,EAAcnB,IAU9C,OAFA2B,kBAAgB,IAAM,WAAM,OAA+B,QAA/B/B,EAAAY,EAAoBO,eAAW,IAAAnB,OAAA,EAAAA,EAAAoB,KAAAR,IAAE,IAG3DoB,MAAK,MAAAC,OAAAC,OAAA,CAAAC,IAAKrB,EAASsB,MAAOlC,GAAsB,CAAAmC,SAC9CL,EAACM,IAAAC,8BACKlC,EAAe,CACnBF,WAAYsB,EACZrB,UAAW0B,0BC7DH,UAAsEU,KACpFA,EAAIvC,gBACJA,EAAeoC,SACfA,EAAQnC,uBACRA,EAAsBuC,oBACtBA,IAQA,MAAMC,EAAexB,EAAAA,YACnByB,MAAOjB,EAAgBE,KACrBA,IAAYa,MAAAA,GAAAA,EAAsBb,EAASgB,IAAKhB,EAASiB,MAAOnB,KAElE,CAACe,IAGH,OACET,MAACc,EAAAA,gBAAeb,OAAAC,OAAA,CAACa,YAAaC,EAAAA,UAC3B,CAAAX,SAAAG,EAAKS,IAAI,CAACC,EAAML,IACfb,EAACM,IAAAvC,iBACCE,gBAAiBA,EACjBC,uBAAwBA,EAExB0B,SAAU,CAAEiB,MAAAA,EAAOD,IAAKM,EAAKN,KAC7BO,SAAUT,GAAY,CAAAL,SACrBA,MAAAA,OAAA,EAAAA,EAAW,CAAEQ,MAAAA,EAAOK,KAAAA,MAHhBA,EAAKN"}
+{"version":3,"file":"MessagesManager-da52103a.js","sources":["../../src/PRIVATE_Message/MessageTransition.tsx","../../src/PRIVATE_Message/MessagesManager.tsx"],"sourcesContent":["import { JSX, RenderableProps } from 'preact';\nimport { useCallback, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { useMessagesContext } from '../hooks/UNSAFE_useMessagesContext';\nimport { Transition, TransitionProps } from '../PRIVATE_TransitionGroup';\n\ntype State = 'entering' | 'exiting';\ntype AnimationStates = UseAnimationConfig<State, HTMLDivElement>['animationStates'];\ntype AnimationCallback = UseAnimationConfig<State, HTMLDivElement>['onAnimationEnd'];\ntype Props = RenderableProps<TransitionProps> & {\n  animationStates?: AnimationStates;\n  initialAnimationStyles?: JSX.HTMLAttributes<HTMLDivElement>['style'];\n};\n\nconst DEFAULT_ANIMATION_STATES = {};\n\n/**\n * A intermediary component that handles animation for the messages component.\n *\n * The expected flow is as follows:\n * 1. message removed from the data\n * 2. onExiting called and a callback is passed which needs to be called to complete the transition\n * 3. state set to \"exiting\" in this component\n * 4. triggers useAnimation to perform the exit animation\n * 5. onAnimationEnd is called after the animation, which invokes the callback provided earlier\n * 6. onExited is called (done when the callback mentioned above is called)\n * 7. message is removed from the UI\n *\n * @param param0 Props of the message component\n */\nexport function MessageTransition({\n  animationStates = DEFAULT_ANIMATION_STATES,\n  initialAnimationStyles,\n  onEntering,\n  onExiting,\n  ...transitionProps\n}: Props) {\n  const [state, setState] = useState<State>('entering');\n  const animationCallbackRef = useRef<() => void>();\n  const busyStateResolveRef = useRef<() => void>();\n  const { controller, nodeRef } = useAnimation(state, {\n    animationStates,\n    isAnimatedOnMount: true,\n    onAnimationEnd: useCallback<NonNullable<AnimationCallback>>(() => {\n      // resolve animation callbacks & busyStates\n      animationCallbackRef.current?.();\n      animationCallbackRef.current = undefined;\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n    }, [])\n  });\n  const { addBusyState } = useMessagesContext();\n\n  const onEnteringCallback = useCallback<NonNullable<TransitionProps['onEntering']>>(\n    (node, callback, metadata) => {\n      // cancel any existing animation\n      if (animationCallbackRef.current) {\n        animationCallbackRef.current = undefined;\n        controller.cancel();\n      }\n\n      // resolve any existing busyState\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n\n      onEntering?.(node, undefined, metadata);\n      // start the animation and set the callback & busyState\n      setState('entering');\n\n      // if there is no animation configured, resolve immediately\n      if (\n        animationStates['entering'] === undefined &&\n        animationStates['exiting => entering'] === undefined\n      ) {\n        callback?.();\n        return;\n      }\n      animationCallbackRef.current = callback;\n      busyStateResolveRef.current = addBusyState?.('messages animating');\n    },\n    [animationStates, controller, addBusyState, onEntering]\n  );\n\n  const onExitingCallback = useCallback<NonNullable<TransitionProps['onExiting']>>(\n    (node, callback, metadata) => {\n      // cancel any existing animation\n      if (animationCallbackRef.current) {\n        animationCallbackRef.current = undefined;\n        controller.cancel();\n      }\n\n      // resolve any existing busyState\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n\n      onExiting?.(node, undefined, metadata);\n      // start the animation and set the callback & busyState\n      setState('exiting');\n\n      // if there is no animation configured, resolve immediately\n      if (\n        animationStates['exiting'] === undefined &&\n        animationStates['entering => exiting'] === undefined\n      ) {\n        callback?.();\n        return;\n      }\n      animationCallbackRef.current = callback;\n      busyStateResolveRef.current = addBusyState?.('messages animating');\n    },\n    [animationStates, controller, addBusyState, onExiting]\n  );\n\n  // if animation is interrupted, the busyState may be left hanging. So clear that on unmount\n  // Note: When using a class-based component inside a functional component, the timings of\n  // componentDidMount and useEffect might differ. So, in order to guarantee the registration\n  // of the cleanup function, use useLayoutEffect instead of useEffect. This way we can make sure\n  // the cleanup registers at all times.\n  useLayoutEffect(() => () => busyStateResolveRef.current?.(), []);\n\n  return (\n    <div ref={nodeRef} style={initialAnimationStyles}>\n      <Transition\n        {...transitionProps}\n        onEntering={onEnteringCallback}\n        onExiting={onExitingCallback}\n      />\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, ComponentProps, Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { TransitionGroup } from '../PRIVATE_TransitionGroup';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageTransition } from './MessageTransition';\n\n/**\n * Metadata passed on to the Transition component\n */\ntype TransitionMetadata<K> = {\n  index: number;\n  key: K;\n};\n\n/**\n * Type of the render context passed on to render individual message\n */\ntype MessageRenderContext<Key, Data> = {\n  /**\n   * The index of the current message\n   */\n  index: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n};\n\ntype PickedPropsFromMessageTransition = Pick<\n  ComponentProps<typeof MessageTransition>,\n  'animationStates' | 'initialAnimationStyles'\n>;\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = PickedPropsFromMessageTransition & {\n  /**\n   * A render function that renders individual child.\n   */\n  children?: (context: MessageRenderContext<Key, Data>) => ComponentChild;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * A callback function that gets called before a message is removed\n   */\n  onMessageWillRemove?: (key: Key, index: number, node?: Element) => void;\n};\n\n/**\n * The component that renders individual messages for the provided data.\n */\nexport function MessagesManager<K extends string | number = string | number, D = any>({\n  data,\n  animationStates,\n  children,\n  initialAnimationStyles,\n  onMessageWillRemove\n}: Props<K, D>) {\n  /**\n   * Handles when a message has finished to exit.\n   *\n   * @param node The corresponding message element\n   * @param callback A callback function to be called after the animation is complete\n   */\n  const handleExited = useCallback(\n    async (node?: Element, metadata?: TransitionMetadata<K>) => {\n      metadata && onMessageWillRemove?.(metadata.key, metadata.index, node);\n    },\n    [onMessageWillRemove]\n  );\n\n  return (\n    <TransitionGroup elementType={Fragment}>\n      {data.map((item, index) => (\n        <MessageTransition\n          animationStates={animationStates}\n          initialAnimationStyles={initialAnimationStyles}\n          key={item.key}\n          metadata={{ index, key: item.key }}\n          onExited={handleExited}>\n          {children?.({ index, item })}\n        </MessageTransition>\n      ))}\n    </TransitionGroup>\n  );\n}\n"],"names":["__rest","useState","useRef","useAnimation","useCallback","useMessagesContext","useLayoutEffect","_jsx","Transition","TransitionGroup","Fragment"],"mappings":"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"}