@atlaskit/modal-dialog
Version:
A modal dialog displays content that requires user interaction, in a layer above the page.
16 lines • 613 B
JavaScript
import { useCallback, useRef } from 'react';
// eslint-disable-next-line @repo/internal/react/require-jsdoc
export default function useOnMotionFinish(_ref) {
var onOpenComplete = _ref.onOpenComplete,
onCloseComplete = _ref.onCloseComplete;
var motionRef = useRef(null);
var onMotionFinish = useCallback(function (state) {
if (state === 'entering' && onOpenComplete) {
onOpenComplete(motionRef.current, true);
}
if (state === 'exiting' && onCloseComplete) {
onCloseComplete(motionRef.current);
}
}, [onOpenComplete, onCloseComplete]);
return [motionRef, onMotionFinish];
}