@channel.io/bezier-react 1.6.0 → 1.6.2

package/dist/esm/node_modules/react-resize-detector/build/index.esm.mjs

@@ -1,6 +1,7 @@
-import * as React from 'react';
-import { useRef, useState, isValidElement, createRef, cloneElement, PureComponent, useEffect, useLayoutEffect } from 'react';
+import React__default, { cloneElement, useRef, useState, useCallback, useEffect, isValidElement, createRef, PureComponent } from 'react';
 import { findDOMNode } from 'react-dom';
+import debounce from '../../lodash/debounce.mjs';
+import throttle from '../../lodash/throttle.mjs';
 
 /* global Reflect, Promise */
 
@@ -10,12 +11,11 @@ var extendStatics = function (d, b) {
   } instanceof Array && function (d, b) {
     d.__proto__ = b;
   } || function (d, b) {
-    for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
   };
   return extendStatics(d, b);
 };
 function __extends(d, b) {
-  if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
   extendStatics(d, b);
   function __() {
     this.constructor = d;
@@ -40,559 +40,12 @@ function __rest(s, e) {
   }
   return t;
 }
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}; /**
-                                                                                                                                                                                                 * Checks if `value` is the
-                                                                                                                                                                                                 * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
-                                                                                                                                                                                                 * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
-                                                                                                                                                                                                 *
-                                                                                                                                                                                                 * @static
-                                                                                                                                                                                                 * @memberOf _
-                                                                                                                                                                                                 * @since 0.1.0
-                                                                                                                                                                                                 * @category Lang
-                                                                                                                                                                                                 * @param {*} value The value to check.
-                                                                                                                                                                                                 * @returns {boolean} Returns `true` if `value` is an object, else `false`.
-                                                                                                                                                                                                 * @example
-                                                                                                                                                                                                 *
-                                                                                                                                                                                                 * _.isObject({});
-                                                                                                                                                                                                 * // => true
-                                                                                                                                                                                                 *
-                                                                                                                                                                                                 * _.isObject([1, 2, 3]);
-                                                                                                                                                                                                 * // => true
-                                                                                                                                                                                                 *
-                                                                                                                                                                                                 * _.isObject(_.noop);
-                                                                                                                                                                                                 * // => true
-                                                                                                                                                                                                 *
-                                                                                                                                                                                                 * _.isObject(null);
-                                                                                                                                                                                                 * // => false
-                                                                                                                                                                                                 */
-
-function isObject$3(value) {
-  var type = typeof value;
-  return value != null && (type == 'object' || type == 'function');
-}
-var isObject_1 = isObject$3; /** Detect free variable `global` from Node.js. */
-
-var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-var _freeGlobal = freeGlobal$1;
-var freeGlobal = _freeGlobal;
-
-/** Detect free variable `self`. */
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-/** Used as a reference to the global object. */
-var root$2 = freeGlobal || freeSelf || Function('return this')();
-var _root = root$2;
-var root$1 = _root;
-
-/**
- * Gets the timestamp of the number of milliseconds that have elapsed since
- * the Unix epoch (1 January 1970 00:00:00 UTC).
- *
- * @static
- * @memberOf _
- * @since 2.4.0
- * @category Date
- * @returns {number} Returns the timestamp.
- * @example
- *
- * _.defer(function(stamp) {
- *   console.log(_.now() - stamp);
- * }, _.now());
- * // => Logs the number of milliseconds it took for the deferred invocation.
- */
-var now$1 = function () {
-  return root$1.Date.now();
-};
-var now_1 = now$1; /** Used to match a single whitespace character. */
-
-var reWhitespace = /\s/;
-
-/**
- * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
- * character of `string`.
- *
- * @private
- * @param {string} string The string to inspect.
- * @returns {number} Returns the index of the last non-whitespace character.
- */
-function trimmedEndIndex$1(string) {
-  var index = string.length;
-  while (index-- && reWhitespace.test(string.charAt(index))) {}
-  return index;
-}
-var _trimmedEndIndex = trimmedEndIndex$1;
-var trimmedEndIndex = _trimmedEndIndex;
-
-/** Used to match leading whitespace. */
-var reTrimStart = /^\s+/;
-
-/**
- * The base implementation of `_.trim`.
- *
- * @private
- * @param {string} string The string to trim.
- * @returns {string} Returns the trimmed string.
- */
-function baseTrim$1(string) {
-  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '') : string;
-}
-var _baseTrim = baseTrim$1;
-var root = _root;
-
-/** Built-in value references. */
-var Symbol$2 = root.Symbol;
-var _Symbol = Symbol$2;
-var Symbol$1 = _Symbol;
-
-/** Used for built-in method references. */
-var objectProto$1 = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto$1.hasOwnProperty;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString$1 = objectProto$1.toString;
-
-/** Built-in value references. */
-var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : undefined;
-
-/**
- * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the raw `toStringTag`.
- */
-function getRawTag$1(value) {
-  var isOwn = hasOwnProperty.call(value, symToStringTag$1),
-    tag = value[symToStringTag$1];
-  try {
-    value[symToStringTag$1] = undefined;
-    var unmasked = true;
-  } catch (e) {}
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
-    }
-  }
-  return result;
-}
-var _getRawTag = getRawTag$1; /** Used for built-in method references. */
-
-var objectProto = Object.prototype;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString = objectProto.toString;
-
-/**
- * Converts `value` to a string using `Object.prototype.toString`.
- *
- * @private
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- */
-function objectToString$1(value) {
-  return nativeObjectToString.call(value);
-}
-var _objectToString = objectToString$1;
-var Symbol = _Symbol,
-  getRawTag = _getRawTag,
-  objectToString = _objectToString;
-
-/** `Object#toString` result references. */
-var nullTag = '[object Null]',
-  undefinedTag = '[object Undefined]';
-
-/** Built-in value references. */
-var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
-
-/**
- * The base implementation of `getTag` without fallbacks for buggy environments.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the `toStringTag`.
- */
-function baseGetTag$1(value) {
-  if (value == null) {
-    return value === undefined ? undefinedTag : nullTag;
-  }
-  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
-}
-var _baseGetTag = baseGetTag$1; /**
-                                * Checks if `value` is object-like. A value is object-like if it's not `null`
-                                * and has a `typeof` result of "object".
-                                *
-                                * @static
-                                * @memberOf _
-                                * @since 4.0.0
-                                * @category Lang
-                                * @param {*} value The value to check.
-                                * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
-                                * @example
-                                *
-                                * _.isObjectLike({});
-                                * // => true
-                                *
-                                * _.isObjectLike([1, 2, 3]);
-                                * // => true
-                                *
-                                * _.isObjectLike(_.noop);
-                                * // => false
-                                *
-                                * _.isObjectLike(null);
-                                * // => false
-                                */
-
-function isObjectLike$1(value) {
-  return value != null && typeof value == 'object';
-}
-var isObjectLike_1 = isObjectLike$1;
-var baseGetTag = _baseGetTag,
-  isObjectLike = isObjectLike_1;
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol$1(value) {
-  return typeof value == 'symbol' || isObjectLike(value) && baseGetTag(value) == symbolTag;
-}
-var isSymbol_1 = isSymbol$1;
-var baseTrim = _baseTrim,
-  isObject$2 = isObject_1,
-  isSymbol = isSymbol_1;
-
-/** Used as references for various `Number` constants. */
-var NAN = 0 / 0;
-
-/** Used to detect bad signed hexadecimal string values. */
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-
-/** Used to detect binary string values. */
-var reIsBinary = /^0b[01]+$/i;
-
-/** Used to detect octal string values. */
-var reIsOctal = /^0o[0-7]+$/i;
-
-/** Built-in method references without a dependency on `root`. */
-var freeParseInt = parseInt;
-
-/**
- * Converts `value` to a number.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to process.
- * @returns {number} Returns the number.
- * @example
- *
- * _.toNumber(3.2);
- * // => 3.2
- *
- * _.toNumber(Number.MIN_VALUE);
- * // => 5e-324
- *
- * _.toNumber(Infinity);
- * // => Infinity
- *
- * _.toNumber('3.2');
- * // => 3.2
- */
-function toNumber$1(value) {
-  if (typeof value == 'number') {
-    return value;
-  }
-  if (isSymbol(value)) {
-    return NAN;
-  }
-  if (isObject$2(value)) {
-    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-    value = isObject$2(other) ? other + '' : other;
-  }
-  if (typeof value != 'string') {
-    return value === 0 ? value : +value;
-  }
-  value = baseTrim(value);
-  var isBinary = reIsBinary.test(value);
-  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
-}
-var toNumber_1 = toNumber$1;
-var isObject$1 = isObject_1,
-  now = now_1,
-  toNumber = toNumber_1;
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT$1 = 'Expected a function';
-
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeMax = Math.max,
-  nativeMin = Math.min;
-
-/**
- * Creates a debounced function that delays invoking `func` until after `wait`
- * milliseconds have elapsed since the last time the debounced function was
- * invoked. The debounced function comes with a `cancel` method to cancel
- * delayed `func` invocations and a `flush` method to immediately invoke them.
- * Provide `options` to indicate whether `func` should be invoked on the
- * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
- * with the last arguments provided to the debounced function. Subsequent
- * calls to the debounced function return the result of the last `func`
- * invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the debounced function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.debounce` and `_.throttle`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to debounce.
- * @param {number} [wait=0] The number of milliseconds to delay.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=false]
- *  Specify invoking on the leading edge of the timeout.
- * @param {number} [options.maxWait]
- *  The maximum time `func` is allowed to be delayed before it's invoked.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new debounced function.
- * @example
- *
- * // Avoid costly calculations while the window size is in flux.
- * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
- *
- * // Invoke `sendMail` when clicked, debouncing subsequent calls.
- * jQuery(element).on('click', _.debounce(sendMail, 300, {
- *   'leading': true,
- *   'trailing': false
- * }));
- *
- * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
- * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
- * var source = new EventSource('/stream');
- * jQuery(source).on('message', debounced);
- *
- * // Cancel the trailing debounced invocation.
- * jQuery(window).on('popstate', debounced.cancel);
- */
-function debounce$1(func, wait, options) {
-  var lastArgs,
-    lastThis,
-    maxWait,
-    result,
-    timerId,
-    lastCallTime,
-    lastInvokeTime = 0,
-    leading = false,
-    maxing = false,
-    trailing = true;
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT$1);
-  }
-  wait = toNumber(wait) || 0;
-  if (isObject$1(options)) {
-    leading = !!options.leading;
-    maxing = 'maxWait' in options;
-    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-  function invokeFunc(time) {
-    var args = lastArgs,
-      thisArg = lastThis;
-    lastArgs = lastThis = undefined;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
-  }
-  function leadingEdge(time) {
-    // Reset any `maxWait` timer.
-    lastInvokeTime = time;
-    // Start the timer for the trailing edge.
-    timerId = setTimeout(timerExpired, wait);
-    // Invoke the leading edge.
-    return leading ? invokeFunc(time) : result;
-  }
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime,
-      timeSinceLastInvoke = time - lastInvokeTime,
-      timeWaiting = wait - timeSinceLastCall;
-    return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
-  }
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime,
-      timeSinceLastInvoke = time - lastInvokeTime;
-
-    // Either this is the first call, activity has stopped and we're at the
-    // trailing edge, the system time has gone backwards and we're treating
-    // it as the trailing edge, or we've hit the `maxWait` limit.
-    return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
-  }
-  function timerExpired() {
-    var time = now();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    // Restart the timer.
-    timerId = setTimeout(timerExpired, remainingWait(time));
-  }
-  function trailingEdge(time) {
-    timerId = undefined;
-
-    // Only invoke if we have `lastArgs` which means `func` has been
-    // debounced at least once.
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = undefined;
-    return result;
-  }
-  function cancel() {
-    if (timerId !== undefined) {
-      clearTimeout(timerId);
-    }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = undefined;
-  }
-  function flush() {
-    return timerId === undefined ? result : trailingEdge(now());
-  }
-  function debounced() {
-    var time = now(),
-      isInvoking = shouldInvoke(time);
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-    if (isInvoking) {
-      if (timerId === undefined) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        // Handle invocations in a tight loop.
-        clearTimeout(timerId);
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === undefined) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
-var debounce_1 = debounce$1;
-var debounce = debounce_1,
-  isObject = isObject_1;
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/**
- * Creates a throttled function that only invokes `func` at most once per
- * every `wait` milliseconds. The throttled function comes with a `cancel`
- * method to cancel delayed `func` invocations and a `flush` method to
- * immediately invoke them. Provide `options` to indicate whether `func`
- * should be invoked on the leading and/or trailing edge of the `wait`
- * timeout. The `func` is invoked with the last arguments provided to the
- * throttled function. Subsequent calls to the throttled function return the
- * result of the last `func` invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the throttled function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.throttle` and `_.debounce`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to throttle.
- * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=true]
- *  Specify invoking on the leading edge of the timeout.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new throttled function.
- * @example
- *
- * // Avoid excessively updating the position while scrolling.
- * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
- *
- * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
- * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
- * jQuery(element).on('click', throttled);
- *
- * // Cancel the trailing throttled invocation.
- * jQuery(window).on('popstate', throttled.cancel);
- */
-function throttle(func, wait, options) {
-  var leading = true,
-    trailing = true;
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  if (isObject(options)) {
-    leading = 'leading' in options ? !!options.leading : leading;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-  return debounce(func, wait, {
-    'leading': leading,
-    'maxWait': wait,
-    'trailing': trailing
-  });
-}
-var throttle_1 = throttle;
-var patchResizeHandler = function (resizeCallback, refreshMode, refreshRate, refreshOptions) {
+var patchResizeCallback = function (resizeCallback, refreshMode, refreshRate, refreshOptions) {
   switch (refreshMode) {
     case 'debounce':
-      return debounce_1(resizeCallback, refreshRate, refreshOptions);
+      return debounce(resizeCallback, refreshRate, refreshOptions);
     case 'throttle':
-      return throttle_1(resizeCallback, refreshRate, refreshOptions);
+      return throttle(resizeCallback, refreshRate, refreshOptions);
     default:
       return resizeCallback;
   }
@@ -606,29 +59,6 @@ var isSSR = function () {
 var isDOMElement = function (element) {
   return element instanceof Element || element instanceof HTMLDocument;
 };
-var createNotifier = function (onResize, setSize, handleWidth, handleHeight) {
-  return function (_a) {
-    var width = _a.width,
-      height = _a.height;
-    setSize(function (prev) {
-      if (prev.width === width && prev.height === height) {
-        // skip if dimensions haven't changed
-        return prev;
-      }
-      if (prev.width === width && !handleHeight || prev.height === height && !handleWidth) {
-        // process `handleHeight/handleWidth` props
-        return prev;
-      }
-      if (onResize && isFunction(onResize)) {
-        onResize(width, height);
-      }
-      return {
-        width: width,
-        height: height
-      };
-    });
-  };
-};
 /** @class */(function (_super) {
   __extends(ResizeDetector, _super);
   function ResizeDetector(props) {
@@ -699,7 +129,23 @@ var createNotifier = function (onResize, setSize, handleWidth, handleHeight) {
         handleHeight = _c === void 0 ? true : _c,
         onResize = _a.onResize;
       if (!handleWidth && !handleHeight) return;
-      var notifyResize = createNotifier(onResize, _this.setState.bind(_this), handleWidth, handleHeight);
+      var notifyResize = function (_a) {
+        var width = _a.width,
+          height = _a.height;
+        if (_this.state.width === width && _this.state.height === height) {
+          // skip if dimensions haven't changed
+          return;
+        }
+        if (_this.state.width === width && !handleHeight || _this.state.height === height && !handleWidth) {
+          // process `handleHeight/handleWidth` props
+          return;
+        }
+        onResize === null || onResize === void 0 ? void 0 : onResize(width, height);
+        _this.setState({
+          width: width,
+          height: height
+        });
+      };
       entries.forEach(function (entry) {
         var _a = entry && entry.contentRect || {},
           width = _a.width,
@@ -744,13 +190,16 @@ var createNotifier = function (onResize, setSize, handleWidth, handleHeight) {
       width: undefined,
       height: undefined
     };
+    _this.sizeRef = {
+      current: _this.state
+    };
     _this.skipOnMount = skipOnMount;
     _this.targetRef = /*#__PURE__*/createRef();
     _this.observableElement = null;
     if (isSSR()) {
       return _this;
     }
-    _this.resizeHandler = patchResizeHandler(_this.createResizeHandler, refreshMode, refreshRate, refreshOptions);
+    _this.resizeHandler = patchResizeCallback(_this.createResizeHandler, refreshMode, refreshRate, refreshOptions);
     _this.resizeObserver = new window.ResizeObserver(_this.resizeHandler);
     return _this;
   }
@@ -759,6 +208,7 @@ var createNotifier = function (onResize, setSize, handleWidth, handleHeight) {
   };
   ResizeDetector.prototype.componentDidUpdate = function () {
     this.attachObserver();
+    this.sizeRef.current = this.state;
   };
   ResizeDetector.prototype.componentWillUnmount = function () {
     if (isSSR()) {
@@ -783,100 +233,153 @@ var createNotifier = function (onResize, setSize, handleWidth, handleHeight) {
       targetRef: this.targetRef
     };
     var renderType = this.getRenderType();
-    var typedChildren;
     switch (renderType) {
       case 'renderProp':
-        return render && render(childProps);
+        return render === null || render === void 0 ? void 0 : render(childProps);
       case 'childFunction':
-        typedChildren = children;
-        return typedChildren(childProps);
+        {
+          var childFunction = children;
+          return childFunction === null || childFunction === void 0 ? void 0 : childFunction(childProps);
+        }
       case 'child':
-        // @TODO bug prone logic
-        typedChildren = children;
-        if (typedChildren.type && typeof typedChildren.type === 'string') {
-          // child is a native DOM elements such as div, span etc
-          childProps.targetRef;
-          var nativeProps = __rest(childProps, ["targetRef"]);
-          return /*#__PURE__*/cloneElement(typedChildren, nativeProps);
+        {
+          // @TODO bug prone logic
+          var child = children;
+          if (child.type && typeof child.type === 'string') {
+            // child is a native DOM elements such as div, span etc
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            childProps.targetRef;
+            var nativeProps = __rest(childProps, ["targetRef"]);
+            return /*#__PURE__*/cloneElement(child, nativeProps);
+          }
+          // class or functional component otherwise
+          return /*#__PURE__*/cloneElement(child, childProps);
         }
-        // class or functional component otherwise
-        return /*#__PURE__*/cloneElement(typedChildren, childProps);
       case 'childArray':
-        typedChildren = children;
-        return typedChildren.map(function (el) {
-          return !!el && /*#__PURE__*/cloneElement(el, childProps);
-        });
+        {
+          var childArray = children;
+          return childArray.map(function (el) {
+            return !!el && /*#__PURE__*/cloneElement(el, childProps);
+          });
+        }
       default:
-        return /*#__PURE__*/React.createElement(WrapperTag, null);
+        return /*#__PURE__*/React__default.createElement(WrapperTag, null);
     }
   };
   return ResizeDetector;
 })(PureComponent);
-var useEnhancedEffect = isSSR() ? useEffect : useLayoutEffect;
-function useResizeDetector(props) {
-  if (props === void 0) {
-    props = {};
-  }
-  var _a = props.skipOnMount,
-    skipOnMount = _a === void 0 ? false : _a,
-    refreshMode = props.refreshMode,
-    _b = props.refreshRate,
-    refreshRate = _b === void 0 ? 1000 : _b,
-    refreshOptions = props.refreshOptions,
-    _c = props.handleWidth,
-    handleWidth = _c === void 0 ? true : _c,
-    _d = props.handleHeight,
-    handleHeight = _d === void 0 ? true : _d,
-    targetRef = props.targetRef,
-    observerOptions = props.observerOptions,
-    onResize = props.onResize;
+function useResizeDetector(_a) {
+  var _b = _a === void 0 ? {} : _a,
+    _c = _b.skipOnMount,
+    skipOnMount = _c === void 0 ? false : _c,
+    refreshMode = _b.refreshMode,
+    _d = _b.refreshRate,
+    refreshRate = _d === void 0 ? 1000 : _d,
+    refreshOptions = _b.refreshOptions,
+    _e = _b.handleWidth,
+    handleWidth = _e === void 0 ? true : _e,
+    _f = _b.handleHeight,
+    handleHeight = _f === void 0 ? true : _f,
+    targetRef = _b.targetRef,
+    observerOptions = _b.observerOptions,
+    onResize = _b.onResize;
   var skipResize = useRef(skipOnMount);
-  var localRef = useRef(null);
-  var ref = targetRef !== null && targetRef !== void 0 ? targetRef : localRef;
-  var resizeHandler = useRef();
-  var _e = useState({
+  var _g = useState({
       width: undefined,
       height: undefined
     }),
-    size = _e[0],
-    setSize = _e[1];
-  useEnhancedEffect(function () {
-    if (isSSR()) {
+    size = _g[0],
+    setSize = _g[1];
+  // we are going to use this ref to store the last element that was passed to the hook
+  var _h = useState((targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) || null),
+    refElement = _h[0],
+    setRefElement = _h[1];
+  // if targetRef is passed, we need to update the refElement
+  // we have to use setTimeout because ref get assigned after the hook is called
+  // in the future releases we are going to remove targetRef and force users to use ref returned by the hook
+  if (targetRef) {
+    setTimeout(function () {
+      if (targetRef.current !== refElement) {
+        setRefElement(targetRef.current);
+      }
+    }, 0);
+  }
+  // this is a callback that will be called every time the ref is changed
+  // we call setState inside to trigger rerender
+  var onRefChange = useCallback(function (node) {
+    if (node !== refElement) {
+      setRefElement(node);
+    }
+  }, [refElement]);
+  // adding `current` to make it compatible with useRef shape
+  onRefChange.current = refElement;
+  useEffect(function () {
+    return function () {
+      // component is unmounted
+      // clear ref to avoid memory leaks
+      setRefElement(null);
+      onRefChange.current = null;
+    };
+  }, []);
+  var shouldSetSize = useCallback(function (prevSize, nextSize) {
+    if (prevSize.width === nextSize.width && prevSize.height === nextSize.height) {
+      // skip if dimensions haven't changed
+      return false;
+    }
+    if (prevSize.width === nextSize.width && !handleHeight || prevSize.height === nextSize.height && !handleWidth) {
+      // process `handleHeight/handleWidth` props
+      return false;
+    }
+    return true;
+  }, [handleWidth, handleHeight]);
+  var resizeCallback = useCallback(function (entries) {
+    if (!handleWidth && !handleHeight) return;
+    if (skipResize.current) {
+      skipResize.current = false;
       return;
     }
-    var notifyResize = createNotifier(onResize, setSize, handleWidth, handleHeight);
-    var resizeCallback = function (entries) {
-      if (!handleWidth && !handleHeight) return;
-      entries.forEach(function (entry) {
-        var _a = entry && entry.contentRect || {},
-          width = _a.width,
-          height = _a.height;
-        var shouldSetSize = !skipResize.current && !isSSR();
-        if (shouldSetSize) {
-          notifyResize({
-            width: width,
-            height: height
-          });
-        }
-        skipResize.current = false;
+    entries.forEach(function (entry) {
+      var _a = (entry === null || entry === void 0 ? void 0 : entry.contentRect) || {},
+        width = _a.width,
+        height = _a.height;
+      setSize(function (prevSize) {
+        if (!shouldSetSize(prevSize, {
+          width: width,
+          height: height
+        })) return prevSize;
+        return {
+          width: width,
+          height: height
+        };
       });
-    };
-    resizeHandler.current = patchResizeHandler(resizeCallback, refreshMode, refreshRate, refreshOptions);
-    var resizeObserver = new window.ResizeObserver(resizeHandler.current);
-    if (ref.current) {
-      // Something wrong with typings here...
-      resizeObserver.observe(ref.current, observerOptions);
+    });
+  }, [handleWidth, handleHeight, skipResize, shouldSetSize]);
+  var resizeHandler = useCallback(patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [resizeCallback, refreshMode, refreshRate, refreshOptions]);
+  // on refElement change
+  useEffect(function () {
+    var resizeObserver;
+    if (refElement) {
+      resizeObserver = new window.ResizeObserver(resizeHandler);
+      resizeObserver.observe(refElement, observerOptions);
+    } else {
+      if (size.width || size.height) {
+        setSize({
+          width: undefined,
+          height: undefined
+        });
+      }
     }
     return function () {
-      resizeObserver.disconnect();
-      var patchedResizeHandler = resizeHandler.current;
-      if (patchedResizeHandler && patchedResizeHandler.cancel) {
-        patchedResizeHandler.cancel();
-      }
+      var _a, _b, _c;
+      (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
+      (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);
     };
-  }, [refreshMode, refreshRate, refreshOptions, handleWidth, handleHeight, onResize, observerOptions, ref.current]);
+  }, [resizeHandler, refElement]);
+  useEffect(function () {
+    onResize === null || onResize === void 0 ? void 0 : onResize(size.width, size.height);
+  }, [size]);
   return __assign({
-    ref: ref
+    ref: onRefChange
   }, size);
 }