react-elegant-ui/esm/hooks/useImmutableCallback.js

Elegant UI components, made by BEM best practices for react

var __read = this && this.__read || function (o, n) {
  var m = typeof Symbol === "function" && o[Symbol.iterator];
  if (!m) return o;
  var i = m.call(o),
    r,
    ar = [],
    e;
  try {
    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
  } catch (error) {
    e = {
      error: error
    };
  } finally {
    try {
      if (r && !r.done && (m = i["return"])) m.call(i);
    } finally {
      if (e) throw e.error;
    }
  }
  return ar;
};
var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
    if (ar || !(i in from)) {
      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
      ar[i] = from[i];
    }
  }
  return to.concat(ar || Array.prototype.slice.call(from));
};
import { useCallback, useRef } from 'react';
/**
 * Return immutable wrapper for callback
 *
 * You can still redefine callback while updating props, but will get same object
 *
 * This especial useful to create callback for event handlers who required same object to remove
 */
export var useImmutableCallback = function (callback, deps) {
  // Update callback only by deps changes
  // eslint-disable-next-line react-hooks/exhaustive-deps
  var actualCallback = useCallback(callback, deps);
  // Write reference to actual callback
  var callbackRef = useRef(actualCallback);
  callbackRef.current = actualCallback;
  // Return same wrapper
  // eslint-disable-next-line react-hooks/exhaustive-deps
  var staticCallback = useCallback(function () {
    var args = [];
    for (var _i = 0; _i < arguments.length; _i++) {
      args[_i] = arguments[_i];
    }
    return callbackRef.current.apply(callbackRef, __spreadArray([], __read(args), false));
  }, []);
  return staticCallback;
};