@channel.io/bezier-react 1.5.0 → 1.6.0

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

@@ -0,0 +1,884 @@
+import * as React from 'react';
+import { useRef, useState, isValidElement, createRef, cloneElement, PureComponent, useEffect, useLayoutEffect } from 'react';
+import { findDOMNode } from 'react-dom';
+
+/* global Reflect, Promise */
+
+var extendStatics = function (d, b) {
+  extendStatics = Object.setPrototypeOf || {
+    __proto__: []
+  } 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];
+  };
+  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;
+  }
+  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+var __assign = function () {
+  __assign = Object.assign || function __assign(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  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) {
+  switch (refreshMode) {
+    case 'debounce':
+      return debounce_1(resizeCallback, refreshRate, refreshOptions);
+    case 'throttle':
+      return throttle_1(resizeCallback, refreshRate, refreshOptions);
+    default:
+      return resizeCallback;
+  }
+};
+var isFunction = function (fn) {
+  return typeof fn === 'function';
+};
+var isSSR = function () {
+  return typeof window === 'undefined';
+};
+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) {
+    var _this = _super.call(this, props) || this;
+    _this.cancelHandler = function () {
+      if (_this.resizeHandler && _this.resizeHandler.cancel) {
+        // cancel debounced handler
+        _this.resizeHandler.cancel();
+        _this.resizeHandler = null;
+      }
+    };
+    _this.attachObserver = function () {
+      var _a = _this.props,
+        targetRef = _a.targetRef,
+        observerOptions = _a.observerOptions;
+      if (isSSR()) {
+        return;
+      }
+      if (targetRef && targetRef.current) {
+        _this.targetRef.current = targetRef.current;
+      }
+      var element = _this.getElement();
+      if (!element) {
+        // can't find element to observe
+        return;
+      }
+      if (_this.observableElement && _this.observableElement === element) {
+        // element is already observed
+        return;
+      }
+      _this.observableElement = element;
+      _this.resizeObserver.observe(element, observerOptions);
+    };
+    _this.getElement = function () {
+      var _a = _this.props,
+        querySelector = _a.querySelector,
+        targetDomEl = _a.targetDomEl;
+      if (isSSR()) return null;
+      // in case we pass a querySelector
+      if (querySelector) return document.querySelector(querySelector);
+      // in case we pass a DOM element
+      if (targetDomEl && isDOMElement(targetDomEl)) return targetDomEl;
+      // in case we pass a React ref using React.createRef()
+      if (_this.targetRef && isDOMElement(_this.targetRef.current)) return _this.targetRef.current;
+      // the worse case when we don't receive any information from the parent and the library doesn't add any wrappers
+      // we have to use a deprecated `findDOMNode` method in order to find a DOM element to attach to
+      var currentElement = findDOMNode(_this);
+      if (!currentElement) return null;
+      var renderType = _this.getRenderType();
+      switch (renderType) {
+        case 'renderProp':
+          return currentElement;
+        case 'childFunction':
+          return currentElement;
+        case 'child':
+          return currentElement;
+        case 'childArray':
+          return currentElement;
+        default:
+          return currentElement.parentElement;
+      }
+    };
+    _this.createResizeHandler = function (entries) {
+      var _a = _this.props,
+        _b = _a.handleWidth,
+        handleWidth = _b === void 0 ? true : _b,
+        _c = _a.handleHeight,
+        handleHeight = _c === void 0 ? true : _c,
+        onResize = _a.onResize;
+      if (!handleWidth && !handleHeight) return;
+      var notifyResize = createNotifier(onResize, _this.setState.bind(_this), handleWidth, handleHeight);
+      entries.forEach(function (entry) {
+        var _a = entry && entry.contentRect || {},
+          width = _a.width,
+          height = _a.height;
+        var shouldSetSize = !_this.skipOnMount && !isSSR();
+        if (shouldSetSize) {
+          notifyResize({
+            width: width,
+            height: height
+          });
+        }
+        _this.skipOnMount = false;
+      });
+    };
+    _this.getRenderType = function () {
+      var _a = _this.props,
+        render = _a.render,
+        children = _a.children;
+      if (isFunction(render)) {
+        // DEPRECATED. Use `Child Function Pattern` instead
+        return 'renderProp';
+      }
+      if (isFunction(children)) {
+        return 'childFunction';
+      }
+      if ( /*#__PURE__*/isValidElement(children)) {
+        return 'child';
+      }
+      if (Array.isArray(children)) {
+        // DEPRECATED. Wrap children with a single parent
+        return 'childArray';
+      }
+      // DEPRECATED. Use `Child Function Pattern` instead
+      return 'parent';
+    };
+    var skipOnMount = props.skipOnMount,
+      refreshMode = props.refreshMode,
+      _a = props.refreshRate,
+      refreshRate = _a === void 0 ? 1000 : _a,
+      refreshOptions = props.refreshOptions;
+    _this.state = {
+      width: undefined,
+      height: undefined
+    };
+    _this.skipOnMount = skipOnMount;
+    _this.targetRef = /*#__PURE__*/createRef();
+    _this.observableElement = null;
+    if (isSSR()) {
+      return _this;
+    }
+    _this.resizeHandler = patchResizeHandler(_this.createResizeHandler, refreshMode, refreshRate, refreshOptions);
+    _this.resizeObserver = new window.ResizeObserver(_this.resizeHandler);
+    return _this;
+  }
+  ResizeDetector.prototype.componentDidMount = function () {
+    this.attachObserver();
+  };
+  ResizeDetector.prototype.componentDidUpdate = function () {
+    this.attachObserver();
+  };
+  ResizeDetector.prototype.componentWillUnmount = function () {
+    if (isSSR()) {
+      return;
+    }
+    this.observableElement = null;
+    this.resizeObserver.disconnect();
+    this.cancelHandler();
+  };
+  ResizeDetector.prototype.render = function () {
+    var _a = this.props,
+      render = _a.render,
+      children = _a.children,
+      _b = _a.nodeType,
+      WrapperTag = _b === void 0 ? 'div' : _b;
+    var _c = this.state,
+      width = _c.width,
+      height = _c.height;
+    var childProps = {
+      width: width,
+      height: height,
+      targetRef: this.targetRef
+    };
+    var renderType = this.getRenderType();
+    var typedChildren;
+    switch (renderType) {
+      case 'renderProp':
+        return render && render(childProps);
+      case 'childFunction':
+        typedChildren = children;
+        return typedChildren(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);
+        }
+        // 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);
+        });
+      default:
+        return /*#__PURE__*/React.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;
+  var skipResize = useRef(skipOnMount);
+  var localRef = useRef(null);
+  var ref = targetRef !== null && targetRef !== void 0 ? targetRef : localRef;
+  var resizeHandler = useRef();
+  var _e = useState({
+      width: undefined,
+      height: undefined
+    }),
+    size = _e[0],
+    setSize = _e[1];
+  useEnhancedEffect(function () {
+    if (isSSR()) {
+      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;
+      });
+    };
+    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);
+    }
+    return function () {
+      resizeObserver.disconnect();
+      var patchedResizeHandler = resizeHandler.current;
+      if (patchedResizeHandler && patchedResizeHandler.cancel) {
+        patchedResizeHandler.cancel();
+      }
+    };
+  }, [refreshMode, refreshRate, refreshOptions, handleWidth, handleHeight, onResize, observerOptions, ref.current]);
+  return __assign({
+    ref: ref
+  }, size);
+}
+
+export { useResizeDetector };
+//# sourceMappingURL=index.esm.mjs.map