react-resize-detector
Advanced tools
react-resize-detector - npm Package Compare versions
Comparing version 7.1.2 to 8.0.0
@@ -1,2 +0,2 @@ | ||
| import*as React from'react';import {cloneElement,isValidElement,createRef,PureComponent,Component,forwardRef,useRef,useState,useEffect,useLayoutEffect}from'react';import {findDOMNode}from'react-dom';/****************************************************************************** | ||
| import*as React from'react';import {cloneElement,isValidElement,createRef,PureComponent,Component,forwardRef,useRef,useState,useEffect,useLayoutEffect}from'react';import {findDOMNode}from'react-dom';import debounce from'lodash/debounce';import throttle from'lodash/throttle';/*! ***************************************************************************** | ||
| Copyright (c) Microsoft Corporation. | ||
@@ -20,3 +20,3 @@ | ||
| ({ __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]; }; | ||
| function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; | ||
| return extendStatics(d, b); | ||
@@ -26,4 +26,2 @@ }; | ||
| 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); | ||
@@ -55,587 +53,8 @@ function __() { this.constructor = d; } | ||
| 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 patchResizeHandler = 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: | ||
@@ -647,3 +66,5 @@ return resizeCallback; | ||
| var isSSR = function () { return typeof window === 'undefined'; }; | ||
| var isDOMElement = function (element) { return element instanceof Element || element instanceof HTMLDocument; }; | ||
| var isDOMElement = function (element) { | ||
| return element instanceof Element || element instanceof HTMLDocument; | ||
| }; | ||
| var createNotifier = function (onResize, setSize, handleWidth, handleHeight) { | ||
@@ -661,5 +82,3 @@ return function (_a) { | ||
| } | ||
| if (onResize && isFunction(onResize)) { | ||
| onResize(width, height); | ||
| } | ||
| onResize === null || onResize === void 0 ? void 0 : onResize(width, height); | ||
| return { width: width, height: height }; | ||
@@ -798,22 +217,25 @@ }); | ||
| var renderType = this.getRenderType(); | ||
| var typedChildren; | ||
| switch (renderType) { | ||
| case 'renderProp': | ||
| return render && render(childProps); | ||
| case 'childFunction': | ||
| typedChildren = children; | ||
| return typedChildren(childProps); | ||
| case 'child': | ||
| return render === null || render === void 0 ? void 0 : render(childProps); | ||
| case 'childFunction': { | ||
| 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') { | ||
| 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 cloneElement(typedChildren, nativeProps); | ||
| return cloneElement(child, nativeProps); | ||
| } | ||
| // class or functional component otherwise | ||
| return cloneElement(typedChildren, childProps); | ||
| case 'childArray': | ||
| typedChildren = children; | ||
| return typedChildren.map(function (el) { return !!el && cloneElement(el, childProps); }); | ||
| return cloneElement(child, childProps); | ||
| } | ||
| case 'childArray': { | ||
| var childArray = children; | ||
| return childArray.map(function (el) { return !!el && cloneElement(el, childProps); }); | ||
| } | ||
| default: | ||
@@ -853,4 +275,4 @@ return React.createElement(WrapperTag, null); | ||
| var localRef = useRef(null); | ||
| var ref = (targetRef !== null && targetRef !== void 0 ? targetRef : localRef); | ||
| var resizeHandler = useRef(); | ||
| var ref = targetRef !== null && targetRef !== void 0 ? targetRef : localRef; | ||
| var _e = useState({ | ||
@@ -861,5 +283,4 @@ width: undefined, | ||
| useEnhancedEffect(function () { | ||
| if (isSSR()) { | ||
| if (!handleWidth && !handleHeight) | ||
| return; | ||
| } | ||
| var notifyResize = createNotifier(onResize, setSize, handleWidth, handleHeight); | ||
@@ -871,3 +292,3 @@ var resizeCallback = function (entries) { | ||
| var _a = (entry && entry.contentRect) || {}, width = _a.width, height = _a.height; | ||
| var shouldSetSize = !skipResize.current && !isSSR(); | ||
| var shouldSetSize = !skipResize.current; | ||
| if (shouldSetSize) { | ||
@@ -882,11 +303,8 @@ notifyResize({ width: width, height: height }); | ||
| if (ref.current) { | ||
| // Something wrong with typings here... | ||
| resizeObserver.observe(ref.current, observerOptions); | ||
| } | ||
| return function () { | ||
| var _a, _b; | ||
| resizeObserver.disconnect(); | ||
| var patchedResizeHandler = resizeHandler.current; | ||
| if (patchedResizeHandler && patchedResizeHandler.cancel) { | ||
| patchedResizeHandler.cancel(); | ||
| } | ||
| (_b = (_a = resizeHandler.current).cancel) === null || _b === void 0 ? void 0 : _b.call(_a); | ||
| }; | ||
@@ -893,0 +311,0 @@ }, [refreshMode, refreshRate, refreshOptions, handleWidth, handleHeight, onResize, observerOptions, ref.current]); |
@@ -1,2 +0,2 @@ | ||
| 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var React=require('react'),reactDom=require('react-dom');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n["default"]=e;return Object.freeze(n)}var React__namespace=/*#__PURE__*/_interopNamespace(React);/****************************************************************************** | ||
| 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var React=require('react'),reactDom=require('react-dom'),debounce=require('lodash/debounce'),throttle=require('lodash/throttle');function _interopNamespaceDefault(e){var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var React__namespace=/*#__PURE__*/_interopNamespaceDefault(React);/*! ***************************************************************************** | ||
| Copyright (c) Microsoft Corporation. | ||
@@ -20,3 +20,3 @@ | ||
| ({ __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]; }; | ||
| function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; | ||
| return extendStatics(d, b); | ||
@@ -26,4 +26,2 @@ }; | ||
| 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); | ||
@@ -55,587 +53,8 @@ function __() { this.constructor = d; } | ||
| 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 patchResizeHandler = 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: | ||
@@ -647,3 +66,5 @@ return resizeCallback; | ||
| var isSSR = function () { return typeof window === 'undefined'; }; | ||
| var isDOMElement = function (element) { return element instanceof Element || element instanceof HTMLDocument; }; | ||
| var isDOMElement = function (element) { | ||
| return element instanceof Element || element instanceof HTMLDocument; | ||
| }; | ||
| var createNotifier = function (onResize, setSize, handleWidth, handleHeight) { | ||
@@ -661,5 +82,3 @@ return function (_a) { | ||
| } | ||
| if (onResize && isFunction(onResize)) { | ||
| onResize(width, height); | ||
| } | ||
| onResize === null || onResize === void 0 ? void 0 : onResize(width, height); | ||
| return { width: width, height: height }; | ||
@@ -798,22 +217,25 @@ }); | ||
| var renderType = this.getRenderType(); | ||
| var typedChildren; | ||
| switch (renderType) { | ||
| case 'renderProp': | ||
| return render && render(childProps); | ||
| case 'childFunction': | ||
| typedChildren = children; | ||
| return typedChildren(childProps); | ||
| case 'child': | ||
| return render === null || render === void 0 ? void 0 : render(childProps); | ||
| case 'childFunction': { | ||
| 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') { | ||
| 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 React.cloneElement(typedChildren, nativeProps); | ||
| return React.cloneElement(child, nativeProps); | ||
| } | ||
| // class or functional component otherwise | ||
| return React.cloneElement(typedChildren, childProps); | ||
| case 'childArray': | ||
| typedChildren = children; | ||
| return typedChildren.map(function (el) { return !!el && React.cloneElement(el, childProps); }); | ||
| return React.cloneElement(child, childProps); | ||
| } | ||
| case 'childArray': { | ||
| var childArray = children; | ||
| return childArray.map(function (el) { return !!el && React.cloneElement(el, childProps); }); | ||
| } | ||
| default: | ||
@@ -853,4 +275,4 @@ return React__namespace.createElement(WrapperTag, null); | ||
| var localRef = React.useRef(null); | ||
| var ref = (targetRef !== null && targetRef !== void 0 ? targetRef : localRef); | ||
| var resizeHandler = React.useRef(); | ||
| var ref = targetRef !== null && targetRef !== void 0 ? targetRef : localRef; | ||
| var _e = React.useState({ | ||
@@ -861,5 +283,4 @@ width: undefined, | ||
| useEnhancedEffect(function () { | ||
| if (isSSR()) { | ||
| if (!handleWidth && !handleHeight) | ||
| return; | ||
| } | ||
| var notifyResize = createNotifier(onResize, setSize, handleWidth, handleHeight); | ||
@@ -871,3 +292,3 @@ var resizeCallback = function (entries) { | ||
| var _a = (entry && entry.contentRect) || {}, width = _a.width, height = _a.height; | ||
| var shouldSetSize = !skipResize.current && !isSSR(); | ||
| var shouldSetSize = !skipResize.current; | ||
| if (shouldSetSize) { | ||
@@ -882,14 +303,11 @@ notifyResize({ width: width, height: height }); | ||
| if (ref.current) { | ||
| // Something wrong with typings here... | ||
| resizeObserver.observe(ref.current, observerOptions); | ||
| } | ||
| return function () { | ||
| var _a, _b; | ||
| resizeObserver.disconnect(); | ||
| var patchedResizeHandler = resizeHandler.current; | ||
| if (patchedResizeHandler && patchedResizeHandler.cancel) { | ||
| patchedResizeHandler.cancel(); | ||
| } | ||
| (_b = (_a = resizeHandler.current).cancel) === null || _b === void 0 ? void 0 : _b.call(_a); | ||
| }; | ||
| }, [refreshMode, refreshRate, refreshOptions, handleWidth, handleHeight, onResize, observerOptions, ref.current]); | ||
| return __assign({ ref: ref }, size); | ||
| }exports["default"]=ResizeDetector;exports.useResizeDetector=useResizeDetector;exports.withResizeDetector=withResizeDetector;//# sourceMappingURL=index.js.map | ||
| }exports.default=ResizeDetector;exports.useResizeDetector=useResizeDetector;exports.withResizeDetector=withResizeDetector;//# sourceMappingURL=index.js.map |
| { | ||
| "name": "react-resize-detector", | ||
| "version": "8.0.0", | ||
| "description": "React resize detector", | ||
@@ -9,3 +10,3 @@ "main": "build/index.js", | ||
| ], | ||
| "types": "build/index.d.ts", | ||
| "types": "build/types/index.d.ts", | ||
| "repository": { | ||
@@ -18,3 +19,8 @@ "type": "git", | ||
| "link": "npm link react react-dom", | ||
| "prerelease": "npm version prerelease --preid=rc" | ||
| "prettier": "prettier --write .", | ||
| "lint": "eslint .", | ||
| "lint-fix": "eslint --fix", | ||
| "fix": "npm run prettier && npm run lint-fix", | ||
| "prerelease": "npm version prerelease --preid=rc", | ||
| "prepublishOnly": "npm run build" | ||
| }, | ||
@@ -25,26 +31,18 @@ "dependencies": { | ||
| "devDependencies": { | ||
| "@babel/cli": "^7.17.10", | ||
| "@babel/core": "^7.18.0", | ||
| "@rollup/plugin-babel": "^5.3.1", | ||
| "@rollup/plugin-commonjs": "^22.0.0", | ||
| "@rollup/plugin-inject": "^4.0.4", | ||
| "@rollup/plugin-node-resolve": "^13.3.0", | ||
| "@types/lodash": "^4.14.182", | ||
| "@types/react": "^18.0.9", | ||
| "@types/react-dom": "^18.0.5", | ||
| "@types/resize-observer-browser": "^0.1.7", | ||
| "@typescript-eslint/eslint-plugin": "^5.26.0", | ||
| "@typescript-eslint/parser": "^5.26.0", | ||
| "babel-eslint": "^10.0.3", | ||
| "cross-env": "^7.0.3", | ||
| "eslint": "^8.16.0", | ||
| "eslint-plugin-import": "^2.26.0", | ||
| "eslint-plugin-jsx-a11y": "^6.5.1", | ||
| "eslint-plugin-react": "^7.30.0", | ||
| "rimraf": "^3.0.0", | ||
| "rollup": "^2.74.1", | ||
| "rollup-plugin-copy": "^3.4.0", | ||
| "rollup-plugin-typescript2": "^0.31.2", | ||
| "tslint": "^6.1.3", | ||
| "typescript": "^4.7.2" | ||
| "@rollup/plugin-commonjs": "^24.0.0", | ||
| "@rollup/plugin-node-resolve": "^15.0.1", | ||
| "@rollup/plugin-typescript": "^11.0.0", | ||
| "@types/lodash": "^4.14.191", | ||
| "@types/react": "^18.0.26", | ||
| "@types/react-dom": "^18.0.10", | ||
| "@typescript-eslint/eslint-plugin": "^5.48.1", | ||
| "@typescript-eslint/parser": "^5.48.1", | ||
| "eslint": "^8.32.0", | ||
| "eslint-config-prettier": "^8.6.0", | ||
| "eslint-plugin-import": "^2.27.4", | ||
| "eslint-plugin-react": "^7.32.0", | ||
| "prettier": "^2.8.3", | ||
| "rollup": "^3.10.0", | ||
| "rollup-plugin-node-externals": "^5.1.0", | ||
| "typescript": "^4.9.4" | ||
| }, | ||
@@ -56,3 +54,2 @@ "peerDependencies": { | ||
| "author": "Vitalii Maslianok <maslianok@gmail.com> (https://github.com/maslianok)", | ||
| "version": "7.1.2", | ||
| "bugs": { | ||
@@ -83,4 +80,7 @@ "url": "https://github.com/maslianok/react-resize-detector/issues" | ||
| "name": "James J. Womack (@james_womack)" | ||
| }, | ||
| { | ||
| "name": "Roman Zhuravlov (@snelsi)" | ||
| } | ||
| ] | ||
| } |
@@ -1,2 +0,2 @@ | ||
| # Handle element resizes like it's 2022! | ||
| # Handle element resizes like it's 2023! | ||
@@ -15,5 +15,5 @@ <img src="https://img.shields.io/npm/dm/react-resize-detector?style=flat-square"> <img src="https://badgen.net/bundlephobia/minzip/react-resize-detector?style=flat-square"> <img src="https://badgen.net/bundlephobia/tree-shaking/react-resize-detector?style=flat-square"> | ||
| 🐠 Used by <a href="https://github.com/maslianok/react-resize-detector/network/dependents" target="__blank">20k+ repositories</a> | ||
| 🐠 Used by <a href="https://github.com/maslianok/react-resize-detector/network/dependents" target="__blank">75k repositories</a> | ||
| 🦄 Generating 35M+ downloads/year | ||
| 🦄 Generating <a href="https://npmtrends.com/react-resize-detector" target="__blank">50M+ downloads/year</a> | ||
@@ -20,0 +20,0 @@ No `window.resize` listeners! No timeouts! No 👑 viruses! :) |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Uses eval
Supply chain riskPackage uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 1 instance in 1 package
Improved metrics
- Dev dependency count
- decreased by-33.33%
16
- Number of medium supply chain risk alerts
- decreased by-50%
1
Worsened metrics
- Total package byte prevSize
- decreased by-56.57%
97666
- Lines of code
- decreased by-57.7%
750
No dependency changes