import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray"; import _createClass from "@babel/runtime/helpers/esm/createClass"; import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck"; import * as React from 'react'; import { TimerBasedCleanupTracking } from '../utils/cleanupTracking/TimerBasedCleanupTracking'; import { FinalizationRegistryBasedCleanupTracking } from '../utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking'; // We use class to make it easier to detect in heap snapshots by name var ObjectToBeRetainedByReact = /*#__PURE__*/_createClass(function ObjectToBeRetainedByReact() { _classCallCheck(this, ObjectToBeRetainedByReact); }); // Based on https://github.com/Bnaya/use-dispose-uncommitted/blob/main/src/finalization-registry-based-impl.ts // Check https://github.com/facebook/react/issues/15317 to get more information export function createUseInstanceEventHandler(registryContainer) { var cleanupTokensCounter = 0; return function useInstanceEventHandler(instance, eventName, handler) { if (registryContainer.registry === null) { registryContainer.registry = typeof FinalizationRegistry !== 'undefined' ? new FinalizationRegistryBasedCleanupTracking() : new TimerBasedCleanupTracking(); } var _React$useState = React.useState(new ObjectToBeRetainedByReact()), _React$useState2 = _slicedToArray(_React$useState, 1), objectRetainedByReact = _React$useState2[0]; var subscription = React.useRef(null); var handlerRef = React.useRef(); handlerRef.current = handler; var cleanupTokenRef = React.useRef(null); if (!subscription.current && handlerRef.current) { var enhancedHandler = function enhancedHandler(params, event) { if (!event.defaultMuiPrevented) { var _handlerRef$current; (_handlerRef$current = handlerRef.current) == null || _handlerRef$current.call(handlerRef, params, event); } }; subscription.current = instance.$$subscribeEvent(eventName, enhancedHandler); cleanupTokensCounter += 1; cleanupTokenRef.current = { cleanupToken: cleanupTokensCounter }; registryContainer.registry.register(objectRetainedByReact, // The callback below will be called once this reference stops being retained function () { var _subscription$current; (_subscription$current = subscription.current) == null || _subscription$current.call(subscription); subscription.current = null; cleanupTokenRef.current = null; }, cleanupTokenRef.current); } else if (!handlerRef.current && subscription.current) { subscription.current(); subscription.current = null; if (cleanupTokenRef.current) { registryContainer.registry.unregister(cleanupTokenRef.current); cleanupTokenRef.current = null; } } React.useEffect(function () { if (!subscription.current && handlerRef.current) { var _enhancedHandler = function _enhancedHandler(params, event) { if (!event.defaultMuiPrevented) { var _handlerRef$current2; (_handlerRef$current2 = handlerRef.current) == null || _handlerRef$current2.call(handlerRef, params, event); } }; subscription.current = instance.$$subscribeEvent(eventName, _enhancedHandler); } if (cleanupTokenRef.current && registryContainer.registry) { // If the effect was called, it means that this render was committed // so we can trust the cleanup function to remove the listener. registryContainer.registry.unregister(cleanupTokenRef.current); cleanupTokenRef.current = null; } return function () { var _subscription$current2; (_subscription$current2 = subscription.current) == null || _subscription$current2.call(subscription); subscription.current = null; }; }, [instance, eventName]); }; } var registryContainer = { registry: null }; // eslint-disable-next-line @typescript-eslint/naming-convention export var unstable_resetCleanupTracking = function unstable_resetCleanupTracking() { var _registryContainer$re; (_registryContainer$re = registryContainer.registry) == null || _registryContainer$re.reset(); registryContainer.registry = null; }; export var useInstanceEventHandler = createUseInstanceEventHandler(registryContainer);