New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@welldone-software/why-did-you-render
Advanced tools
@welldone-software/why-did-you-render - npm Package Compare versions
Comparing version 3.0.0-beta.1 to 3.0.0-beta.2
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.1 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.2 | ||
| * MIT Licensed | ||
@@ -12,3 +12,2 @@ * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| var _capitalize = _interopDefault(require('lodash/capitalize')); | ||
| var _defaults = _interopDefault(require('lodash/defaults')); | ||
@@ -376,3 +375,2 @@ var _isString = _interopDefault(require('lodash/isString')); | ||
| var userOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; | ||
| var React = arguments.length > 1 ? arguments[1] : undefined; | ||
| var consoleGroup = console.group; | ||
@@ -398,11 +396,3 @@ var consoleGroupEnd = console.groupEnd; | ||
| logOnDifferentValues: false, | ||
| trackHooks: _objectSpread({ | ||
| useState: { | ||
| fn: React.useState, | ||
| allowShallow: true | ||
| }, | ||
| useReducer: { | ||
| fn: React.useReducer | ||
| } | ||
| }, userOptions.userHooks) | ||
| trackHooks: true | ||
| }, userOptions); | ||
@@ -731,41 +721,33 @@ } | ||
| function getPatchedHook(hookName, hookConfig, React, options) { | ||
| var newHook = function newHook() { | ||
| var nextHook = hookConfig.fn.apply(hookConfig, arguments); | ||
| var Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type; | ||
| var displayName = getDisplayName(Component); | ||
| var isShouldTrack = shouldTrack(Component, displayName, options); | ||
| function trackHookChanges(hookName, hookConfig, hookResult, React, options) { | ||
| var nextHook = hookResult; | ||
| var Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type; | ||
| var displayName = getDisplayName(Component); | ||
| var isShouldTrack = shouldTrack(Component, displayName, options); | ||
| if (!isShouldTrack) { | ||
| return nextHook; | ||
| } | ||
| if (!isShouldTrack) { | ||
| return nextHook; | ||
| } | ||
| var ref = React.useRef(); | ||
| var prevHook = ref.current; | ||
| ref.current = nextHook; | ||
| var ref = React.useRef(); | ||
| var prevHook = ref.current; | ||
| ref.current = nextHook; | ||
| if (prevHook) { | ||
| var notification = getUpdateInfo({ | ||
| Component: Component, | ||
| displayName: displayName, | ||
| hookName: hookName, | ||
| prevHook: prevHook, | ||
| nextHook: nextHook, | ||
| options: options | ||
| }); | ||
| var shouldNotifyHookDifference = notification.reason.hookDifferences && (notification.reason.hookDifferences.length > 0 || !hookConfig.allowShallow); | ||
| if (prevHook) { | ||
| var notification = getUpdateInfo({ | ||
| Component: Component, | ||
| displayName: displayName, | ||
| hookName: hookName, | ||
| prevHook: prevHook, | ||
| nextHook: nextHook, | ||
| options: options | ||
| }); | ||
| var shouldNotifyHookDifference = notification.reason.hookDifferences && (notification.reason.hookDifferences.length > 0 || !hookConfig.allowShallow); | ||
| if (shouldNotifyHookDifference) { | ||
| options.notifier(notification); | ||
| } | ||
| if (shouldNotifyHookDifference) { | ||
| options.notifier(notification); | ||
| } | ||
| } | ||
| return ref.current; | ||
| }; | ||
| var newHookName = "patched".concat(_capitalize(hookName[0])).concat(hookName.substr(1)); | ||
| Object.defineProperty(newHook, 'name', { | ||
| value: newHookName | ||
| }); | ||
| return newHook; | ||
| return ref.current; | ||
| } | ||
@@ -795,7 +777,12 @@ | ||
| var hooksConfig = { | ||
| useState: { | ||
| allowShallow: true | ||
| }, | ||
| useReducer: true | ||
| }; | ||
| function whyDidYouRender(React, userOptions) { | ||
| var options = normalizeOptions(userOptions, React); | ||
| var options = normalizeOptions(userOptions); | ||
| var origCreateElement = React.createElement; | ||
| var origCreateFactory = React.createFactory; | ||
| var origHooks = {}; | ||
| var componentsMap = new WeakMap(); | ||
@@ -830,9 +817,28 @@ | ||
| if (options.trackHooks) { | ||
| Object.entries(options.trackHooks).forEach(function (_ref) { | ||
| var _ref2 = _slicedToArray(_ref, 2), | ||
| hookName = _ref2[0], | ||
| hookConfig = _ref2[1]; | ||
| var currentDispatcher; | ||
| Object.defineProperty(React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher, 'current', { | ||
| set: function set(_currentDispatcher) { | ||
| currentDispatcher = _currentDispatcher; | ||
| }, | ||
| get: function get() { | ||
| return Object.entries(hooksConfig).reduce(function (result, _ref) { | ||
| var _ref2 = _slicedToArray(_ref, 2), | ||
| hookName = _ref2[0], | ||
| hookConfig = _ref2[1]; | ||
| origHooks[hookName] = React[hookName]; | ||
| React[hookName] = getPatchedHook(hookName, hookConfig, React, options); | ||
| result[hookName] = function () { | ||
| var _currentDispatcher2; | ||
| var hookResult = (_currentDispatcher2 = currentDispatcher)[hookName].apply(_currentDispatcher2, arguments); | ||
| if (hookConfig) { | ||
| trackHookChanges(hookName, hookConfig === true ? {} : hookConfig, hookResult, React, options); | ||
| } | ||
| return hookResult; | ||
| }; | ||
| return result; | ||
| }, _objectSpread({}, currentDispatcher)); | ||
| } | ||
| }); | ||
@@ -842,7 +848,10 @@ } | ||
| React.__REVERT_WHY_DID_YOU_RENDER__ = function () { | ||
| Object.assign(React, _objectSpread({ | ||
| Object.assign(React, { | ||
| createElement: origCreateElement, | ||
| createFactory: origCreateFactory | ||
| }, origHooks)); | ||
| }); | ||
| componentsMap = null; | ||
| Object.defineProperty(React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher, 'current', { | ||
| writable: true | ||
| }); | ||
| delete React.__REVERT_WHY_DID_YOU_RENDER__; | ||
@@ -849,0 +858,0 @@ }; |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.1 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.2 | ||
| * MIT Licensed | ||
@@ -8,3 +8,3 @@ * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| "use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var _capitalize=_interopDefault(require("lodash/capitalize")),_defaults=_interopDefault(require("lodash/defaults")),_isString=_interopDefault(require("lodash/isString")),_reduce=_interopDefault(require("lodash/reduce")),_has=_interopDefault(require("lodash/has")),_keys=_interopDefault(require("lodash/keys")),_isFunction=_interopDefault(require("lodash/isFunction")),_isRegExp=_interopDefault(require("lodash/isRegExp")),_isDate=_interopDefault(require("lodash/isDate")),_isPlainObject=_interopDefault(require("lodash/isPlainObject")),_isArray=_interopDefault(require("lodash/isArray"));function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){_defineProperty(e,t,r[t])})}return e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _getPrototypeOf(e){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function _setPrototypeOf(e,t){return(_setPrototypeOf=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _possibleConstructorReturn(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?_assertThisInitialized(e):t}function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}function _get(e,t,r){return(_get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var n=_superPropBase(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}})(e,t,r||e)}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_nonIterableRest()}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}function _iterableToArrayLimit(e,t){var r=[],n=!0,o=!1,i=void 0;try{for(var a,f=e[Symbol.iterator]();!(n=(a=f.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==f.return||f.return()}finally{if(o)throw i}}return r}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var _diffTypesDescription,diffTypes={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},moreInfoUrl="http://bit.ly/wdyr02",moreInfoHooksUrl="http://bit.ly/wdyr3",diffTypesDescriptions=(_defineProperty(_diffTypesDescription={},diffTypes.different,"different objects."),_defineProperty(_diffTypesDescription,diffTypes.deepEquals,"different objects that are equal by value."),_defineProperty(_diffTypesDescription,diffTypes.date,"different date objects with the same value."),_defineProperty(_diffTypesDescription,diffTypes.regex,"different regular expressions with the same value."),_defineProperty(_diffTypesDescription,diffTypes.reactElement,"different React elements with the same displayName."),_defineProperty(_diffTypesDescription,diffTypes.function,"different functions with the same name."),_diffTypesDescription),inHotReload=!1;function shouldLog(e,t,r){return!inHotReload&&(!!r.logOnDifferentValues||(!(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)||!(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===diffTypes.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===diffTypes.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===diffTypes.different}))))}function logDifference(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,i=e.diffObjType,a=e.differences,f=e.values,s=e.options;a&&a.length>0?(s.consoleLog(_defineProperty({},r,t),"".concat(o," of ").concat(i," changes:")),a.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,a=e.nextValue;s.consoleGroup("%c".concat("hook"===i?"hook ".concat(n," "):"".concat(i,"."),"%c").concat(t,"%c"),"color:blue;","color:red;","color:black;"),s.consoleLog("".concat(diffTypesDescriptions[r]," (more info at ").concat(n?moreInfoHooksUrl:moreInfoUrl,")")),s.consoleLog(_defineProperty({},"prev ".concat(t),o),"!==",_defineProperty({},"next ".concat(t),a)),s.consoleGroupEnd()})):a&&(s.consoleLog(_defineProperty({},r,t),"".concat(o," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(moreInfoUrl)),s.consoleLog("prev ".concat(i,":"),f.prev," !== ",f.next,":next ".concat(i)))}function defaultNotifier(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook,p=e.reason,u=e.options;if(shouldLog(p,t,u)){u.consoleGroup("%c".concat(r),"color: #058;");var l="Re-rendered because";p.propsDifferences&&(logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"props",differences:p.propsDifferences,values:{prev:o,next:f},options:u}),l="And because"),p.stateDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"state",differences:p.stateDifferences,values:{prev:i,next:s},options:u}),p.hookDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"hook",differences:p.hookDifferences,values:{prev:a,next:c},hookName:n,options:u}),p.propsDifferences||p.stateDifferences||p.hookDifferences||u.consoleLog(_defineProperty({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(moreInfoUrl)),u.consoleGroupEnd()}}function createDefaultNotifier(e){return e&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(inHotReload=!0,setTimeout(function(){inHotReload=!1},e))}),defaultNotifier}var emptyFn=function(){};function normalizeOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,r=console.group,n=console.groupEnd;return e.collapseGroups?r=console.groupCollapsed:e.onlyLogs&&(r=console.log,n=emptyFn),_objectSpread({include:null,exclude:null,notifier:e.notifier||createDefaultNotifier(e.hasOwnProperty("hotReloadBufferMs")?e.hotReloadBufferMs:500),onlyLogs:!1,consoleLog:console.log,consoleGroup:r,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:_objectSpread({useState:{fn:t.useState,allowShallow:!0},useReducer:{fn:t.useReducer}},e.userHooks)},e)}function getDisplayName(e){return e.displayName||e.name||e.type&&getDisplayName(e.type)||(_isString(e)?e:void 0)}var hasElementType="undefined"!=typeof Element,hasSymbol="function"==typeof Symbol&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,isReactElement=function(e){return e.$$typeof===REACT_ELEMENT_TYPE};function trackDiff(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==diffTypes.different}function accumulateDeepEqualDiffs(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(e===t)return!0;if(!e||!t)return trackDiff(e,t,r,n,diffTypes.different);if(_isArray(e)&&_isArray(t)){var o=e.length;if(o!==t.length)return trackDiff(e,t,r,n,diffTypes.different);for(var i=!0,a=o;0!=a--;)accumulateDeepEqualDiffs(e[a],t[a],r,"".concat(n,"[").concat(a,"]"))||(i=!1);return trackDiff(e,t,r,n,i?diffTypes.deepEquals:diffTypes.different)}if(_isDate(e)&&_isDate(t))return e.getTime()===t.getTime()?trackDiff(e,t,r,n,diffTypes.date):trackDiff(e,t,r,n,diffTypes.different);if(_isRegExp(e)&&_isRegExp(t))return e.toString()===t.toString()?trackDiff(e,t,r,n,diffTypes.regex):trackDiff(e,t,r,n,diffTypes.different);if(hasElementType&&e instanceof Element&&t instanceof Element)return trackDiff(e,t,r,n,diffTypes.different);if(isReactElement(e)&&isReactElement(t))return e.type===t.type?trackDiff(e,t,r,n,diffTypes.reactElement):trackDiff(e,t,r,n,diffTypes.different);if(_isFunction(e)&&_isFunction(t))return e.name===t.name?trackDiff(e,t,r,n,diffTypes.function):trackDiff(e,t,r,n,diffTypes.different);if(_isPlainObject(e)&&_isPlainObject(t)){var f=_keys(e),s=f.length;if(s!==_keys(t).length)return trackDiff(e,t,r,n,diffTypes.different);for(var c=s;0!=c--;)if(!_has(t,f[c]))return trackDiff(e,t,r,n,diffTypes.different);for(var p=!0,u=s;0!=u--;){var l=f[u];accumulateDeepEqualDiffs(e[l],t[l],r,"".concat(n,".").concat(l))||(p=!1)}return trackDiff(e,t,r,n,p?diffTypes.deepEquals:diffTypes.different)}return trackDiff(e,t,r,n,diffTypes.different)}function calculateDeepEqualDiffs(e,t,r){try{var n=[];return accumulateDeepEqualDiffs(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var emptyObject={};function findObjectsDifferences(e,t){if(e===t)return!1;var r=e||emptyObject,n=t||emptyObject,o=Object.keys(_objectSpread({},r,n));return _reduce(o,function(e,t){var o=calculateDeepEqualDiffs(r[t],n[t],t);return o&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(o))),e},[])}function getUpdateReason(e,t,r,n,o,i){return{propsDifferences:findObjectsDifferences(e,n),stateDifferences:findObjectsDifferences(t,o),hookDifferences:findObjectsDifferences(r,i)}}function getUpdateInfo(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:i,prevHook:a,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:getUpdateReason(o,i,a,f,s,c)}}function shouldInclude(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}function shouldExclude(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}function shouldTrack(e,t,r){return!shouldExclude(t,r)&&!(!e.whyDidYouRender&&!shouldInclude(t,r))}var hasSymbol$1="function"==typeof Symbol&&Symbol.for,REACT_MEMO_TYPE=hasSymbol$1?Symbol.for("react.memo"):60115;function patchClassComponent(e,t,r,n){var o=function(r){function o(t,r){var n;if(_classCallCheck(this,o),(n=_possibleConstructorReturn(this,_getPrototypeOf(o).call(this,t,r))).render&&!e.prototype.render){var i=n.render;n.render=function(){return o.prototype.render.apply(_assertThisInitialized(n)),i()}}return n}return _inherits(o,e),_createClass(o,[{key:"render",value:function(){return this._prevProps&&n.notifier(getUpdateInfo({Component:e,displayName:t,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:n})),this._prevProps=this.props,this._prevState=this.state,_get(_getPrototypeOf(o.prototype),"render",this)&&_get(_getPrototypeOf(o.prototype),"render",this).call(this)}}]),o}();return o.displayName=t,_defaults(o,e),o}function patchFunctionalComponent(e,t,r,n){function o(o){var i=r.useRef(),a=i.current;if(i.current=o,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:o,options:n});f.reason.propsDifferences&&n.notifier(f)}return e(o)}return o.displayName=t,_defaults(o,e),o}function patchMemoComponent(e,t,r,n){var o=r.memo(function(o){var i=r.useRef(),a=i.current;if(i.current=o,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:o,options:n});f.reason.propsDifferences&&n.notifier(f)}return e.type(o)});return o.displayName=t,_defaults(o,e),o}function getPatchedHook(e,t,r,n){var o=function(){var o=t.fn.apply(t,arguments),i=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,a=getDisplayName(i);if(!shouldTrack(i,a,n))return o;var f=r.useRef(),s=f.current;if(f.current=o,s){var c=getUpdateInfo({Component:i,displayName:a,hookName:e,prevHook:s,nextHook:o,options:n});c.reason.hookDifferences&&(c.reason.hookDifferences.length>0||!t.allowShallow)&&n.notifier(c)}return f.current},i="patched".concat(_capitalize(e[0])).concat(e.substr(1));return Object.defineProperty(o,"name",{value:i}),o}function createPatchedComponent(e,t,r,n,o){return t.$$typeof===REACT_MEMO_TYPE?patchMemoComponent(t,r,n,o):t.prototype&&t.prototype.isReactComponent?patchClassComponent(t,r,n,o):patchFunctionalComponent(t,r,n,o)}function getPatchedComponent(e,t,r,n,o){if(e.has(t))return e.get(t);var i=createPatchedComponent(e,t,r,n,o);return e.set(t,i),i}function whyDidYouRender(e,t){var r=normalizeOptions(t,e),n=e.createElement,o=e.createFactory,i={},a=new WeakMap;return e.createElement=function(t){for(var o=("function"==typeof t||t.$$typeof===REACT_MEMO_TYPE)&&shouldTrack(t,getDisplayName(t),r),i=arguments.length,f=new Array(i>1?i-1:0),s=1;s<i;s++)f[s-1]=arguments[s];if(!o)return n.apply(e,[t].concat(f));var c=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||getDisplayName(t),p=getPatchedComponent(a,t,c,e,r);return n.apply(e,[p].concat(f))},Object.assign(e.createElement,n),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,o),r.trackHooks&&Object.entries(r.trackHooks).forEach(function(t){var n=_slicedToArray(t,2),o=n[0],a=n[1];i[o]=e[o],e[o]=getPatchedHook(o,a,e,r)}),e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,_objectSpread({createElement:n,createFactory:o},i)),a=null,delete e.__REVERT_WHY_DID_YOU_RENDER__},e}module.exports=whyDidYouRender; | ||
| "use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var _defaults=_interopDefault(require("lodash/defaults")),_isString=_interopDefault(require("lodash/isString")),_reduce=_interopDefault(require("lodash/reduce")),_has=_interopDefault(require("lodash/has")),_keys=_interopDefault(require("lodash/keys")),_isFunction=_interopDefault(require("lodash/isFunction")),_isRegExp=_interopDefault(require("lodash/isRegExp")),_isDate=_interopDefault(require("lodash/isDate")),_isPlainObject=_interopDefault(require("lodash/isPlainObject")),_isArray=_interopDefault(require("lodash/isArray"));function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){_defineProperty(e,t,r[t])})}return e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _getPrototypeOf(e){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function _setPrototypeOf(e,t){return(_setPrototypeOf=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _possibleConstructorReturn(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?_assertThisInitialized(e):t}function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}function _get(e,t,r){return(_get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var n=_superPropBase(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}})(e,t,r||e)}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_nonIterableRest()}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}function _iterableToArrayLimit(e,t){var r=[],n=!0,o=!1,i=void 0;try{for(var a,f=e[Symbol.iterator]();!(n=(a=f.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==f.return||f.return()}finally{if(o)throw i}}return r}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var _diffTypesDescription,diffTypes={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},moreInfoUrl="http://bit.ly/wdyr02",moreInfoHooksUrl="http://bit.ly/wdyr3",diffTypesDescriptions=(_defineProperty(_diffTypesDescription={},diffTypes.different,"different objects."),_defineProperty(_diffTypesDescription,diffTypes.deepEquals,"different objects that are equal by value."),_defineProperty(_diffTypesDescription,diffTypes.date,"different date objects with the same value."),_defineProperty(_diffTypesDescription,diffTypes.regex,"different regular expressions with the same value."),_defineProperty(_diffTypesDescription,diffTypes.reactElement,"different React elements with the same displayName."),_defineProperty(_diffTypesDescription,diffTypes.function,"different functions with the same name."),_diffTypesDescription),inHotReload=!1;function shouldLog(e,t,r){return!inHotReload&&(!!r.logOnDifferentValues||(!(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)||!(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===diffTypes.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===diffTypes.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===diffTypes.different}))))}function logDifference(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,i=e.diffObjType,a=e.differences,f=e.values,s=e.options;a&&a.length>0?(s.consoleLog(_defineProperty({},r,t),"".concat(o," of ").concat(i," changes:")),a.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,a=e.nextValue;s.consoleGroup("%c".concat("hook"===i?"hook ".concat(n," "):"".concat(i,"."),"%c").concat(t,"%c"),"color:blue;","color:red;","color:black;"),s.consoleLog("".concat(diffTypesDescriptions[r]," (more info at ").concat(n?moreInfoHooksUrl:moreInfoUrl,")")),s.consoleLog(_defineProperty({},"prev ".concat(t),o),"!==",_defineProperty({},"next ".concat(t),a)),s.consoleGroupEnd()})):a&&(s.consoleLog(_defineProperty({},r,t),"".concat(o," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(moreInfoUrl)),s.consoleLog("prev ".concat(i,":"),f.prev," !== ",f.next,":next ".concat(i)))}function defaultNotifier(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook,p=e.reason,u=e.options;if(shouldLog(p,t,u)){u.consoleGroup("%c".concat(r),"color: #058;");var l="Re-rendered because";p.propsDifferences&&(logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"props",differences:p.propsDifferences,values:{prev:o,next:f},options:u}),l="And because"),p.stateDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"state",differences:p.stateDifferences,values:{prev:i,next:s},options:u}),p.hookDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"hook",differences:p.hookDifferences,values:{prev:a,next:c},hookName:n,options:u}),p.propsDifferences||p.stateDifferences||p.hookDifferences||u.consoleLog(_defineProperty({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(moreInfoUrl)),u.consoleGroupEnd()}}function createDefaultNotifier(e){return e&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(inHotReload=!0,setTimeout(function(){inHotReload=!1},e))}),defaultNotifier}var emptyFn=function(){};function normalizeOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=console.group,r=console.groupEnd;return e.collapseGroups?t=console.groupCollapsed:e.onlyLogs&&(t=console.log,r=emptyFn),_objectSpread({include:null,exclude:null,notifier:e.notifier||createDefaultNotifier(e.hasOwnProperty("hotReloadBufferMs")?e.hotReloadBufferMs:500),onlyLogs:!1,consoleLog:console.log,consoleGroup:t,consoleGroupEnd:r,logOnDifferentValues:!1,trackHooks:!0},e)}function getDisplayName(e){return e.displayName||e.name||e.type&&getDisplayName(e.type)||(_isString(e)?e:void 0)}var hasElementType="undefined"!=typeof Element,hasSymbol="function"==typeof Symbol&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,isReactElement=function(e){return e.$$typeof===REACT_ELEMENT_TYPE};function trackDiff(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==diffTypes.different}function accumulateDeepEqualDiffs(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(e===t)return!0;if(!e||!t)return trackDiff(e,t,r,n,diffTypes.different);if(_isArray(e)&&_isArray(t)){var o=e.length;if(o!==t.length)return trackDiff(e,t,r,n,diffTypes.different);for(var i=!0,a=o;0!=a--;)accumulateDeepEqualDiffs(e[a],t[a],r,"".concat(n,"[").concat(a,"]"))||(i=!1);return trackDiff(e,t,r,n,i?diffTypes.deepEquals:diffTypes.different)}if(_isDate(e)&&_isDate(t))return e.getTime()===t.getTime()?trackDiff(e,t,r,n,diffTypes.date):trackDiff(e,t,r,n,diffTypes.different);if(_isRegExp(e)&&_isRegExp(t))return e.toString()===t.toString()?trackDiff(e,t,r,n,diffTypes.regex):trackDiff(e,t,r,n,diffTypes.different);if(hasElementType&&e instanceof Element&&t instanceof Element)return trackDiff(e,t,r,n,diffTypes.different);if(isReactElement(e)&&isReactElement(t))return e.type===t.type?trackDiff(e,t,r,n,diffTypes.reactElement):trackDiff(e,t,r,n,diffTypes.different);if(_isFunction(e)&&_isFunction(t))return e.name===t.name?trackDiff(e,t,r,n,diffTypes.function):trackDiff(e,t,r,n,diffTypes.different);if(_isPlainObject(e)&&_isPlainObject(t)){var f=_keys(e),s=f.length;if(s!==_keys(t).length)return trackDiff(e,t,r,n,diffTypes.different);for(var c=s;0!=c--;)if(!_has(t,f[c]))return trackDiff(e,t,r,n,diffTypes.different);for(var p=!0,u=s;0!=u--;){var l=f[u];accumulateDeepEqualDiffs(e[l],t[l],r,"".concat(n,".").concat(l))||(p=!1)}return trackDiff(e,t,r,n,p?diffTypes.deepEquals:diffTypes.different)}return trackDiff(e,t,r,n,diffTypes.different)}function calculateDeepEqualDiffs(e,t,r){try{var n=[];return accumulateDeepEqualDiffs(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var emptyObject={};function findObjectsDifferences(e,t){if(e===t)return!1;var r=e||emptyObject,n=t||emptyObject,o=Object.keys(_objectSpread({},r,n));return _reduce(o,function(e,t){var o=calculateDeepEqualDiffs(r[t],n[t],t);return o&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(o))),e},[])}function getUpdateReason(e,t,r,n,o,i){return{propsDifferences:findObjectsDifferences(e,n),stateDifferences:findObjectsDifferences(t,o),hookDifferences:findObjectsDifferences(r,i)}}function getUpdateInfo(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:i,prevHook:a,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:getUpdateReason(o,i,a,f,s,c)}}function shouldInclude(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}function shouldExclude(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}function shouldTrack(e,t,r){return!shouldExclude(t,r)&&!(!e.whyDidYouRender&&!shouldInclude(t,r))}var hasSymbol$1="function"==typeof Symbol&&Symbol.for,REACT_MEMO_TYPE=hasSymbol$1?Symbol.for("react.memo"):60115;function patchClassComponent(e,t,r,n){var o=function(r){function o(t,r){var n;if(_classCallCheck(this,o),(n=_possibleConstructorReturn(this,_getPrototypeOf(o).call(this,t,r))).render&&!e.prototype.render){var i=n.render;n.render=function(){return o.prototype.render.apply(_assertThisInitialized(n)),i()}}return n}return _inherits(o,e),_createClass(o,[{key:"render",value:function(){return this._prevProps&&n.notifier(getUpdateInfo({Component:e,displayName:t,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:n})),this._prevProps=this.props,this._prevState=this.state,_get(_getPrototypeOf(o.prototype),"render",this)&&_get(_getPrototypeOf(o.prototype),"render",this).call(this)}}]),o}();return o.displayName=t,_defaults(o,e),o}function patchFunctionalComponent(e,t,r,n){function o(o){var i=r.useRef(),a=i.current;if(i.current=o,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:o,options:n});f.reason.propsDifferences&&n.notifier(f)}return e(o)}return o.displayName=t,_defaults(o,e),o}function patchMemoComponent(e,t,r,n){var o=r.memo(function(o){var i=r.useRef(),a=i.current;if(i.current=o,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:o,options:n});f.reason.propsDifferences&&n.notifier(f)}return e.type(o)});return o.displayName=t,_defaults(o,e),o}function trackHookChanges(e,t,r,n,o){var i=r,a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,f=getDisplayName(a);if(!shouldTrack(a,f,o))return i;var s=n.useRef(),c=s.current;if(s.current=i,c){var p=getUpdateInfo({Component:a,displayName:f,hookName:e,prevHook:c,nextHook:i,options:o});p.reason.hookDifferences&&(p.reason.hookDifferences.length>0||!t.allowShallow)&&o.notifier(p)}return s.current}function createPatchedComponent(e,t,r,n,o){return t.$$typeof===REACT_MEMO_TYPE?patchMemoComponent(t,r,n,o):t.prototype&&t.prototype.isReactComponent?patchClassComponent(t,r,n,o):patchFunctionalComponent(t,r,n,o)}function getPatchedComponent(e,t,r,n,o){if(e.has(t))return e.get(t);var i=createPatchedComponent(e,t,r,n,o);return e.set(t,i),i}var hooksConfig={useState:{allowShallow:!0},useReducer:!0};function whyDidYouRender(e,t){var r,n=normalizeOptions(t),o=e.createElement,i=e.createFactory,a=new WeakMap;(e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===REACT_MEMO_TYPE)&&shouldTrack(t,getDisplayName(t),n),i=arguments.length,f=new Array(i>1?i-1:0),s=1;s<i;s++)f[s-1]=arguments[s];if(!r)return o.apply(e,[t].concat(f));var c=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||getDisplayName(t),p=getPatchedComponent(a,t,c,e,n);return o.apply(e,[p].concat(f))},Object.assign(e.createElement,o),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),n.trackHooks)&&Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){r=e},get:function(){return Object.entries(hooksConfig).reduce(function(t,o){var i=_slicedToArray(o,2),a=i[0],f=i[1];return t[a]=function(){var t,o=(t=r)[a].apply(t,arguments);return f&&trackHookChanges(a,!0===f?{}:f,o,e,n),o},t},_objectSpread({},r))}});return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:o,createFactory:i}),a=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e}module.exports=whyDidYouRender; | ||
| //# sourceMappingURL=whyDidYouRender.min.js.map |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.1 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.2 | ||
| * MIT Licensed | ||
@@ -8,3 +8,2 @@ * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| import _capitalize from 'lodash/capitalize'; | ||
| import _defaults from 'lodash/defaults'; | ||
@@ -372,3 +371,2 @@ import _isString from 'lodash/isString'; | ||
| var userOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; | ||
| var React = arguments.length > 1 ? arguments[1] : undefined; | ||
| var consoleGroup = console.group; | ||
@@ -394,11 +392,3 @@ var consoleGroupEnd = console.groupEnd; | ||
| logOnDifferentValues: false, | ||
| trackHooks: _objectSpread({ | ||
| useState: { | ||
| fn: React.useState, | ||
| allowShallow: true | ||
| }, | ||
| useReducer: { | ||
| fn: React.useReducer | ||
| } | ||
| }, userOptions.userHooks) | ||
| trackHooks: true | ||
| }, userOptions); | ||
@@ -727,41 +717,33 @@ } | ||
| function getPatchedHook(hookName, hookConfig, React, options) { | ||
| var newHook = function newHook() { | ||
| var nextHook = hookConfig.fn.apply(hookConfig, arguments); | ||
| var Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type; | ||
| var displayName = getDisplayName(Component); | ||
| var isShouldTrack = shouldTrack(Component, displayName, options); | ||
| function trackHookChanges(hookName, hookConfig, hookResult, React, options) { | ||
| var nextHook = hookResult; | ||
| var Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type; | ||
| var displayName = getDisplayName(Component); | ||
| var isShouldTrack = shouldTrack(Component, displayName, options); | ||
| if (!isShouldTrack) { | ||
| return nextHook; | ||
| } | ||
| if (!isShouldTrack) { | ||
| return nextHook; | ||
| } | ||
| var ref = React.useRef(); | ||
| var prevHook = ref.current; | ||
| ref.current = nextHook; | ||
| var ref = React.useRef(); | ||
| var prevHook = ref.current; | ||
| ref.current = nextHook; | ||
| if (prevHook) { | ||
| var notification = getUpdateInfo({ | ||
| Component: Component, | ||
| displayName: displayName, | ||
| hookName: hookName, | ||
| prevHook: prevHook, | ||
| nextHook: nextHook, | ||
| options: options | ||
| }); | ||
| var shouldNotifyHookDifference = notification.reason.hookDifferences && (notification.reason.hookDifferences.length > 0 || !hookConfig.allowShallow); | ||
| if (prevHook) { | ||
| var notification = getUpdateInfo({ | ||
| Component: Component, | ||
| displayName: displayName, | ||
| hookName: hookName, | ||
| prevHook: prevHook, | ||
| nextHook: nextHook, | ||
| options: options | ||
| }); | ||
| var shouldNotifyHookDifference = notification.reason.hookDifferences && (notification.reason.hookDifferences.length > 0 || !hookConfig.allowShallow); | ||
| if (shouldNotifyHookDifference) { | ||
| options.notifier(notification); | ||
| } | ||
| if (shouldNotifyHookDifference) { | ||
| options.notifier(notification); | ||
| } | ||
| } | ||
| return ref.current; | ||
| }; | ||
| var newHookName = "patched".concat(_capitalize(hookName[0])).concat(hookName.substr(1)); | ||
| Object.defineProperty(newHook, 'name', { | ||
| value: newHookName | ||
| }); | ||
| return newHook; | ||
| return ref.current; | ||
| } | ||
@@ -791,7 +773,12 @@ | ||
| var hooksConfig = { | ||
| useState: { | ||
| allowShallow: true | ||
| }, | ||
| useReducer: true | ||
| }; | ||
| function whyDidYouRender(React, userOptions) { | ||
| var options = normalizeOptions(userOptions, React); | ||
| var options = normalizeOptions(userOptions); | ||
| var origCreateElement = React.createElement; | ||
| var origCreateFactory = React.createFactory; | ||
| var origHooks = {}; | ||
| var componentsMap = new WeakMap(); | ||
@@ -826,9 +813,28 @@ | ||
| if (options.trackHooks) { | ||
| Object.entries(options.trackHooks).forEach(function (_ref) { | ||
| var _ref2 = _slicedToArray(_ref, 2), | ||
| hookName = _ref2[0], | ||
| hookConfig = _ref2[1]; | ||
| var currentDispatcher; | ||
| Object.defineProperty(React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher, 'current', { | ||
| set: function set(_currentDispatcher) { | ||
| currentDispatcher = _currentDispatcher; | ||
| }, | ||
| get: function get() { | ||
| return Object.entries(hooksConfig).reduce(function (result, _ref) { | ||
| var _ref2 = _slicedToArray(_ref, 2), | ||
| hookName = _ref2[0], | ||
| hookConfig = _ref2[1]; | ||
| origHooks[hookName] = React[hookName]; | ||
| React[hookName] = getPatchedHook(hookName, hookConfig, React, options); | ||
| result[hookName] = function () { | ||
| var _currentDispatcher2; | ||
| var hookResult = (_currentDispatcher2 = currentDispatcher)[hookName].apply(_currentDispatcher2, arguments); | ||
| if (hookConfig) { | ||
| trackHookChanges(hookName, hookConfig === true ? {} : hookConfig, hookResult, React, options); | ||
| } | ||
| return hookResult; | ||
| }; | ||
| return result; | ||
| }, _objectSpread({}, currentDispatcher)); | ||
| } | ||
| }); | ||
@@ -838,7 +844,10 @@ } | ||
| React.__REVERT_WHY_DID_YOU_RENDER__ = function () { | ||
| Object.assign(React, _objectSpread({ | ||
| Object.assign(React, { | ||
| createElement: origCreateElement, | ||
| createFactory: origCreateFactory | ||
| }, origHooks)); | ||
| }); | ||
| componentsMap = null; | ||
| Object.defineProperty(React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher, 'current', { | ||
| writable: true | ||
| }); | ||
| delete React.__REVERT_WHY_DID_YOU_RENDER__; | ||
@@ -845,0 +854,0 @@ }; |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.1 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.2 | ||
| * MIT Licensed | ||
@@ -8,3 +8,3 @@ * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| import e from"lodash/capitalize";import t from"lodash/defaults";import r from"lodash/isString";import n from"lodash/reduce";import o from"lodash/has";import a from"lodash/keys";import i from"lodash/isFunction";import f from"lodash/isRegExp";import c from"lodash/isDate";import s from"lodash/isPlainObject";import u from"lodash/isArray";function l(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){p(e,t,r[t])})}return e}function m(e){return(m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t,r){return(v="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=m(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}})(e,t,r||e)}function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,o=!1,a=void 0;try{for(var i,f=e[Symbol.iterator]();!(n=(i=f.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==f.return||f.return()}finally{if(o)throw a}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function b(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var O,w={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},E="http://bit.ly/wdyr02",k="http://bit.ly/wdyr3",D=(p(O={},w.different,"different objects."),p(O,w.deepEquals,"different objects that are equal by value."),p(O,w.date,"different date objects with the same value."),p(O,w.regex,"different regular expressions with the same value."),p(O,w.reactElement,"different React elements with the same displayName."),p(O,w.function,"different functions with the same name."),O),_=!1;function x(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,a=e.diffObjType,i=e.differences,f=e.values,c=e.options;i&&i.length>0?(c.consoleLog(p({},r,t),"".concat(o," of ").concat(a," changes:")),i.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,i=e.nextValue;c.consoleGroup("%c".concat("hook"===a?"hook ".concat(n," "):"".concat(a,"."),"%c").concat(t,"%c"),"color:blue;","color:red;","color:black;"),c.consoleLog("".concat(D[r]," (more info at ").concat(n?k:E,")")),c.consoleLog(p({},"prev ".concat(t),o),"!==",p({},"next ".concat(t),i)),c.consoleGroupEnd()})):i&&(c.consoleLog(p({},r,t),"".concat(o," the ").concat(a," object itself changed but it's values are all equal."),"props"===a?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(E)),c.consoleLog("prev ".concat(a,":"),f.prev," !== ",f.next,":next ".concat(a)))}function S(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,f=e.nextProps,c=e.nextState,s=e.nextHook,u=e.reason,l=e.options;if(function(e,t,r){return!(_||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===w.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===w.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===w.different})))}(u,t,l)){l.consoleGroup("%c".concat(r),"color: #058;");var d="Re-rendered because";u.propsDifferences&&(x({Component:t,displayName:r,prefixMessage:d,diffObjType:"props",differences:u.propsDifferences,values:{prev:o,next:f},options:l}),d="And because"),u.stateDifferences&&x({Component:t,displayName:r,prefixMessage:d,diffObjType:"state",differences:u.stateDifferences,values:{prev:a,next:c},options:l}),u.hookDifferences&&x({Component:t,displayName:r,prefixMessage:d,diffObjType:"hook",differences:u.hookDifferences,values:{prev:i,next:s},hookName:n,options:l}),u.propsDifferences||u.stateDifferences||u.hookDifferences||l.consoleLog(p({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(E)),l.consoleGroupEnd()}}var R=function(){};function j(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments.length>1?arguments[1]:void 0,n=console.group,o=console.groupEnd;return t.collapseGroups?n=console.groupCollapsed:t.onlyLogs&&(n=console.log,o=R),d({include:null,exclude:null,notifier:t.notifier||((e=t.hasOwnProperty("hotReloadBufferMs")?t.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(_=!0,setTimeout(function(){_=!1},e))}),S),onlyLogs:!1,consoleLog:console.log,consoleGroup:n,consoleGroupEnd:o,logOnDifferentValues:!1,trackHooks:d({useState:{fn:r.useState,allowShallow:!0},useReducer:{fn:r.useReducer}},t.userHooks)},t)}function P(e){return e.displayName||e.name||e.type&&P(e.type)||(r(e)?e:void 0)}var N="undefined"!=typeof Element,T="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,C=function(e){return e.$$typeof===T};function H(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==w.different}function L(e,t,r){try{var n=[];return function e(t,r,n){var l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return H(t,r,n,l,w.different);if(u(t)&&u(r)){var p=t.length;if(p!==r.length)return H(t,r,n,l,w.different);for(var d=!0,m=p;0!=m--;)e(t[m],r[m],n,"".concat(l,"[").concat(m,"]"))||(d=!1);return H(t,r,n,l,d?w.deepEquals:w.different)}if(c(t)&&c(r))return t.getTime()===r.getTime()?H(t,r,n,l,w.date):H(t,r,n,l,w.different);if(f(t)&&f(r))return t.toString()===r.toString()?H(t,r,n,l,w.regex):H(t,r,n,l,w.different);if(N&&t instanceof Element&&r instanceof Element)return H(t,r,n,l,w.different);if(C(t)&&C(r))return t.type===r.type?H(t,r,n,l,w.reactElement):H(t,r,n,l,w.different);if(i(t)&&i(r))return t.name===r.name?H(t,r,n,l,w.function):H(t,r,n,l,w.different);if(s(t)&&s(r)){var h=a(t),y=h.length;if(y!==a(r).length)return H(t,r,n,l,w.different);for(var v=y;0!=v--;)if(!o(r,h[v]))return H(t,r,n,l,w.different);for(var g=!0,b=y;0!=b--;){var O=h[b];e(t[O],r[O],n,"".concat(l,".").concat(O))||(g=!1)}return H(t,r,n,l,g?w.deepEquals:w.different)}return H(t,r,n,l,w.different)}(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var A={};function Y(e,t){if(e===t)return!1;var r=e||A,o=t||A,a=Object.keys(d({},r,o));return n(a,function(e,t){var n=L(r[t],o[t],t);return n&&(e=[].concat(b(e),b(n))),e},[])}function V(e,t,r,n,o,a){return{propsDifferences:Y(e,n),stateDifferences:Y(t,o),hookDifferences:Y(r,a)}}function q(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,f=e.nextProps,c=e.nextState,s=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:f,nextState:c,nextHook:s,options:e.options,reason:V(o,a,i,f,c,s)}}function G(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var I="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function M(e,r,n,o){var a=function(t){function n(t,r){var o,a,i;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),a=this,i=m(n).call(this,t,r),(o=!i||"object"!=typeof i&&"function"!=typeof i?y(a):i).render&&!e.prototype.render){var f=o.render;o.render=function(){return n.prototype.render.apply(y(o)),f()}}return o}var a,i,f;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}(n,e),a=n,(i=[{key:"render",value:function(){return this._prevProps&&o.notifier(q({Component:e,displayName:r,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:o})),this._prevProps=this.props,this._prevState=this.state,v(m(n.prototype),"render",this)&&v(m(n.prototype),"render",this).call(this)}}])&&l(a.prototype,i),f&&l(a,f),n}();return a.displayName=r,t(a,e),a}function F(e,r,n,o,a){return r.$$typeof===I?function(e,r,n,o){var a=n.memo(function(t){var a=n.useRef(),i=a.current;if(a.current=t,i){var f=q({Component:e,displayName:r,prevProps:i,nextProps:t,options:o});f.reason.propsDifferences&&o.notifier(f)}return e.type(t)});return a.displayName=r,t(a,e),a}(r,n,o,a):r.prototype&&r.prototype.isReactComponent?M(r,n,0,a):function(e,r,n,o){function a(t){var a=n.useRef(),i=a.current;if(a.current=t,i){var f=q({Component:e,displayName:r,prevProps:i,nextProps:t,options:o});f.reason.propsDifferences&&o.notifier(f)}return e(t)}return a.displayName=r,t(a,e),a}(r,n,o,a)}export default function(t,r){var n=j(r,t),o=t.createElement,a=t.createFactory,i={},f=new WeakMap;return t.createElement=function(e){for(var r=("function"==typeof e||e.$$typeof===I)&&G(e,P(e),n),a=arguments.length,i=new Array(a>1?a-1:0),c=1;c<a;c++)i[c-1]=arguments[c];if(!r)return o.apply(t,[e].concat(i));var s=e&&e.whyDidYouRender&&e.whyDidYouRender.customName||P(e),u=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=F(0,t,r,n,o);return e.set(t,a),a}(f,e,s,t,n);return o.apply(t,[u].concat(i))},Object.assign(t.createElement,o),t.createFactory=function(e){var r=t.createElement.bind(null,e);return r.type=e,r},Object.assign(t.createFactory,a),n.trackHooks&&Object.entries(n.trackHooks).forEach(function(r){var o=g(r,2),a=o[0],f=o[1];i[a]=t[a],t[a]=function(t,r,n,o){var a=function(){var e=r.fn.apply(r,arguments),a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,i=P(a);if(!G(a,i,o))return e;var f=n.useRef(),c=f.current;if(f.current=e,c){var s=q({Component:a,displayName:i,hookName:t,prevHook:c,nextHook:e,options:o});s.reason.hookDifferences&&(s.reason.hookDifferences.length>0||!r.allowShallow)&&o.notifier(s)}return f.current},i="patched".concat(e(t[0])).concat(t.substr(1));return Object.defineProperty(a,"name",{value:i}),a}(a,f,t,n)}),t.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(t,d({createElement:o,createFactory:a},i)),f=null,delete t.__REVERT_WHY_DID_YOU_RENDER__},t} | ||
| import e from"lodash/defaults";import t from"lodash/isString";import r from"lodash/reduce";import n from"lodash/has";import o from"lodash/keys";import a from"lodash/isFunction";import i from"lodash/isRegExp";import f from"lodash/isDate";import c from"lodash/isPlainObject";import s from"lodash/isArray";function u(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){p(e,t,r[t])})}return e}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e,t,r){return(h="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var n=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=d(e)););return e}(e,t);if(n){var o=Object.getOwnPropertyDescriptor(n,t);return o.get?o.get.call(r):o.value}})(e,t,r||e)}function v(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,o=!1,a=void 0;try{for(var i,f=e[Symbol.iterator]();!(n=(i=f.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==f.return||f.return()}finally{if(o)throw a}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function g(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var b,_={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},E="http://bit.ly/wdyr02",O="http://bit.ly/wdyr3",D=(p(b={},_.different,"different objects."),p(b,_.deepEquals,"different objects that are equal by value."),p(b,_.date,"different date objects with the same value."),p(b,_.regex,"different regular expressions with the same value."),p(b,_.reactElement,"different React elements with the same displayName."),p(b,_.function,"different functions with the same name."),b),w=!1;function R(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,a=e.diffObjType,i=e.differences,f=e.values,c=e.options;i&&i.length>0?(c.consoleLog(p({},r,t),"".concat(o," of ").concat(a," changes:")),i.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,i=e.nextValue;c.consoleGroup("%c".concat("hook"===a?"hook ".concat(n," "):"".concat(a,"."),"%c").concat(t,"%c"),"color:blue;","color:red;","color:black;"),c.consoleLog("".concat(D[r]," (more info at ").concat(n?O:E,")")),c.consoleLog(p({},"prev ".concat(t),o),"!==",p({},"next ".concat(t),i)),c.consoleGroupEnd()})):i&&(c.consoleLog(p({},r,t),"".concat(o," the ").concat(a," object itself changed but it's values are all equal."),"props"===a?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(E)),c.consoleLog("prev ".concat(a,":"),f.prev," !== ",f.next,":next ".concat(a)))}function S(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,f=e.nextProps,c=e.nextState,s=e.nextHook,u=e.reason,l=e.options;if(function(e,t,r){return!(w||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===_.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===_.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===_.different})))}(u,t,l)){l.consoleGroup("%c".concat(r),"color: #058;");var d="Re-rendered because";u.propsDifferences&&(R({Component:t,displayName:r,prefixMessage:d,diffObjType:"props",differences:u.propsDifferences,values:{prev:o,next:f},options:l}),d="And because"),u.stateDifferences&&R({Component:t,displayName:r,prefixMessage:d,diffObjType:"state",differences:u.stateDifferences,values:{prev:a,next:c},options:l}),u.hookDifferences&&R({Component:t,displayName:r,prefixMessage:d,diffObjType:"hook",differences:u.hookDifferences,values:{prev:i,next:s},hookName:n,options:l}),u.propsDifferences||u.stateDifferences||u.hookDifferences||l.consoleLog(p({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(E)),l.consoleGroupEnd()}}var x=function(){};function k(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=console.group,n=console.groupEnd;return t.collapseGroups?r=console.groupCollapsed:t.onlyLogs&&(r=console.log,n=x),l({include:null,exclude:null,notifier:t.notifier||((e=t.hasOwnProperty("hotReloadBufferMs")?t.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(w=!0,setTimeout(function(){w=!1},e))}),S),onlyLogs:!1,consoleLog:console.log,consoleGroup:r,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:!0},t)}function j(e){return e.displayName||e.name||e.type&&j(e.type)||(t(e)?e:void 0)}var N="undefined"!=typeof Element,P="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,T=function(e){return e.$$typeof===P};function C(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==_.different}function L(e,t,r){try{var u=[];return function e(t,r,u){var p=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return C(t,r,u,p,_.different);if(s(t)&&s(r)){var l=t.length;if(l!==r.length)return C(t,r,u,p,_.different);for(var d=!0,m=l;0!=m--;)e(t[m],r[m],u,"".concat(p,"[").concat(m,"]"))||(d=!1);return C(t,r,u,p,d?_.deepEquals:_.different)}if(f(t)&&f(r))return t.getTime()===r.getTime()?C(t,r,u,p,_.date):C(t,r,u,p,_.different);if(i(t)&&i(r))return t.toString()===r.toString()?C(t,r,u,p,_.regex):C(t,r,u,p,_.different);if(N&&t instanceof Element&&r instanceof Element)return C(t,r,u,p,_.different);if(T(t)&&T(r))return t.type===r.type?C(t,r,u,p,_.reactElement):C(t,r,u,p,_.different);if(a(t)&&a(r))return t.name===r.name?C(t,r,u,p,_.function):C(t,r,u,p,_.different);if(c(t)&&c(r)){var y=o(t),h=y.length;if(h!==o(r).length)return C(t,r,u,p,_.different);for(var v=h;0!=v--;)if(!n(r,y[v]))return C(t,r,u,p,_.different);for(var g=!0,b=h;0!=b--;){var E=y[b];e(t[E],r[E],u,"".concat(p,".").concat(E))||(g=!1)}return C(t,r,u,p,g?_.deepEquals:_.different)}return C(t,r,u,p,_.different)}(e,t,u,r),u}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var H={};function A(e,t){if(e===t)return!1;var n=e||H,o=t||H,a=Object.keys(l({},n,o));return r(a,function(e,t){var r=L(n[t],o[t],t);return r&&(e=[].concat(g(e),g(r))),e},[])}function I(e,t,r,n,o,a){return{propsDifferences:A(e,n),stateDifferences:A(t,o),hookDifferences:A(r,a)}}function Y(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,f=e.nextProps,c=e.nextState,s=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:f,nextState:c,nextHook:s,options:e.options,reason:I(o,a,i,f,c,s)}}function U(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var V="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function F(t,r,n,o){var a=function(e){function n(e,r){var o,a,i;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),a=this,i=d(n).call(this,e,r),(o=!i||"object"!=typeof i&&"function"!=typeof i?y(a):i).render&&!t.prototype.render){var f=o.render;o.render=function(){return n.prototype.render.apply(y(o)),f()}}return o}var a,i,f;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}(n,t),a=n,(i=[{key:"render",value:function(){return this._prevProps&&o.notifier(Y({Component:t,displayName:r,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:o})),this._prevProps=this.props,this._prevState=this.state,h(d(n.prototype),"render",this)&&h(d(n.prototype),"render",this).call(this)}}])&&u(a.prototype,i),f&&u(a,f),n}();return a.displayName=r,e(a,t),a}function q(t,r,n,o,a){return r.$$typeof===V?function(t,r,n,o){var a=n.memo(function(e){var a=n.useRef(),i=a.current;if(a.current=e,i){var f=Y({Component:t,displayName:r,prevProps:i,nextProps:e,options:o});f.reason.propsDifferences&&o.notifier(f)}return t.type(e)});return a.displayName=r,e(a,t),a}(r,n,o,a):r.prototype&&r.prototype.isReactComponent?F(r,n,0,a):function(t,r,n,o){function a(e){var a=n.useRef(),i=a.current;if(a.current=e,i){var f=Y({Component:t,displayName:r,prevProps:i,nextProps:e,options:o});f.reason.propsDifferences&&o.notifier(f)}return t(e)}return a.displayName=r,e(a,t),a}(r,n,o,a)}var G={useState:{allowShallow:!0},useReducer:!0};export default function(e,t){var r,n=k(t),o=e.createElement,a=e.createFactory,i=new WeakMap;return e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===V)&&U(t,j(t),n),a=arguments.length,f=new Array(a>1?a-1:0),c=1;c<a;c++)f[c-1]=arguments[c];if(!r)return o.apply(e,[t].concat(f));var s=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||j(t),u=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=q(0,t,r,n,o);return e.set(t,a),a}(i,t,s,e,n);return o.apply(e,[u].concat(f))},Object.assign(e.createElement,o),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,a),n.trackHooks&&Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){r=e},get:function(){return Object.entries(G).reduce(function(t,o){var a=v(o,2),i=a[0],f=a[1];return t[i]=function(){var t,o=(t=r)[i].apply(t,arguments);return f&&function(e,t,r,n,o){var a=r,i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,f=j(i);if(!U(i,f,o))return a;var c=n.useRef(),s=c.current;if(c.current=a,s){var u=Y({Component:i,displayName:f,hookName:e,prevHook:s,nextHook:a,options:o});u.reason.hookDifferences&&(u.reason.hookDifferences.length>0||!t.allowShallow)&&o.notifier(u)}c.current}(i,!0===f?{}:f,o,e,n),o},t},l({},r))}}),e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:o,createFactory:a}),i=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e} | ||
| //# sourceMappingURL=whyDidYouRender.min.js.map |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.1 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.2 | ||
| * MIT Licensed | ||
@@ -12,3 +12,2 @@ * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| var _capitalize = _interopDefault(require('lodash/capitalize')); | ||
| var _defaults = _interopDefault(require('lodash/defaults')); | ||
@@ -277,3 +276,2 @@ var _isString = _interopDefault(require('lodash/isString')); | ||
| var userOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; | ||
| var React = arguments.length > 1 ? arguments[1] : undefined; | ||
| var consoleGroup = console.group; | ||
@@ -299,11 +297,3 @@ var consoleGroupEnd = console.groupEnd; | ||
| logOnDifferentValues: false, | ||
| trackHooks: _objectSpread({ | ||
| useState: { | ||
| fn: React.useState, | ||
| allowShallow: true | ||
| }, | ||
| useReducer: { | ||
| fn: React.useReducer | ||
| } | ||
| }, userOptions.userHooks) | ||
| trackHooks: true | ||
| }, userOptions); | ||
@@ -621,41 +611,33 @@ } | ||
| function getPatchedHook(hookName, hookConfig, React, options) { | ||
| var newHook = function newHook() { | ||
| var nextHook = hookConfig.fn.apply(hookConfig, arguments); | ||
| var Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type; | ||
| var displayName = getDisplayName(Component); | ||
| var isShouldTrack = shouldTrack(Component, displayName, options); | ||
| function trackHookChanges(hookName, hookConfig, hookResult, React, options) { | ||
| var nextHook = hookResult; | ||
| var Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type; | ||
| var displayName = getDisplayName(Component); | ||
| var isShouldTrack = shouldTrack(Component, displayName, options); | ||
| if (!isShouldTrack) { | ||
| return nextHook; | ||
| } | ||
| if (!isShouldTrack) { | ||
| return nextHook; | ||
| } | ||
| var ref = React.useRef(); | ||
| var prevHook = ref.current; | ||
| ref.current = nextHook; | ||
| var ref = React.useRef(); | ||
| var prevHook = ref.current; | ||
| ref.current = nextHook; | ||
| if (prevHook) { | ||
| var notification = getUpdateInfo({ | ||
| Component: Component, | ||
| displayName: displayName, | ||
| hookName: hookName, | ||
| prevHook: prevHook, | ||
| nextHook: nextHook, | ||
| options: options | ||
| }); | ||
| var shouldNotifyHookDifference = notification.reason.hookDifferences && (notification.reason.hookDifferences.length > 0 || !hookConfig.allowShallow); | ||
| if (prevHook) { | ||
| var notification = getUpdateInfo({ | ||
| Component: Component, | ||
| displayName: displayName, | ||
| hookName: hookName, | ||
| prevHook: prevHook, | ||
| nextHook: nextHook, | ||
| options: options | ||
| }); | ||
| var shouldNotifyHookDifference = notification.reason.hookDifferences && (notification.reason.hookDifferences.length > 0 || !hookConfig.allowShallow); | ||
| if (shouldNotifyHookDifference) { | ||
| options.notifier(notification); | ||
| } | ||
| if (shouldNotifyHookDifference) { | ||
| options.notifier(notification); | ||
| } | ||
| } | ||
| return ref.current; | ||
| }; | ||
| var newHookName = "patched".concat(_capitalize(hookName[0])).concat(hookName.substr(1)); | ||
| Object.defineProperty(newHook, 'name', { | ||
| value: newHookName | ||
| }); | ||
| return newHook; | ||
| return ref.current; | ||
| } | ||
@@ -685,7 +667,12 @@ | ||
| var hooksConfig = { | ||
| useState: { | ||
| allowShallow: true | ||
| }, | ||
| useReducer: true | ||
| }; | ||
| function whyDidYouRender(React, userOptions) { | ||
| var options = normalizeOptions(userOptions, React); | ||
| var options = normalizeOptions(userOptions); | ||
| var origCreateElement = React.createElement; | ||
| var origCreateFactory = React.createFactory; | ||
| var origHooks = {}; | ||
| var componentsMap = new WeakMap(); | ||
@@ -720,9 +707,28 @@ | ||
| if (options.trackHooks) { | ||
| Object.entries(options.trackHooks).forEach(function (_ref) { | ||
| var _ref2 = _slicedToArray(_ref, 2), | ||
| hookName = _ref2[0], | ||
| hookConfig = _ref2[1]; | ||
| var currentDispatcher; | ||
| Object.defineProperty(React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher, 'current', { | ||
| set: function set(_currentDispatcher) { | ||
| currentDispatcher = _currentDispatcher; | ||
| }, | ||
| get: function get() { | ||
| return Object.entries(hooksConfig).reduce(function (result, _ref) { | ||
| var _ref2 = _slicedToArray(_ref, 2), | ||
| hookName = _ref2[0], | ||
| hookConfig = _ref2[1]; | ||
| origHooks[hookName] = React[hookName]; | ||
| React[hookName] = getPatchedHook(hookName, hookConfig, React, options); | ||
| result[hookName] = function () { | ||
| var _currentDispatcher2; | ||
| var hookResult = (_currentDispatcher2 = currentDispatcher)[hookName].apply(_currentDispatcher2, arguments); | ||
| if (hookConfig) { | ||
| trackHookChanges(hookName, hookConfig === true ? {} : hookConfig, hookResult, React, options); | ||
| } | ||
| return hookResult; | ||
| }; | ||
| return result; | ||
| }, _objectSpread({}, currentDispatcher)); | ||
| } | ||
| }); | ||
@@ -732,7 +738,10 @@ } | ||
| React.__REVERT_WHY_DID_YOU_RENDER__ = function () { | ||
| Object.assign(React, _objectSpread({ | ||
| Object.assign(React, { | ||
| createElement: origCreateElement, | ||
| createFactory: origCreateFactory | ||
| }, origHooks)); | ||
| }); | ||
| componentsMap = null; | ||
| Object.defineProperty(React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher, 'current', { | ||
| writable: true | ||
| }); | ||
| delete React.__REVERT_WHY_DID_YOU_RENDER__; | ||
@@ -739,0 +748,0 @@ }; |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.1 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.2 | ||
| * MIT Licensed | ||
@@ -8,3 +8,3 @@ * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| "use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var _capitalize=_interopDefault(require("lodash/capitalize")),_defaults=_interopDefault(require("lodash/defaults")),_isString=_interopDefault(require("lodash/isString")),_reduce=_interopDefault(require("lodash/reduce")),_has=_interopDefault(require("lodash/has")),_keys=_interopDefault(require("lodash/keys")),_isFunction=_interopDefault(require("lodash/isFunction")),_isRegExp=_interopDefault(require("lodash/isRegExp")),_isDate=_interopDefault(require("lodash/isDate")),_isPlainObject=_interopDefault(require("lodash/isPlainObject")),_isArray=_interopDefault(require("lodash/isArray"));function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){_defineProperty(e,t,r[t])})}return e}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_nonIterableRest()}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}function _iterableToArrayLimit(e,t){var r=[],n=!0,o=!1,i=void 0;try{for(var a,f=e[Symbol.iterator]();!(n=(a=f.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==f.return||f.return()}finally{if(o)throw i}}return r}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var _diffTypesDescription,diffTypes={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},moreInfoUrl="http://bit.ly/wdyr02",moreInfoHooksUrl="http://bit.ly/wdyr3",diffTypesDescriptions=(_defineProperty(_diffTypesDescription={},diffTypes.different,"different objects."),_defineProperty(_diffTypesDescription,diffTypes.deepEquals,"different objects that are equal by value."),_defineProperty(_diffTypesDescription,diffTypes.date,"different date objects with the same value."),_defineProperty(_diffTypesDescription,diffTypes.regex,"different regular expressions with the same value."),_defineProperty(_diffTypesDescription,diffTypes.reactElement,"different React elements with the same displayName."),_defineProperty(_diffTypesDescription,diffTypes.function,"different functions with the same name."),_diffTypesDescription),inHotReload=!1;function shouldLog(e,t,r){return!inHotReload&&(!!r.logOnDifferentValues||(!(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)||!(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===diffTypes.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===diffTypes.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===diffTypes.different}))))}function logDifference(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,i=e.diffObjType,a=e.differences,f=e.values,s=e.options;a&&a.length>0?(s.consoleLog(_defineProperty({},r,t),"".concat(o," of ").concat(i," changes:")),a.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,a=e.nextValue;s.consoleGroup("%c".concat("hook"===i?"hook ".concat(n," "):"".concat(i,"."),"%c").concat(t,"%c"),"color:blue;","color:red;","color:black;"),s.consoleLog("".concat(diffTypesDescriptions[r]," (more info at ").concat(n?moreInfoHooksUrl:moreInfoUrl,")")),s.consoleLog(_defineProperty({},"prev ".concat(t),o),"!==",_defineProperty({},"next ".concat(t),a)),s.consoleGroupEnd()})):a&&(s.consoleLog(_defineProperty({},r,t),"".concat(o," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(moreInfoUrl)),s.consoleLog("prev ".concat(i,":"),f.prev," !== ",f.next,":next ".concat(i)))}function defaultNotifier(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook,p=e.reason,u=e.options;if(shouldLog(p,t,u)){u.consoleGroup("%c".concat(r),"color: #058;");var l="Re-rendered because";p.propsDifferences&&(logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"props",differences:p.propsDifferences,values:{prev:o,next:f},options:u}),l="And because"),p.stateDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"state",differences:p.stateDifferences,values:{prev:i,next:s},options:u}),p.hookDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"hook",differences:p.hookDifferences,values:{prev:a,next:c},hookName:n,options:u}),p.propsDifferences||p.stateDifferences||p.hookDifferences||u.consoleLog(_defineProperty({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(moreInfoUrl)),u.consoleGroupEnd()}}function createDefaultNotifier(e){return e&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(inHotReload=!0,setTimeout(function(){inHotReload=!1},e))}),defaultNotifier}var emptyFn=function(){};function normalizeOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,r=console.group,n=console.groupEnd;return e.collapseGroups?r=console.groupCollapsed:e.onlyLogs&&(r=console.log,n=emptyFn),_objectSpread({include:null,exclude:null,notifier:e.notifier||createDefaultNotifier(e.hasOwnProperty("hotReloadBufferMs")?e.hotReloadBufferMs:500),onlyLogs:!1,consoleLog:console.log,consoleGroup:r,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:_objectSpread({useState:{fn:t.useState,allowShallow:!0},useReducer:{fn:t.useReducer}},e.userHooks)},e)}function getDisplayName(e){return e.displayName||e.name||e.type&&getDisplayName(e.type)||(_isString(e)?e:void 0)}var hasElementType="undefined"!=typeof Element,hasSymbol="function"==typeof Symbol&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,isReactElement=function(e){return e.$$typeof===REACT_ELEMENT_TYPE};function trackDiff(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==diffTypes.different}function accumulateDeepEqualDiffs(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(e===t)return!0;if(!e||!t)return trackDiff(e,t,r,n,diffTypes.different);if(_isArray(e)&&_isArray(t)){var o=e.length;if(o!==t.length)return trackDiff(e,t,r,n,diffTypes.different);for(var i=!0,a=o;0!=a--;)accumulateDeepEqualDiffs(e[a],t[a],r,"".concat(n,"[").concat(a,"]"))||(i=!1);return trackDiff(e,t,r,n,i?diffTypes.deepEquals:diffTypes.different)}if(_isDate(e)&&_isDate(t))return e.getTime()===t.getTime()?trackDiff(e,t,r,n,diffTypes.date):trackDiff(e,t,r,n,diffTypes.different);if(_isRegExp(e)&&_isRegExp(t))return e.toString()===t.toString()?trackDiff(e,t,r,n,diffTypes.regex):trackDiff(e,t,r,n,diffTypes.different);if(hasElementType&&e instanceof Element&&t instanceof Element)return trackDiff(e,t,r,n,diffTypes.different);if(isReactElement(e)&&isReactElement(t))return e.type===t.type?trackDiff(e,t,r,n,diffTypes.reactElement):trackDiff(e,t,r,n,diffTypes.different);if(_isFunction(e)&&_isFunction(t))return e.name===t.name?trackDiff(e,t,r,n,diffTypes.function):trackDiff(e,t,r,n,diffTypes.different);if(_isPlainObject(e)&&_isPlainObject(t)){var f=_keys(e),s=f.length;if(s!==_keys(t).length)return trackDiff(e,t,r,n,diffTypes.different);for(var c=s;0!=c--;)if(!_has(t,f[c]))return trackDiff(e,t,r,n,diffTypes.different);for(var p=!0,u=s;0!=u--;){var l=f[u];accumulateDeepEqualDiffs(e[l],t[l],r,"".concat(n,".").concat(l))||(p=!1)}return trackDiff(e,t,r,n,p?diffTypes.deepEquals:diffTypes.different)}return trackDiff(e,t,r,n,diffTypes.different)}function calculateDeepEqualDiffs(e,t,r){try{var n=[];return accumulateDeepEqualDiffs(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var emptyObject={};function findObjectsDifferences(e,t){if(e===t)return!1;var r=e||emptyObject,n=t||emptyObject,o=Object.keys(_objectSpread({},r,n));return _reduce(o,function(e,t){var o=calculateDeepEqualDiffs(r[t],n[t],t);return o&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(o))),e},[])}function getUpdateReason(e,t,r,n,o,i){return{propsDifferences:findObjectsDifferences(e,n),stateDifferences:findObjectsDifferences(t,o),hookDifferences:findObjectsDifferences(r,i)}}function getUpdateInfo(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:i,prevHook:a,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:getUpdateReason(o,i,a,f,s,c)}}function shouldInclude(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}function shouldExclude(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}function shouldTrack(e,t,r){return!shouldExclude(t,r)&&!(!e.whyDidYouRender&&!shouldInclude(t,r))}var hasSymbol$1="function"==typeof Symbol&&Symbol.for,REACT_MEMO_TYPE=hasSymbol$1?Symbol.for("react.memo"):60115;function patchClassComponent(e,t,r,n){class o extends e{constructor(t,r){var n;if(super(t,r),n=this,this.render&&!e.prototype.render){var i=this.render;this.render=function(){return o.prototype.render.apply(n),i()}}}render(){return this._prevProps&&n.notifier(getUpdateInfo({Component:e,displayName:t,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:n})),this._prevProps=this.props,this._prevState=this.state,super.render&&super.render()}}return o.displayName=t,_defaults(o,e),o}function patchFunctionalComponent(e,t,r,n){function o(o){var i=r.useRef(),a=i.current;if(i.current=o,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:o,options:n});f.reason.propsDifferences&&n.notifier(f)}return e(o)}return o.displayName=t,_defaults(o,e),o}function patchMemoComponent(e,t,r,n){var o=r.memo(function(o){var i=r.useRef(),a=i.current;if(i.current=o,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:o,options:n});f.reason.propsDifferences&&n.notifier(f)}return e.type(o)});return o.displayName=t,_defaults(o,e),o}function getPatchedHook(e,t,r,n){var o=function(){var o=t.fn.apply(t,arguments),i=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,a=getDisplayName(i);if(!shouldTrack(i,a,n))return o;var f=r.useRef(),s=f.current;if(f.current=o,s){var c=getUpdateInfo({Component:i,displayName:a,hookName:e,prevHook:s,nextHook:o,options:n});c.reason.hookDifferences&&(c.reason.hookDifferences.length>0||!t.allowShallow)&&n.notifier(c)}return f.current},i="patched".concat(_capitalize(e[0])).concat(e.substr(1));return Object.defineProperty(o,"name",{value:i}),o}function createPatchedComponent(e,t,r,n,o){return t.$$typeof===REACT_MEMO_TYPE?patchMemoComponent(t,r,n,o):t.prototype&&t.prototype.isReactComponent?patchClassComponent(t,r,n,o):patchFunctionalComponent(t,r,n,o)}function getPatchedComponent(e,t,r,n,o){if(e.has(t))return e.get(t);var i=createPatchedComponent(e,t,r,n,o);return e.set(t,i),i}function whyDidYouRender(e,t){var r=normalizeOptions(t,e),n=e.createElement,o=e.createFactory,i={},a=new WeakMap;return e.createElement=function(t){for(var o=("function"==typeof t||t.$$typeof===REACT_MEMO_TYPE)&&shouldTrack(t,getDisplayName(t),r),i=arguments.length,f=new Array(i>1?i-1:0),s=1;s<i;s++)f[s-1]=arguments[s];if(!o)return n.apply(e,[t].concat(f));var c=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||getDisplayName(t),p=getPatchedComponent(a,t,c,e,r);return n.apply(e,[p].concat(f))},Object.assign(e.createElement,n),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,o),r.trackHooks&&Object.entries(r.trackHooks).forEach(function(t){var n=_slicedToArray(t,2),o=n[0],a=n[1];i[o]=e[o],e[o]=getPatchedHook(o,a,e,r)}),e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,_objectSpread({createElement:n,createFactory:o},i)),a=null,delete e.__REVERT_WHY_DID_YOU_RENDER__},e}module.exports=whyDidYouRender; | ||
| "use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var _defaults=_interopDefault(require("lodash/defaults")),_isString=_interopDefault(require("lodash/isString")),_reduce=_interopDefault(require("lodash/reduce")),_has=_interopDefault(require("lodash/has")),_keys=_interopDefault(require("lodash/keys")),_isFunction=_interopDefault(require("lodash/isFunction")),_isRegExp=_interopDefault(require("lodash/isRegExp")),_isDate=_interopDefault(require("lodash/isDate")),_isPlainObject=_interopDefault(require("lodash/isPlainObject")),_isArray=_interopDefault(require("lodash/isArray"));function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){_defineProperty(e,t,r[t])})}return e}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_nonIterableRest()}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}function _iterableToArrayLimit(e,t){var r=[],n=!0,o=!1,i=void 0;try{for(var a,f=e[Symbol.iterator]();!(n=(a=f.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==f.return||f.return()}finally{if(o)throw i}}return r}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var _diffTypesDescription,diffTypes={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},moreInfoUrl="http://bit.ly/wdyr02",moreInfoHooksUrl="http://bit.ly/wdyr3",diffTypesDescriptions=(_defineProperty(_diffTypesDescription={},diffTypes.different,"different objects."),_defineProperty(_diffTypesDescription,diffTypes.deepEquals,"different objects that are equal by value."),_defineProperty(_diffTypesDescription,diffTypes.date,"different date objects with the same value."),_defineProperty(_diffTypesDescription,diffTypes.regex,"different regular expressions with the same value."),_defineProperty(_diffTypesDescription,diffTypes.reactElement,"different React elements with the same displayName."),_defineProperty(_diffTypesDescription,diffTypes.function,"different functions with the same name."),_diffTypesDescription),inHotReload=!1;function shouldLog(e,t,r){return!inHotReload&&(!!r.logOnDifferentValues||(!(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)||!(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===diffTypes.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===diffTypes.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===diffTypes.different}))))}function logDifference(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,i=e.diffObjType,a=e.differences,f=e.values,s=e.options;a&&a.length>0?(s.consoleLog(_defineProperty({},r,t),"".concat(o," of ").concat(i," changes:")),a.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,a=e.nextValue;s.consoleGroup("%c".concat("hook"===i?"hook ".concat(n," "):"".concat(i,"."),"%c").concat(t,"%c"),"color:blue;","color:red;","color:black;"),s.consoleLog("".concat(diffTypesDescriptions[r]," (more info at ").concat(n?moreInfoHooksUrl:moreInfoUrl,")")),s.consoleLog(_defineProperty({},"prev ".concat(t),o),"!==",_defineProperty({},"next ".concat(t),a)),s.consoleGroupEnd()})):a&&(s.consoleLog(_defineProperty({},r,t),"".concat(o," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(moreInfoUrl)),s.consoleLog("prev ".concat(i,":"),f.prev," !== ",f.next,":next ".concat(i)))}function defaultNotifier(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook,p=e.reason,u=e.options;if(shouldLog(p,t,u)){u.consoleGroup("%c".concat(r),"color: #058;");var l="Re-rendered because";p.propsDifferences&&(logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"props",differences:p.propsDifferences,values:{prev:o,next:f},options:u}),l="And because"),p.stateDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"state",differences:p.stateDifferences,values:{prev:i,next:s},options:u}),p.hookDifferences&&logDifference({Component:t,displayName:r,prefixMessage:l,diffObjType:"hook",differences:p.hookDifferences,values:{prev:a,next:c},hookName:n,options:u}),p.propsDifferences||p.stateDifferences||p.hookDifferences||u.consoleLog(_defineProperty({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(moreInfoUrl)),u.consoleGroupEnd()}}function createDefaultNotifier(e){return e&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(inHotReload=!0,setTimeout(function(){inHotReload=!1},e))}),defaultNotifier}var emptyFn=function(){};function normalizeOptions(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=console.group,r=console.groupEnd;return e.collapseGroups?t=console.groupCollapsed:e.onlyLogs&&(t=console.log,r=emptyFn),_objectSpread({include:null,exclude:null,notifier:e.notifier||createDefaultNotifier(e.hasOwnProperty("hotReloadBufferMs")?e.hotReloadBufferMs:500),onlyLogs:!1,consoleLog:console.log,consoleGroup:t,consoleGroupEnd:r,logOnDifferentValues:!1,trackHooks:!0},e)}function getDisplayName(e){return e.displayName||e.name||e.type&&getDisplayName(e.type)||(_isString(e)?e:void 0)}var hasElementType="undefined"!=typeof Element,hasSymbol="function"==typeof Symbol&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,isReactElement=function(e){return e.$$typeof===REACT_ELEMENT_TYPE};function trackDiff(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==diffTypes.different}function accumulateDeepEqualDiffs(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(e===t)return!0;if(!e||!t)return trackDiff(e,t,r,n,diffTypes.different);if(_isArray(e)&&_isArray(t)){var o=e.length;if(o!==t.length)return trackDiff(e,t,r,n,diffTypes.different);for(var i=!0,a=o;0!=a--;)accumulateDeepEqualDiffs(e[a],t[a],r,"".concat(n,"[").concat(a,"]"))||(i=!1);return trackDiff(e,t,r,n,i?diffTypes.deepEquals:diffTypes.different)}if(_isDate(e)&&_isDate(t))return e.getTime()===t.getTime()?trackDiff(e,t,r,n,diffTypes.date):trackDiff(e,t,r,n,diffTypes.different);if(_isRegExp(e)&&_isRegExp(t))return e.toString()===t.toString()?trackDiff(e,t,r,n,diffTypes.regex):trackDiff(e,t,r,n,diffTypes.different);if(hasElementType&&e instanceof Element&&t instanceof Element)return trackDiff(e,t,r,n,diffTypes.different);if(isReactElement(e)&&isReactElement(t))return e.type===t.type?trackDiff(e,t,r,n,diffTypes.reactElement):trackDiff(e,t,r,n,diffTypes.different);if(_isFunction(e)&&_isFunction(t))return e.name===t.name?trackDiff(e,t,r,n,diffTypes.function):trackDiff(e,t,r,n,diffTypes.different);if(_isPlainObject(e)&&_isPlainObject(t)){var f=_keys(e),s=f.length;if(s!==_keys(t).length)return trackDiff(e,t,r,n,diffTypes.different);for(var c=s;0!=c--;)if(!_has(t,f[c]))return trackDiff(e,t,r,n,diffTypes.different);for(var p=!0,u=s;0!=u--;){var l=f[u];accumulateDeepEqualDiffs(e[l],t[l],r,"".concat(n,".").concat(l))||(p=!1)}return trackDiff(e,t,r,n,p?diffTypes.deepEquals:diffTypes.different)}return trackDiff(e,t,r,n,diffTypes.different)}function calculateDeepEqualDiffs(e,t,r){try{var n=[];return accumulateDeepEqualDiffs(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var emptyObject={};function findObjectsDifferences(e,t){if(e===t)return!1;var r=e||emptyObject,n=t||emptyObject,o=Object.keys(_objectSpread({},r,n));return _reduce(o,function(e,t){var o=calculateDeepEqualDiffs(r[t],n[t],t);return o&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(o))),e},[])}function getUpdateReason(e,t,r,n,o,i){return{propsDifferences:findObjectsDifferences(e,n),stateDifferences:findObjectsDifferences(t,o),hookDifferences:findObjectsDifferences(r,i)}}function getUpdateInfo(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,i=e.prevState,a=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:i,prevHook:a,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:getUpdateReason(o,i,a,f,s,c)}}function shouldInclude(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}function shouldExclude(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}function shouldTrack(e,t,r){return!shouldExclude(t,r)&&!(!e.whyDidYouRender&&!shouldInclude(t,r))}var hasSymbol$1="function"==typeof Symbol&&Symbol.for,REACT_MEMO_TYPE=hasSymbol$1?Symbol.for("react.memo"):60115;function patchClassComponent(e,t,r,n){class o extends e{constructor(t,r){var n;if(super(t,r),n=this,this.render&&!e.prototype.render){var i=this.render;this.render=function(){return o.prototype.render.apply(n),i()}}}render(){return this._prevProps&&n.notifier(getUpdateInfo({Component:e,displayName:t,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:n})),this._prevProps=this.props,this._prevState=this.state,super.render&&super.render()}}return o.displayName=t,_defaults(o,e),o}function patchFunctionalComponent(e,t,r,n){function o(o){var i=r.useRef(),a=i.current;if(i.current=o,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:o,options:n});f.reason.propsDifferences&&n.notifier(f)}return e(o)}return o.displayName=t,_defaults(o,e),o}function patchMemoComponent(e,t,r,n){var o=r.memo(function(o){var i=r.useRef(),a=i.current;if(i.current=o,a){var f=getUpdateInfo({Component:e,displayName:t,prevProps:a,nextProps:o,options:n});f.reason.propsDifferences&&n.notifier(f)}return e.type(o)});return o.displayName=t,_defaults(o,e),o}function trackHookChanges(e,t,r,n,o){var i=r,a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,f=getDisplayName(a);if(!shouldTrack(a,f,o))return i;var s=n.useRef(),c=s.current;if(s.current=i,c){var p=getUpdateInfo({Component:a,displayName:f,hookName:e,prevHook:c,nextHook:i,options:o});p.reason.hookDifferences&&(p.reason.hookDifferences.length>0||!t.allowShallow)&&o.notifier(p)}return s.current}function createPatchedComponent(e,t,r,n,o){return t.$$typeof===REACT_MEMO_TYPE?patchMemoComponent(t,r,n,o):t.prototype&&t.prototype.isReactComponent?patchClassComponent(t,r,n,o):patchFunctionalComponent(t,r,n,o)}function getPatchedComponent(e,t,r,n,o){if(e.has(t))return e.get(t);var i=createPatchedComponent(e,t,r,n,o);return e.set(t,i),i}var hooksConfig={useState:{allowShallow:!0},useReducer:!0};function whyDidYouRender(e,t){var r,n=normalizeOptions(t),o=e.createElement,i=e.createFactory,a=new WeakMap;(e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===REACT_MEMO_TYPE)&&shouldTrack(t,getDisplayName(t),n),i=arguments.length,f=new Array(i>1?i-1:0),s=1;s<i;s++)f[s-1]=arguments[s];if(!r)return o.apply(e,[t].concat(f));var c=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||getDisplayName(t),p=getPatchedComponent(a,t,c,e,n);return o.apply(e,[p].concat(f))},Object.assign(e.createElement,o),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),n.trackHooks)&&Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){r=e},get:function(){return Object.entries(hooksConfig).reduce(function(t,o){var i=_slicedToArray(o,2),a=i[0],f=i[1];return t[a]=function(){var t,o=(t=r)[a].apply(t,arguments);return f&&trackHookChanges(a,!0===f?{}:f,o,e,n),o},t},_objectSpread({},r))}});return e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:o,createFactory:i}),a=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e}module.exports=whyDidYouRender; | ||
| //# sourceMappingURL=whyDidYouRender.min.js.map |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.1 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.2 | ||
| * MIT Licensed | ||
@@ -8,3 +8,2 @@ * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| import _capitalize from 'lodash/capitalize'; | ||
| import _defaults from 'lodash/defaults'; | ||
@@ -273,3 +272,2 @@ import _isString from 'lodash/isString'; | ||
| var userOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; | ||
| var React = arguments.length > 1 ? arguments[1] : undefined; | ||
| var consoleGroup = console.group; | ||
@@ -295,11 +293,3 @@ var consoleGroupEnd = console.groupEnd; | ||
| logOnDifferentValues: false, | ||
| trackHooks: _objectSpread({ | ||
| useState: { | ||
| fn: React.useState, | ||
| allowShallow: true | ||
| }, | ||
| useReducer: { | ||
| fn: React.useReducer | ||
| } | ||
| }, userOptions.userHooks) | ||
| trackHooks: true | ||
| }, userOptions); | ||
@@ -617,41 +607,33 @@ } | ||
| function getPatchedHook(hookName, hookConfig, React, options) { | ||
| var newHook = function newHook() { | ||
| var nextHook = hookConfig.fn.apply(hookConfig, arguments); | ||
| var Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type; | ||
| var displayName = getDisplayName(Component); | ||
| var isShouldTrack = shouldTrack(Component, displayName, options); | ||
| function trackHookChanges(hookName, hookConfig, hookResult, React, options) { | ||
| var nextHook = hookResult; | ||
| var Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type; | ||
| var displayName = getDisplayName(Component); | ||
| var isShouldTrack = shouldTrack(Component, displayName, options); | ||
| if (!isShouldTrack) { | ||
| return nextHook; | ||
| } | ||
| if (!isShouldTrack) { | ||
| return nextHook; | ||
| } | ||
| var ref = React.useRef(); | ||
| var prevHook = ref.current; | ||
| ref.current = nextHook; | ||
| var ref = React.useRef(); | ||
| var prevHook = ref.current; | ||
| ref.current = nextHook; | ||
| if (prevHook) { | ||
| var notification = getUpdateInfo({ | ||
| Component: Component, | ||
| displayName: displayName, | ||
| hookName: hookName, | ||
| prevHook: prevHook, | ||
| nextHook: nextHook, | ||
| options: options | ||
| }); | ||
| var shouldNotifyHookDifference = notification.reason.hookDifferences && (notification.reason.hookDifferences.length > 0 || !hookConfig.allowShallow); | ||
| if (prevHook) { | ||
| var notification = getUpdateInfo({ | ||
| Component: Component, | ||
| displayName: displayName, | ||
| hookName: hookName, | ||
| prevHook: prevHook, | ||
| nextHook: nextHook, | ||
| options: options | ||
| }); | ||
| var shouldNotifyHookDifference = notification.reason.hookDifferences && (notification.reason.hookDifferences.length > 0 || !hookConfig.allowShallow); | ||
| if (shouldNotifyHookDifference) { | ||
| options.notifier(notification); | ||
| } | ||
| if (shouldNotifyHookDifference) { | ||
| options.notifier(notification); | ||
| } | ||
| } | ||
| return ref.current; | ||
| }; | ||
| var newHookName = "patched".concat(_capitalize(hookName[0])).concat(hookName.substr(1)); | ||
| Object.defineProperty(newHook, 'name', { | ||
| value: newHookName | ||
| }); | ||
| return newHook; | ||
| return ref.current; | ||
| } | ||
@@ -681,7 +663,12 @@ | ||
| var hooksConfig = { | ||
| useState: { | ||
| allowShallow: true | ||
| }, | ||
| useReducer: true | ||
| }; | ||
| function whyDidYouRender(React, userOptions) { | ||
| var options = normalizeOptions(userOptions, React); | ||
| var options = normalizeOptions(userOptions); | ||
| var origCreateElement = React.createElement; | ||
| var origCreateFactory = React.createFactory; | ||
| var origHooks = {}; | ||
| var componentsMap = new WeakMap(); | ||
@@ -716,9 +703,28 @@ | ||
| if (options.trackHooks) { | ||
| Object.entries(options.trackHooks).forEach(function (_ref) { | ||
| var _ref2 = _slicedToArray(_ref, 2), | ||
| hookName = _ref2[0], | ||
| hookConfig = _ref2[1]; | ||
| var currentDispatcher; | ||
| Object.defineProperty(React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher, 'current', { | ||
| set: function set(_currentDispatcher) { | ||
| currentDispatcher = _currentDispatcher; | ||
| }, | ||
| get: function get() { | ||
| return Object.entries(hooksConfig).reduce(function (result, _ref) { | ||
| var _ref2 = _slicedToArray(_ref, 2), | ||
| hookName = _ref2[0], | ||
| hookConfig = _ref2[1]; | ||
| origHooks[hookName] = React[hookName]; | ||
| React[hookName] = getPatchedHook(hookName, hookConfig, React, options); | ||
| result[hookName] = function () { | ||
| var _currentDispatcher2; | ||
| var hookResult = (_currentDispatcher2 = currentDispatcher)[hookName].apply(_currentDispatcher2, arguments); | ||
| if (hookConfig) { | ||
| trackHookChanges(hookName, hookConfig === true ? {} : hookConfig, hookResult, React, options); | ||
| } | ||
| return hookResult; | ||
| }; | ||
| return result; | ||
| }, _objectSpread({}, currentDispatcher)); | ||
| } | ||
| }); | ||
@@ -728,7 +734,10 @@ } | ||
| React.__REVERT_WHY_DID_YOU_RENDER__ = function () { | ||
| Object.assign(React, _objectSpread({ | ||
| Object.assign(React, { | ||
| createElement: origCreateElement, | ||
| createFactory: origCreateFactory | ||
| }, origHooks)); | ||
| }); | ||
| componentsMap = null; | ||
| Object.defineProperty(React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher, 'current', { | ||
| writable: true | ||
| }); | ||
| delete React.__REVERT_WHY_DID_YOU_RENDER__; | ||
@@ -735,0 +744,0 @@ }; |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.1 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.2 | ||
| * MIT Licensed | ||
@@ -8,3 +8,3 @@ * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| import e from"lodash/capitalize";import t from"lodash/defaults";import r from"lodash/isString";import n from"lodash/reduce";import o from"lodash/has";import a from"lodash/keys";import i from"lodash/isFunction";import f from"lodash/isRegExp";import s from"lodash/isDate";import c from"lodash/isPlainObject";import u from"lodash/isArray";function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){p(e,t,r[t])})}return e}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,o=!1,a=void 0;try{for(var i,f=e[Symbol.iterator]();!(n=(i=f.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==f.return||f.return()}finally{if(o)throw a}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function m(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var h,y={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},v="http://bit.ly/wdyr02",g="http://bit.ly/wdyr3",b=(p(h={},y.different,"different objects."),p(h,y.deepEquals,"different objects that are equal by value."),p(h,y.date,"different date objects with the same value."),p(h,y.regex,"different regular expressions with the same value."),p(h,y.reactElement,"different React elements with the same displayName."),p(h,y.function,"different functions with the same name."),h),E=!1;function D(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,a=e.diffObjType,i=e.differences,f=e.values,s=e.options;i&&i.length>0?(s.consoleLog(p({},r,t),"".concat(o," of ").concat(a," changes:")),i.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,i=e.nextValue;s.consoleGroup("%c".concat("hook"===a?"hook ".concat(n," "):"".concat(a,"."),"%c").concat(t,"%c"),"color:blue;","color:red;","color:black;"),s.consoleLog("".concat(b[r]," (more info at ").concat(n?g:v,")")),s.consoleLog(p({},"prev ".concat(t),o),"!==",p({},"next ".concat(t),i)),s.consoleGroupEnd()})):i&&(s.consoleLog(p({},r,t),"".concat(o," the ").concat(a," object itself changed but it's values are all equal."),"props"===a?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(v)),s.consoleLog("prev ".concat(a,":"),f.prev," !== ",f.next,":next ".concat(a)))}function k(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook,u=e.reason,l=e.options;if(function(e,t,r){return!(E||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===y.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===y.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===y.different})))}(u,t,l)){l.consoleGroup("%c".concat(r),"color: #058;");var d="Re-rendered because";u.propsDifferences&&(D({Component:t,displayName:r,prefixMessage:d,diffObjType:"props",differences:u.propsDifferences,values:{prev:o,next:f},options:l}),d="And because"),u.stateDifferences&&D({Component:t,displayName:r,prefixMessage:d,diffObjType:"state",differences:u.stateDifferences,values:{prev:a,next:s},options:l}),u.hookDifferences&&D({Component:t,displayName:r,prefixMessage:d,diffObjType:"hook",differences:u.hookDifferences,values:{prev:i,next:c},hookName:n,options:l}),u.propsDifferences||u.stateDifferences||u.hookDifferences||l.consoleLog(p({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(v)),l.consoleGroupEnd()}}var x=function(){};function S(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments.length>1?arguments[1]:void 0,n=console.group,o=console.groupEnd;return t.collapseGroups?n=console.groupCollapsed:t.onlyLogs&&(n=console.log,o=x),l({include:null,exclude:null,notifier:t.notifier||((e=t.hasOwnProperty("hotReloadBufferMs")?t.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(E=!0,setTimeout(function(){E=!1},e))}),k),onlyLogs:!1,consoleLog:console.log,consoleGroup:n,consoleGroupEnd:o,logOnDifferentValues:!1,trackHooks:l({useState:{fn:r.useState,allowShallow:!0},useReducer:{fn:r.useReducer}},t.userHooks)},t)}function w(e){return e.displayName||e.name||e.type&&w(e.type)||(r(e)?e:void 0)}var O="undefined"!=typeof Element,_="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,R=function(e){return e.$$typeof===_};function N(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==y.different}function j(e,t,r){try{var n=[];return function e(t,r,n){var p=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return N(t,r,n,p,y.different);if(u(t)&&u(r)){var l=t.length;if(l!==r.length)return N(t,r,n,p,y.different);for(var d=!0,m=l;0!=m--;)e(t[m],r[m],n,"".concat(p,"[").concat(m,"]"))||(d=!1);return N(t,r,n,p,d?y.deepEquals:y.different)}if(s(t)&&s(r))return t.getTime()===r.getTime()?N(t,r,n,p,y.date):N(t,r,n,p,y.different);if(f(t)&&f(r))return t.toString()===r.toString()?N(t,r,n,p,y.regex):N(t,r,n,p,y.different);if(O&&t instanceof Element&&r instanceof Element)return N(t,r,n,p,y.different);if(R(t)&&R(r))return t.type===r.type?N(t,r,n,p,y.reactElement):N(t,r,n,p,y.different);if(i(t)&&i(r))return t.name===r.name?N(t,r,n,p,y.function):N(t,r,n,p,y.different);if(c(t)&&c(r)){var h=a(t),v=h.length;if(v!==a(r).length)return N(t,r,n,p,y.different);for(var g=v;0!=g--;)if(!o(r,h[g]))return N(t,r,n,p,y.different);for(var b=!0,E=v;0!=E--;){var D=h[E];e(t[D],r[D],n,"".concat(p,".").concat(D))||(b=!1)}return N(t,r,n,p,b?y.deepEquals:y.different)}return N(t,r,n,p,y.different)}(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var P={};function T(e,t){if(e===t)return!1;var r=e||P,o=t||P,a=Object.keys(l({},r,o));return n(a,function(e,t){var n=j(r[t],o[t],t);return n&&(e=[].concat(m(e),m(n))),e},[])}function H(e,t,r,n,o,a){return{propsDifferences:T(e,n),stateDifferences:T(t,o),hookDifferences:T(r,a)}}function C(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,f=e.nextProps,s=e.nextState,c=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:f,nextState:s,nextHook:c,options:e.options,reason:H(o,a,i,f,s,c)}}function L(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var A="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function Y(e,r,n,o,a){return r.$$typeof===A?function(e,r,n,o){var a=n.memo(function(t){var a=n.useRef(),i=a.current;if(a.current=t,i){var f=C({Component:e,displayName:r,prevProps:i,nextProps:t,options:o});f.reason.propsDifferences&&o.notifier(f)}return e.type(t)});return a.displayName=r,t(a,e),a}(r,n,o,a):r.prototype&&r.prototype.isReactComponent?function(e,r,n,o){class a extends e{constructor(t,r){var n;if(super(t,r),n=this,this.render&&!e.prototype.render){var o=this.render;this.render=function(){return a.prototype.render.apply(n),o()}}}render(){return this._prevProps&&o.notifier(C({Component:e,displayName:r,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:o})),this._prevProps=this.props,this._prevState=this.state,super.render&&super.render()}}return a.displayName=r,t(a,e),a}(r,n,0,a):function(e,r,n,o){function a(t){var a=n.useRef(),i=a.current;if(a.current=t,i){var f=C({Component:e,displayName:r,prevProps:i,nextProps:t,options:o});f.reason.propsDifferences&&o.notifier(f)}return e(t)}return a.displayName=r,t(a,e),a}(r,n,o,a)}export default function(t,r){var n=S(r,t),o=t.createElement,a=t.createFactory,i={},f=new WeakMap;return t.createElement=function(e){for(var r=("function"==typeof e||e.$$typeof===A)&&L(e,w(e),n),a=arguments.length,i=new Array(a>1?a-1:0),s=1;s<a;s++)i[s-1]=arguments[s];if(!r)return o.apply(t,[e].concat(i));var c=e&&e.whyDidYouRender&&e.whyDidYouRender.customName||w(e),u=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=Y(0,t,r,n,o);return e.set(t,a),a}(f,e,c,t,n);return o.apply(t,[u].concat(i))},Object.assign(t.createElement,o),t.createFactory=function(e){var r=t.createElement.bind(null,e);return r.type=e,r},Object.assign(t.createFactory,a),n.trackHooks&&Object.entries(n.trackHooks).forEach(function(r){var o=d(r,2),a=o[0],f=o[1];i[a]=t[a],t[a]=function(t,r,n,o){var a=function(){var e=r.fn.apply(r,arguments),a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,i=w(a);if(!L(a,i,o))return e;var f=n.useRef(),s=f.current;if(f.current=e,s){var c=C({Component:a,displayName:i,hookName:t,prevHook:s,nextHook:e,options:o});c.reason.hookDifferences&&(c.reason.hookDifferences.length>0||!r.allowShallow)&&o.notifier(c)}return f.current},i="patched".concat(e(t[0])).concat(t.substr(1));return Object.defineProperty(a,"name",{value:i}),a}(a,f,t,n)}),t.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(t,l({createElement:o,createFactory:a},i)),f=null,delete t.__REVERT_WHY_DID_YOU_RENDER__},t} | ||
| import e from"lodash/defaults";import t from"lodash/isString";import r from"lodash/reduce";import n from"lodash/has";import o from"lodash/keys";import a from"lodash/isFunction";import i from"lodash/isRegExp";import f from"lodash/isDate";import c from"lodash/isPlainObject";import s from"lodash/isArray";function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){u(e,t,r[t])})}return e}function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,o=!1,a=void 0;try{for(var i,f=e[Symbol.iterator]();!(n=(i=f.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==f.return||f.return()}finally{if(o)throw a}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function d(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var m,h={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},y="http://bit.ly/wdyr02",v="http://bit.ly/wdyr3",g=(u(m={},h.different,"different objects."),u(m,h.deepEquals,"different objects that are equal by value."),u(m,h.date,"different date objects with the same value."),u(m,h.regex,"different regular expressions with the same value."),u(m,h.reactElement,"different React elements with the same displayName."),u(m,h.function,"different functions with the same name."),m),b=!1;function _(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prefixMessage,a=e.diffObjType,i=e.differences,f=e.values,c=e.options;i&&i.length>0?(c.consoleLog(u({},r,t),"".concat(o," of ").concat(a," changes:")),i.forEach(function(e){var t=e.pathString,r=e.diffType,o=e.prevValue,i=e.nextValue;c.consoleGroup("%c".concat("hook"===a?"hook ".concat(n," "):"".concat(a,"."),"%c").concat(t,"%c"),"color:blue;","color:red;","color:black;"),c.consoleLog("".concat(g[r]," (more info at ").concat(n?v:y,")")),c.consoleLog(u({},"prev ".concat(t),o),"!==",u({},"next ".concat(t),i)),c.consoleGroupEnd()})):i&&(c.consoleLog(u({},r,t),"".concat(o," the ").concat(a," object itself changed but it's values are all equal."),"props"===a?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(y)),c.consoleLog("prev ".concat(a,":"),f.prev," !== ",f.next,":next ".concat(a)))}function E(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,f=e.nextProps,c=e.nextState,s=e.nextHook,p=e.reason,l=e.options;if(function(e,t,r){return!(b||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===h.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===h.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===h.different})))}(p,t,l)){l.consoleGroup("%c".concat(r),"color: #058;");var d="Re-rendered because";p.propsDifferences&&(_({Component:t,displayName:r,prefixMessage:d,diffObjType:"props",differences:p.propsDifferences,values:{prev:o,next:f},options:l}),d="And because"),p.stateDifferences&&_({Component:t,displayName:r,prefixMessage:d,diffObjType:"state",differences:p.stateDifferences,values:{prev:a,next:c},options:l}),p.hookDifferences&&_({Component:t,displayName:r,prefixMessage:d,diffObjType:"hook",differences:p.hookDifferences,values:{prev:i,next:s},hookName:n,options:l}),p.propsDifferences||p.stateDifferences||p.hookDifferences||l.consoleLog(u({},r,t),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(y)),l.consoleGroupEnd()}}var D=function(){};function O(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=console.group,n=console.groupEnd;return t.collapseGroups?r=console.groupCollapsed:t.onlyLogs&&(r=console.log,n=D),p({include:null,exclude:null,notifier:t.notifier||((e=t.hasOwnProperty("hotReloadBufferMs")?t.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(b=!0,setTimeout(function(){b=!1},e))}),E),onlyLogs:!1,consoleLog:console.log,consoleGroup:r,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:!0},t)}function S(e){return e.displayName||e.name||e.type&&S(e.type)||(t(e)?e:void 0)}var x="undefined"!=typeof Element,R="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,k=function(e){return e.$$typeof===R};function w(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==h.different}function N(e,t,r){try{var u=[];return function e(t,r,u){var p=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return w(t,r,u,p,h.different);if(s(t)&&s(r)){var l=t.length;if(l!==r.length)return w(t,r,u,p,h.different);for(var d=!0,m=l;0!=m--;)e(t[m],r[m],u,"".concat(p,"[").concat(m,"]"))||(d=!1);return w(t,r,u,p,d?h.deepEquals:h.different)}if(f(t)&&f(r))return t.getTime()===r.getTime()?w(t,r,u,p,h.date):w(t,r,u,p,h.different);if(i(t)&&i(r))return t.toString()===r.toString()?w(t,r,u,p,h.regex):w(t,r,u,p,h.different);if(x&&t instanceof Element&&r instanceof Element)return w(t,r,u,p,h.different);if(k(t)&&k(r))return t.type===r.type?w(t,r,u,p,h.reactElement):w(t,r,u,p,h.different);if(a(t)&&a(r))return t.name===r.name?w(t,r,u,p,h.function):w(t,r,u,p,h.different);if(c(t)&&c(r)){var y=o(t),v=y.length;if(v!==o(r).length)return w(t,r,u,p,h.different);for(var g=v;0!=g--;)if(!n(r,y[g]))return w(t,r,u,p,h.different);for(var b=!0,_=v;0!=_--;){var E=y[_];e(t[E],r[E],u,"".concat(p,".").concat(E))||(b=!1)}return w(t,r,u,p,b?h.deepEquals:h.different)}return w(t,r,u,p,h.different)}(e,t,u,r),u}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var T={};function j(e,t){if(e===t)return!1;var n=e||T,o=t||T,a=Object.keys(p({},n,o));return r(a,function(e,t){var r=N(n[t],o[t],t);return r&&(e=[].concat(d(e),d(r))),e},[])}function P(e,t,r,n,o,a){return{propsDifferences:j(e,n),stateDifferences:j(t,o),hookDifferences:j(r,a)}}function C(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,f=e.nextProps,c=e.nextState,s=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:f,nextState:c,nextHook:s,options:e.options,reason:P(o,a,i,f,c,s)}}function L(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var H="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function A(t,r,n,o,a){return r.$$typeof===H?function(t,r,n,o){var a=n.memo(function(e){var a=n.useRef(),i=a.current;if(a.current=e,i){var f=C({Component:t,displayName:r,prevProps:i,nextProps:e,options:o});f.reason.propsDifferences&&o.notifier(f)}return t.type(e)});return a.displayName=r,e(a,t),a}(r,n,o,a):r.prototype&&r.prototype.isReactComponent?function(t,r,n,o){class a extends t{constructor(e,r){var n;if(super(e,r),n=this,this.render&&!t.prototype.render){var o=this.render;this.render=function(){return a.prototype.render.apply(n),o()}}}render(){return this._prevProps&&o.notifier(C({Component:t,displayName:r,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:o})),this._prevProps=this.props,this._prevState=this.state,super.render&&super.render()}}return a.displayName=r,e(a,t),a}(r,n,0,a):function(t,r,n,o){function a(e){var a=n.useRef(),i=a.current;if(a.current=e,i){var f=C({Component:t,displayName:r,prevProps:i,nextProps:e,options:o});f.reason.propsDifferences&&o.notifier(f)}return t(e)}return a.displayName=r,e(a,t),a}(r,n,o,a)}var I={useState:{allowShallow:!0},useReducer:!0};export default function(e,t){var r,n=O(t),o=e.createElement,a=e.createFactory,i=new WeakMap;return e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===H)&&L(t,S(t),n),a=arguments.length,f=new Array(a>1?a-1:0),c=1;c<a;c++)f[c-1]=arguments[c];if(!r)return o.apply(e,[t].concat(f));var s=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||S(t),u=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=A(0,t,r,n,o);return e.set(t,a),a}(i,t,s,e,n);return o.apply(e,[u].concat(f))},Object.assign(e.createElement,o),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,a),n.trackHooks&&Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){r=e},get:function(){return Object.entries(I).reduce(function(t,o){var a=l(o,2),i=a[0],f=a[1];return t[i]=function(){var t,o=(t=r)[i].apply(t,arguments);return f&&function(e,t,r,n,o){var a=r,i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,f=S(i);if(!L(i,f,o))return a;var c=n.useRef(),s=c.current;if(c.current=a,s){var u=C({Component:i,displayName:f,hookName:e,prevHook:s,nextHook:a,options:o});u.reason.hookDifferences&&(u.reason.hookDifferences.length>0||!t.allowShallow)&&o.notifier(u)}c.current}(i,!0===f?{}:f,o,e,n),o},t},p({},r))}}),e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:o,createFactory:a}),i=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e} | ||
| //# sourceMappingURL=whyDidYouRender.min.js.map |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.1 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.2 | ||
| * MIT Licensed | ||
@@ -8,3 +8,3 @@ * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).whyDidYouRender=t()}(this,function(){"use strict";function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function t(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(r){e(t,r,n[r])})}return t}function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,o=!1,a=void 0;try{for(var u,i=e[Symbol.iterator]();!(n=(u=i.next()).done)&&(r.push(u.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==i.return||i.return()}finally{if(o)throw a}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function n(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function a(e,t){return e(t={exports:{}},t.exports),t.exports}var u="object"==typeof o&&o&&o.Object===Object&&o,i="object"==typeof self&&self&&self.Object===Object&&self,c=u||i||Function("return this")(),f=c.Symbol;var s=function(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o},l=Array.isArray,p=Object.prototype,v=p.hasOwnProperty,d=p.toString,h=f?f.toStringTag:void 0;var y=function(e){var t=v.call(e,h),r=e[h];try{e[h]=void 0;var n=!0}catch(e){}var o=d.call(e);return n&&(t?e[h]=r:delete e[h]),o},b=Object.prototype.toString;var g=function(e){return b.call(e)},_="[object Null]",m="[object Undefined]",j=f?f.toStringTag:void 0;var O=function(e){return null==e?void 0===e?m:_:j&&j in Object(e)?y(e):g(e)};var w=function(e){return null!=e&&"object"==typeof e},S="[object Symbol]";var x=function(e){return"symbol"==typeof e||w(e)&&O(e)==S},E=1/0,k=f?f.prototype:void 0,D=k?k.toString:void 0;var P=function e(t){if("string"==typeof t)return t;if(l(t))return s(t,e)+"";if(x(t))return D?D.call(t):"";var r=t+"";return"0"==r&&1/t==-E?"-0":r};var A=function(e){return null==e?"":P(e)};var R=function(e,t,r){var n=-1,o=e.length;t<0&&(t=-t>o?0:o+t),(r=r>o?o:r)<0&&(r+=o),o=t>r?0:r-t>>>0,t>>>=0;for(var a=Array(o);++n<o;)a[n]=e[n+t];return a};var N=function(e,t,r){var n=e.length;return r=void 0===r?n:r,!t&&r>=n?e:R(e,t,r)},T=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");var z=function(e){return T.test(e)};var C=function(e){return e.split("")},L="[\\ud800-\\udfff]",M="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",H="\\ud83c[\\udffb-\\udfff]",$="[^\\ud800-\\udfff]",F="(?:\\ud83c[\\udde6-\\uddff]){2}",V="[\\ud800-\\udbff][\\udc00-\\udfff]",I="(?:"+M+"|"+H+")"+"?",U="[\\ufe0e\\ufe0f]?"+I+("(?:\\u200d(?:"+[$,F,V].join("|")+")[\\ufe0e\\ufe0f]?"+I+")*"),Y="(?:"+[$+M+"?",M,F,V,L].join("|")+")",B=RegExp(H+"(?="+H+")|"+Y+U,"g");var q=function(e){return e.match(B)||[]};var W=function(e){return z(e)?q(e):C(e)};var G=function(e){return function(t){t=A(t);var r=z(t)?W(t):void 0,n=r?r[0]:t.charAt(0),o=r?N(r,1).join(""):t.slice(1);return n[e]()+o}}("toUpperCase");var J=function(e){return G(A(e).toLowerCase())};var K=function(e){return e};var Q=function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)},X=Math.max;var Z=function(e,t,r){return t=X(void 0===t?e.length-1:t,0),function(){for(var n=arguments,o=-1,a=X(n.length-t,0),u=Array(a);++o<a;)u[o]=n[t+o];o=-1;for(var i=Array(t+1);++o<t;)i[o]=n[o];return i[t]=r(u),Q(e,this,i)}};var ee=function(e){return function(){return e}};var te=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},re="[object AsyncFunction]",ne="[object Function]",oe="[object GeneratorFunction]",ae="[object Proxy]";var ue,ie=function(e){if(!te(e))return!1;var t=O(e);return t==ne||t==oe||t==re||t==ae},ce=c["__core-js_shared__"],fe=(ue=/[^.]+$/.exec(ce&&ce.keys&&ce.keys.IE_PROTO||""))?"Symbol(src)_1."+ue:"";var se=function(e){return!!fe&&fe in e},le=Function.prototype.toString;var pe=function(e){if(null!=e){try{return le.call(e)}catch(e){}try{return e+""}catch(e){}}return""},ve=/^\[object .+?Constructor\]$/,de=Function.prototype,he=Object.prototype,ye=de.toString,be=he.hasOwnProperty,ge=RegExp("^"+ye.call(be).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var _e=function(e){return!(!te(e)||se(e))&&(ie(e)?ge:ve).test(pe(e))};var me=function(e,t){return null==e?void 0:e[t]};var je=function(e,t){var r=me(e,t);return _e(r)?r:void 0},Oe=function(){try{var e=je(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),we=Oe?function(e,t){return Oe(e,"toString",{configurable:!0,enumerable:!1,value:ee(t),writable:!0})}:K,Se=800,xe=16,Ee=Date.now;var ke=function(e){var t=0,r=0;return function(){var n=Ee(),o=xe-(n-r);if(r=n,o>0){if(++t>=Se)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}(we);var De=function(e,t){return ke(Z(e,t,K),e+"")};var Pe=function(e,t){return e===t||e!=e&&t!=t},Ae=9007199254740991;var Re=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Ae};var Ne=function(e){return null!=e&&Re(e.length)&&!ie(e)},Te=9007199254740991,ze=/^(?:0|[1-9]\d*)$/;var Ce=function(e,t){var r=typeof e;return!!(t=null==t?Te:t)&&("number"==r||"symbol"!=r&&ze.test(e))&&e>-1&&e%1==0&&e<t};var Le=function(e,t,r){if(!te(r))return!1;var n=typeof t;return!!("number"==n?Ne(r)&&Ce(t,r.length):"string"==n&&t in r)&&Pe(r[t],e)};var Me=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n},He="[object Arguments]";var $e=function(e){return w(e)&&O(e)==He},Fe=Object.prototype,Ve=Fe.hasOwnProperty,Ie=Fe.propertyIsEnumerable,Ue=$e(function(){return arguments}())?$e:function(e){return w(e)&&Ve.call(e,"callee")&&!Ie.call(e,"callee")};var Ye=function(){return!1},Be=a(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r?c.Buffer:void 0,a=(o?o.isBuffer:void 0)||Ye;e.exports=a}),qe={};qe["[object Float32Array]"]=qe["[object Float64Array]"]=qe["[object Int8Array]"]=qe["[object Int16Array]"]=qe["[object Int32Array]"]=qe["[object Uint8Array]"]=qe["[object Uint8ClampedArray]"]=qe["[object Uint16Array]"]=qe["[object Uint32Array]"]=!0,qe["[object Arguments]"]=qe["[object Array]"]=qe["[object ArrayBuffer]"]=qe["[object Boolean]"]=qe["[object DataView]"]=qe["[object Date]"]=qe["[object Error]"]=qe["[object Function]"]=qe["[object Map]"]=qe["[object Number]"]=qe["[object Object]"]=qe["[object RegExp]"]=qe["[object Set]"]=qe["[object String]"]=qe["[object WeakMap]"]=!1;var We=function(e){return w(e)&&Re(e.length)&&!!qe[O(e)]};var Ge=function(e){return function(t){return e(t)}},Je=a(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r&&u.process,a=function(){try{var e=n&&n.require&&n.require("util").types;return e||o&&o.binding&&o.binding("util")}catch(e){}}();e.exports=a}),Ke=Je&&Je.isTypedArray,Qe=Ke?Ge(Ke):We,Xe=Object.prototype.hasOwnProperty;var Ze=function(e,t){var r=l(e),n=!r&&Ue(e),o=!r&&!n&&Be(e),a=!r&&!n&&!o&&Qe(e),u=r||n||o||a,i=u?Me(e.length,String):[],c=i.length;for(var f in e)!t&&!Xe.call(e,f)||u&&("length"==f||o&&("offset"==f||"parent"==f)||a&&("buffer"==f||"byteLength"==f||"byteOffset"==f)||Ce(f,c))||i.push(f);return i},et=Object.prototype;var tt=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||et)};var rt=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t},nt=Object.prototype.hasOwnProperty;var ot=function(e){if(!te(e))return rt(e);var t=tt(e),r=[];for(var n in e)("constructor"!=n||!t&&nt.call(e,n))&&r.push(n);return r};var at,ut=function(e){return Ne(e)?Ze(e,!0):ot(e)},it=Object.prototype,ct=it.hasOwnProperty,ft=De(function(e,t){e=Object(e);var r=-1,n=t.length,o=n>2?t[2]:void 0;for(o&&Le(t[0],t[1],o)&&(n=1);++r<n;)for(var a=t[r],u=ut(a),i=-1,c=u.length;++i<c;){var f=u[i],s=e[f];(void 0===s||Pe(s,it[f])&&!ct.call(e,f))&&(e[f]=a[f])}return e}),st={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},lt="http://bit.ly/wdyr02",pt="http://bit.ly/wdyr3",vt=(e(at={},st.different,"different objects."),e(at,st.deepEquals,"different objects that are equal by value."),e(at,st.date,"different date objects with the same value."),e(at,st.regex,"different regular expressions with the same value."),e(at,st.reactElement,"different React elements with the same displayName."),e(at,st.function,"different functions with the same name."),at),dt=!1;function ht(t){var r=t.Component,n=t.displayName,o=t.hookName,a=t.prefixMessage,u=t.diffObjType,i=t.differences,c=t.values,f=t.options;i&&i.length>0?(f.consoleLog(e({},n,r),"".concat(a," of ").concat(u," changes:")),i.forEach(function(t){var r=t.pathString,n=t.diffType,a=t.prevValue,i=t.nextValue;f.consoleGroup("%c".concat("hook"===u?"hook ".concat(o," "):"".concat(u,"."),"%c").concat(r,"%c"),"color:blue;","color:red;","color:black;"),f.consoleLog("".concat(vt[n]," (more info at ").concat(o?pt:lt,")")),f.consoleLog(e({},"prev ".concat(r),a),"!==",e({},"next ".concat(r),i)),f.consoleGroupEnd()})):i&&(f.consoleLog(e({},n,r),"".concat(a," the ").concat(u," object itself changed but it's values are all equal."),"props"===u?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(lt)),f.consoleLog("prev ".concat(u,":"),c.prev," !== ",c.next,":next ".concat(u)))}function yt(t){var r=t.Component,n=t.displayName,o=t.hookName,a=t.prevProps,u=t.prevState,i=t.prevHook,c=t.nextProps,f=t.nextState,s=t.nextHook,l=t.reason,p=t.options;if(function(e,t,r){return!(dt||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===st.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===st.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===st.different})))}(l,r,p)){p.consoleGroup("%c".concat(n),"color: #058;");var v="Re-rendered because";l.propsDifferences&&(ht({Component:r,displayName:n,prefixMessage:v,diffObjType:"props",differences:l.propsDifferences,values:{prev:a,next:c},options:p}),v="And because"),l.stateDifferences&&ht({Component:r,displayName:n,prefixMessage:v,diffObjType:"state",differences:l.stateDifferences,values:{prev:u,next:f},options:p}),l.hookDifferences&&ht({Component:r,displayName:n,prefixMessage:v,diffObjType:"hook",differences:l.hookDifferences,values:{prev:i,next:s},hookName:o,options:p}),l.propsDifferences||l.stateDifferences||l.hookDifferences||p.consoleLog(e({},n,r),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(lt)),p.consoleGroupEnd()}}var bt=function(){};function gt(){var e,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0,o=console.group,a=console.groupEnd;return r.collapseGroups?o=console.groupCollapsed:r.onlyLogs&&(o=console.log,a=bt),t({include:null,exclude:null,notifier:r.notifier||((e=r.hasOwnProperty("hotReloadBufferMs")?r.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(dt=!0,setTimeout(function(){dt=!1},e))}),yt),onlyLogs:!1,consoleLog:console.log,consoleGroup:o,consoleGroupEnd:a,logOnDifferentValues:!1,trackHooks:t({useState:{fn:n.useState,allowShallow:!0},useReducer:{fn:n.useReducer}},r.userHooks)},r)}var _t="[object String]";var mt=function(e){return"string"==typeof e||!l(e)&&w(e)&&O(e)==_t};function jt(e){return e.displayName||e.name||e.type&&jt(e.type)||(mt(e)?e:void 0)}var Ot=function(e,t,r,n){var o=-1,a=null==e?0:e.length;for(n&&a&&(r=e[++o]);++o<a;)r=t(r,e[o],o,e);return r};var wt=function(e){return function(t,r,n){for(var o=-1,a=Object(t),u=n(t),i=u.length;i--;){var c=u[e?i:++o];if(!1===r(a[c],c,a))break}return t}}();var St=function(e,t){return function(r){return e(t(r))}},xt=St(Object.keys,Object),Et=Object.prototype.hasOwnProperty;var kt=function(e){if(!tt(e))return xt(e);var t=[];for(var r in Object(e))Et.call(e,r)&&"constructor"!=r&&t.push(r);return t};var Dt=function(e){return Ne(e)?Ze(e):kt(e)};var Pt=function(e,t){return function(r,n){if(null==r)return r;if(!Ne(r))return e(r,n);for(var o=r.length,a=t?o:-1,u=Object(r);(t?a--:++a<o)&&!1!==n(u[a],a,u););return r}}(function(e,t){return e&&wt(e,t,Dt)});var At=function(){this.__data__=[],this.size=0};var Rt=function(e,t){for(var r=e.length;r--;)if(Pe(e[r][0],t))return r;return-1},Nt=Array.prototype.splice;var Tt=function(e){var t=this.__data__,r=Rt(t,e);return!(r<0||(r==t.length-1?t.pop():Nt.call(t,r,1),--this.size,0))};var zt=function(e){var t=this.__data__,r=Rt(t,e);return r<0?void 0:t[r][1]};var Ct=function(e){return Rt(this.__data__,e)>-1};var Lt=function(e,t){var r=this.__data__,n=Rt(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function Mt(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Mt.prototype.clear=At,Mt.prototype.delete=Tt,Mt.prototype.get=zt,Mt.prototype.has=Ct,Mt.prototype.set=Lt;var Ht=Mt;var $t=function(){this.__data__=new Ht,this.size=0};var Ft=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var Vt=function(e){return this.__data__.get(e)};var It=function(e){return this.__data__.has(e)},Ut=je(c,"Map"),Yt=je(Object,"create");var Bt=function(){this.__data__=Yt?Yt(null):{},this.size=0};var qt=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Wt="__lodash_hash_undefined__",Gt=Object.prototype.hasOwnProperty;var Jt=function(e){var t=this.__data__;if(Yt){var r=t[e];return r===Wt?void 0:r}return Gt.call(t,e)?t[e]:void 0},Kt=Object.prototype.hasOwnProperty;var Qt=function(e){var t=this.__data__;return Yt?void 0!==t[e]:Kt.call(t,e)},Xt="__lodash_hash_undefined__";var Zt=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Yt&&void 0===t?Xt:t,this};function er(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}er.prototype.clear=Bt,er.prototype.delete=qt,er.prototype.get=Jt,er.prototype.has=Qt,er.prototype.set=Zt;var tr=er;var rr=function(){this.size=0,this.__data__={hash:new tr,map:new(Ut||Ht),string:new tr}};var nr=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var or=function(e,t){var r=e.__data__;return nr(t)?r["string"==typeof t?"string":"hash"]:r.map};var ar=function(e){var t=or(this,e).delete(e);return this.size-=t?1:0,t};var ur=function(e){return or(this,e).get(e)};var ir=function(e){return or(this,e).has(e)};var cr=function(e,t){var r=or(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function fr(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}fr.prototype.clear=rr,fr.prototype.delete=ar,fr.prototype.get=ur,fr.prototype.has=ir,fr.prototype.set=cr;var sr=fr,lr=200;var pr=function(e,t){var r=this.__data__;if(r instanceof Ht){var n=r.__data__;if(!Ut||n.length<lr-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new sr(n)}return r.set(e,t),this.size=r.size,this};function vr(e){var t=this.__data__=new Ht(e);this.size=t.size}vr.prototype.clear=$t,vr.prototype.delete=Ft,vr.prototype.get=Vt,vr.prototype.has=It,vr.prototype.set=pr;var dr=vr,hr="__lodash_hash_undefined__";var yr=function(e){return this.__data__.set(e,hr),this};var br=function(e){return this.__data__.has(e)};function gr(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new sr;++t<r;)this.add(e[t])}gr.prototype.add=gr.prototype.push=yr,gr.prototype.has=br;var _r=gr;var mr=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1};var jr=function(e,t){return e.has(t)},Or=1,wr=2;var Sr=function(e,t,r,n,o,a){var u=r&Or,i=e.length,c=t.length;if(i!=c&&!(u&&c>i))return!1;var f=a.get(e);if(f&&a.get(t))return f==t;var s=-1,l=!0,p=r&wr?new _r:void 0;for(a.set(e,t),a.set(t,e);++s<i;){var v=e[s],d=t[s];if(n)var h=u?n(d,v,s,t,e,a):n(v,d,s,e,t,a);if(void 0!==h){if(h)continue;l=!1;break}if(p){if(!mr(t,function(e,t){if(!jr(p,t)&&(v===e||o(v,e,r,n,a)))return p.push(t)})){l=!1;break}}else if(v!==d&&!o(v,d,r,n,a)){l=!1;break}}return a.delete(e),a.delete(t),l},xr=c.Uint8Array;var Er=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e,n){r[++t]=[n,e]}),r};var kr=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e){r[++t]=e}),r},Dr=1,Pr=2,Ar="[object Boolean]",Rr="[object Date]",Nr="[object Error]",Tr="[object Map]",zr="[object Number]",Cr="[object RegExp]",Lr="[object Set]",Mr="[object String]",Hr="[object Symbol]",$r="[object ArrayBuffer]",Fr="[object DataView]",Vr=f?f.prototype:void 0,Ir=Vr?Vr.valueOf:void 0;var Ur=function(e,t,r,n,o,a,u){switch(r){case Fr:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case $r:return!(e.byteLength!=t.byteLength||!a(new xr(e),new xr(t)));case Ar:case Rr:case zr:return Pe(+e,+t);case Nr:return e.name==t.name&&e.message==t.message;case Cr:case Mr:return e==t+"";case Tr:var i=Er;case Lr:var c=n&Dr;if(i||(i=kr),e.size!=t.size&&!c)return!1;var f=u.get(e);if(f)return f==t;n|=Pr,u.set(e,t);var s=Sr(i(e),i(t),n,o,a,u);return u.delete(e),s;case Hr:if(Ir)return Ir.call(e)==Ir.call(t)}return!1};var Yr=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e};var Br=function(e,t,r){var n=t(e);return l(e)?n:Yr(n,r(e))};var qr=function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,a=[];++r<n;){var u=e[r];t(u,r,e)&&(a[o++]=u)}return a};var Wr=function(){return[]},Gr=Object.prototype.propertyIsEnumerable,Jr=Object.getOwnPropertySymbols,Kr=Jr?function(e){return null==e?[]:(e=Object(e),qr(Jr(e),function(t){return Gr.call(e,t)}))}:Wr;var Qr=function(e){return Br(e,Dt,Kr)},Xr=1,Zr=Object.prototype.hasOwnProperty;var en=function(e,t,r,n,o,a){var u=r&Xr,i=Qr(e),c=i.length;if(c!=Qr(t).length&&!u)return!1;for(var f=c;f--;){var s=i[f];if(!(u?s in t:Zr.call(t,s)))return!1}var l=a.get(e);if(l&&a.get(t))return l==t;var p=!0;a.set(e,t),a.set(t,e);for(var v=u;++f<c;){var d=e[s=i[f]],h=t[s];if(n)var y=u?n(h,d,s,t,e,a):n(d,h,s,e,t,a);if(!(void 0===y?d===h||o(d,h,r,n,a):y)){p=!1;break}v||(v="constructor"==s)}if(p&&!v){var b=e.constructor,g=t.constructor;b!=g&&"constructor"in e&&"constructor"in t&&!("function"==typeof b&&b instanceof b&&"function"==typeof g&&g instanceof g)&&(p=!1)}return a.delete(e),a.delete(t),p},tn=je(c,"DataView"),rn=je(c,"Promise"),nn=je(c,"Set"),on=je(c,"WeakMap"),an=pe(tn),un=pe(Ut),cn=pe(rn),fn=pe(nn),sn=pe(on),ln=O;(tn&&"[object DataView]"!=ln(new tn(new ArrayBuffer(1)))||Ut&&"[object Map]"!=ln(new Ut)||rn&&"[object Promise]"!=ln(rn.resolve())||nn&&"[object Set]"!=ln(new nn)||on&&"[object WeakMap]"!=ln(new on))&&(ln=function(e){var t=O(e),r="[object Object]"==t?e.constructor:void 0,n=r?pe(r):"";if(n)switch(n){case an:return"[object DataView]";case un:return"[object Map]";case cn:return"[object Promise]";case fn:return"[object Set]";case sn:return"[object WeakMap]"}return t});var pn=ln,vn=1,dn="[object Arguments]",hn="[object Array]",yn="[object Object]",bn=Object.prototype.hasOwnProperty;var gn=function(e,t,r,n,o,a){var u=l(e),i=l(t),c=u?hn:pn(e),f=i?hn:pn(t),s=(c=c==dn?yn:c)==yn,p=(f=f==dn?yn:f)==yn,v=c==f;if(v&&Be(e)){if(!Be(t))return!1;u=!0,s=!1}if(v&&!s)return a||(a=new dr),u||Qe(e)?Sr(e,t,r,n,o,a):Ur(e,t,c,r,n,o,a);if(!(r&vn)){var d=s&&bn.call(e,"__wrapped__"),h=p&&bn.call(t,"__wrapped__");if(d||h){var y=d?e.value():e,b=h?t.value():t;return a||(a=new dr),o(y,b,r,n,a)}}return!!v&&(a||(a=new dr),en(e,t,r,n,o,a))};var _n=function e(t,r,n,o,a){return t===r||(null==t||null==r||!w(t)&&!w(r)?t!=t&&r!=r:gn(t,r,n,o,e,a))},mn=1,jn=2;var On=function(e,t,r,n){var o=r.length,a=o,u=!n;if(null==e)return!a;for(e=Object(e);o--;){var i=r[o];if(u&&i[2]?i[1]!==e[i[0]]:!(i[0]in e))return!1}for(;++o<a;){var c=(i=r[o])[0],f=e[c],s=i[1];if(u&&i[2]){if(void 0===f&&!(c in e))return!1}else{var l=new dr;if(n)var p=n(f,s,c,e,t,l);if(!(void 0===p?_n(s,f,mn|jn,n,l):p))return!1}}return!0};var wn=function(e){return e==e&&!te(e)};var Sn=function(e){for(var t=Dt(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,wn(o)]}return t};var xn=function(e,t){return function(r){return null!=r&&r[e]===t&&(void 0!==t||e in Object(r))}};var En=function(e){var t=Sn(e);return 1==t.length&&t[0][2]?xn(t[0][0],t[0][1]):function(r){return r===e||On(r,e,t)}},kn=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Dn=/^\w*$/;var Pn=function(e,t){if(l(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!x(e))||Dn.test(e)||!kn.test(e)||null!=t&&e in Object(t)},An="Expected a function";function Rn(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError(An);var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],a=r.cache;if(a.has(o))return a.get(o);var u=e.apply(this,n);return r.cache=a.set(o,u)||a,u};return r.cache=new(Rn.Cache||sr),r}Rn.Cache=sr;var Nn=Rn,Tn=500;var zn=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Cn=/\\(\\)?/g,Ln=function(e){var t=Nn(e,function(e){return r.size===Tn&&r.clear(),e}),r=t.cache;return t}(function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(zn,function(e,r,n,o){t.push(n?o.replace(Cn,"$1"):r||e)}),t});var Mn=function(e,t){return l(e)?e:Pn(e,t)?[e]:Ln(A(e))},Hn=1/0;var $n=function(e){if("string"==typeof e||x(e))return e;var t=e+"";return"0"==t&&1/e==-Hn?"-0":t};var Fn=function(e,t){for(var r=0,n=(t=Mn(t,e)).length;null!=e&&r<n;)e=e[$n(t[r++])];return r&&r==n?e:void 0};var Vn=function(e,t,r){var n=null==e?void 0:Fn(e,t);return void 0===n?r:n};var In=function(e,t){return null!=e&&t in Object(e)};var Un=function(e,t,r){for(var n=-1,o=(t=Mn(t,e)).length,a=!1;++n<o;){var u=$n(t[n]);if(!(a=null!=e&&r(e,u)))break;e=e[u]}return a||++n!=o?a:!!(o=null==e?0:e.length)&&Re(o)&&Ce(u,o)&&(l(e)||Ue(e))};var Yn=function(e,t){return null!=e&&Un(e,t,In)},Bn=1,qn=2;var Wn=function(e,t){return Pn(e)&&wn(t)?xn($n(e),t):function(r){var n=Vn(r,e);return void 0===n&&n===t?Yn(r,e):_n(t,n,Bn|qn)}};var Gn=function(e){return function(t){return null==t?void 0:t[e]}};var Jn=function(e){return function(t){return Fn(t,e)}};var Kn=function(e){return Pn(e)?Gn($n(e)):Jn(e)};var Qn=function(e){return"function"==typeof e?e:null==e?K:"object"==typeof e?l(e)?Wn(e[0],e[1]):En(e):Kn(e)};var Xn=function(e,t,r,n,o){return o(e,function(e,o,a){r=n?(n=!1,e):t(r,e,o,a)}),r};var Zn=function(e,t,r){var n=l(e)?Ot:Xn,o=arguments.length<3;return n(e,Qn(t,4),r,o,Pt)},eo=Object.prototype.hasOwnProperty;var to=function(e,t){return null!=e&&eo.call(e,t)};var ro=function(e,t){return null!=e&&Un(e,t,to)},no="[object RegExp]";var oo=function(e){return w(e)&&O(e)==no},ao=Je&&Je.isRegExp,uo=ao?Ge(ao):oo,io="[object Date]";var co=function(e){return w(e)&&O(e)==io},fo=Je&&Je.isDate,so=fo?Ge(fo):co,lo=St(Object.getPrototypeOf,Object),po="[object Object]",vo=Function.prototype,ho=Object.prototype,yo=vo.toString,bo=ho.hasOwnProperty,go=yo.call(Object);var _o=function(e){if(!w(e)||O(e)!=po)return!1;var t=lo(e);if(null===t)return!0;var r=bo.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&yo.call(r)==go},mo="undefined"!=typeof Element,jo="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,Oo=function(e){return e.$$typeof===jo};function wo(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==st.different}function So(e,t,r){try{var n=[];return function e(t,r,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return wo(t,r,n,o,st.different);if(l(t)&&l(r)){var a=t.length;if(a!==r.length)return wo(t,r,n,o,st.different);for(var u=!0,i=a;0!=i--;)e(t[i],r[i],n,"".concat(o,"[").concat(i,"]"))||(u=!1);return wo(t,r,n,o,u?st.deepEquals:st.different)}if(so(t)&&so(r))return t.getTime()===r.getTime()?wo(t,r,n,o,st.date):wo(t,r,n,o,st.different);if(uo(t)&&uo(r))return t.toString()===r.toString()?wo(t,r,n,o,st.regex):wo(t,r,n,o,st.different);if(mo&&t instanceof Element&&r instanceof Element)return wo(t,r,n,o,st.different);if(Oo(t)&&Oo(r))return t.type===r.type?wo(t,r,n,o,st.reactElement):wo(t,r,n,o,st.different);if(ie(t)&&ie(r))return t.name===r.name?wo(t,r,n,o,st.function):wo(t,r,n,o,st.different);if(_o(t)&&_o(r)){var c=Dt(t),f=c.length;if(f!==Dt(r).length)return wo(t,r,n,o,st.different);for(var s=f;0!=s--;)if(!ro(r,c[s]))return wo(t,r,n,o,st.different);for(var p=!0,v=f;0!=v--;){var d=c[v];e(t[d],r[d],n,"".concat(o,".").concat(d))||(p=!1)}return wo(t,r,n,o,p?st.deepEquals:st.different)}return wo(t,r,n,o,st.different)}(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var xo={};function Eo(e,r){if(e===r)return!1;var o=e||xo,a=r||xo,u=Object.keys(t({},o,a));return Zn(u,function(e,t){var r=So(o[t],a[t],t);return r&&(e=[].concat(n(e),n(r))),e},[])}function ko(e,t,r,n,o,a){return{propsDifferences:Eo(e,n),stateDifferences:Eo(t,o),hookDifferences:Eo(r,a)}}function Do(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,u=e.prevHook,i=e.nextProps,c=e.nextState,f=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:u,nextProps:i,nextState:c,nextHook:f,options:e.options,reason:ko(o,a,u,i,c,f)}}function Po(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var Ao="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function Ro(e,t,r,n,o){return t.$$typeof===Ao?function(e,t,r,n){var o=r.memo(function(o){var a=r.useRef(),u=a.current;if(a.current=o,u){var i=Do({Component:e,displayName:t,prevProps:u,nextProps:o,options:n});i.reason.propsDifferences&&n.notifier(i)}return e.type(o)});return o.displayName=t,ft(o,e),o}(t,r,n,o):t.prototype&&t.prototype.isReactComponent?function(e,t,r,n){class o extends e{constructor(t,r){var n;if(super(t,r),n=this,this.render&&!e.prototype.render){var a=this.render;this.render=function(){return o.prototype.render.apply(n),a()}}}render(){return this._prevProps&&n.notifier(Do({Component:e,displayName:t,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:n})),this._prevProps=this.props,this._prevState=this.state,super.render&&super.render()}}return o.displayName=t,ft(o,e),o}(t,r,0,o):function(e,t,r,n){function o(o){var a=r.useRef(),u=a.current;if(a.current=o,u){var i=Do({Component:e,displayName:t,prevProps:u,nextProps:o,options:n});i.reason.propsDifferences&&n.notifier(i)}return e(o)}return o.displayName=t,ft(o,e),o}(t,r,n,o)}return function(e,n){var o=gt(n,e),a=e.createElement,u=e.createFactory,i={},c=new WeakMap;return e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===Ao)&&Po(t,jt(t),o),n=arguments.length,u=new Array(n>1?n-1:0),i=1;i<n;i++)u[i-1]=arguments[i];if(!r)return a.apply(e,[t].concat(u));var f=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||jt(t),s=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=Ro(0,t,r,n,o);return e.set(t,a),a}(c,t,f,e,o);return a.apply(e,[s].concat(u))},Object.assign(e.createElement,a),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,u),o.trackHooks&&Object.entries(o.trackHooks).forEach(function(t){var n=r(t,2),a=n[0],u=n[1];i[a]=e[a],e[a]=function(e,t,r,n){var o=function(){var o=t.fn.apply(t,arguments),a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,u=jt(a);if(!Po(a,u,n))return o;var i=r.useRef(),c=i.current;if(i.current=o,c){var f=Do({Component:a,displayName:u,hookName:e,prevHook:c,nextHook:o,options:n});f.reason.hookDifferences&&(f.reason.hookDifferences.length>0||!t.allowShallow)&&n.notifier(f)}return i.current},a="patched".concat(J(e[0])).concat(e.substr(1));return Object.defineProperty(o,"name",{value:a}),o}(a,u,e,o)}),e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,t({createElement:a,createFactory:u},i)),c=null,delete e.__REVERT_WHY_DID_YOU_RENDER__},e}}); | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).whyDidYouRender=t()}(this,function(){"use strict";function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function t(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(r){e(t,r,n[r])})}return t}function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,o=!1,a=void 0;try{for(var i,u=e[Symbol.iterator]();!(n=(i=u.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==u.return||u.return()}finally{if(o)throw a}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function n(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var o=function(e){return e};var a=function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)},i=Math.max;var u=function(e,t,r){return t=i(void 0===t?e.length-1:t,0),function(){for(var n=arguments,o=-1,u=i(n.length-t,0),c=Array(u);++o<u;)c[o]=n[t+o];o=-1;for(var f=Array(t+1);++o<t;)f[o]=n[o];return f[t]=r(c),a(e,this,f)}};var c=function(e){return function(){return e}},f="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function s(e,t){return e(t={exports:{}},t.exports),t.exports}var l="object"==typeof f&&f&&f.Object===Object&&f,p="object"==typeof self&&self&&self.Object===Object&&self,v=l||p||Function("return this")(),h=v.Symbol,d=Object.prototype,y=d.hasOwnProperty,b=d.toString,_=h?h.toStringTag:void 0;var g=function(e){var t=y.call(e,_),r=e[_];try{e[_]=void 0;var n=!0}catch(e){}var o=b.call(e);return n&&(t?e[_]=r:delete e[_]),o},m=Object.prototype.toString;var j=function(e){return m.call(e)},O="[object Null]",w="[object Undefined]",E=h?h.toStringTag:void 0;var S=function(e){return null==e?void 0===e?w:O:E&&E in Object(e)?g(e):j(e)};var D=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},x="[object AsyncFunction]",k="[object Function]",R="[object GeneratorFunction]",P="[object Proxy]";var A,N=function(e){if(!D(e))return!1;var t=S(e);return t==k||t==R||t==x||t==P},T=v["__core-js_shared__"],z=(A=/[^.]+$/.exec(T&&T.keys&&T.keys.IE_PROTO||""))?"Symbol(src)_1."+A:"";var C=function(e){return!!z&&z in e},L=Function.prototype.toString;var I=function(e){if(null!=e){try{return L.call(e)}catch(e){}try{return e+""}catch(e){}}return""},F=/^\[object .+?Constructor\]$/,M=Function.prototype,$=Object.prototype,U=M.toString,H=$.hasOwnProperty,V=RegExp("^"+U.call(H).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Y=function(e){return!(!D(e)||C(e))&&(N(e)?V:F).test(I(e))};var B=function(e,t){return null==e?void 0:e[t]};var W=function(e,t){var r=B(e,t);return Y(r)?r:void 0},q=function(){try{var e=W(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),G=q?function(e,t){return q(e,"toString",{configurable:!0,enumerable:!1,value:c(t),writable:!0})}:o,J=800,K=16,Q=Date.now;var X=function(e){var t=0,r=0;return function(){var n=Q(),o=K-(n-r);if(r=n,o>0){if(++t>=J)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}(G);var Z=function(e,t){return X(u(e,t,o),e+"")};var ee=function(e,t){return e===t||e!=e&&t!=t},te=9007199254740991;var re=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=te};var ne=function(e){return null!=e&&re(e.length)&&!N(e)},oe=9007199254740991,ae=/^(?:0|[1-9]\d*)$/;var ie=function(e,t){var r=typeof e;return!!(t=null==t?oe:t)&&("number"==r||"symbol"!=r&&ae.test(e))&&e>-1&&e%1==0&&e<t};var ue=function(e,t,r){if(!D(r))return!1;var n=typeof t;return!!("number"==n?ne(r)&&ie(t,r.length):"string"==n&&t in r)&&ee(r[t],e)};var ce=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n};var fe=function(e){return null!=e&&"object"==typeof e},se="[object Arguments]";var le=function(e){return fe(e)&&S(e)==se},pe=Object.prototype,ve=pe.hasOwnProperty,he=pe.propertyIsEnumerable,de=le(function(){return arguments}())?le:function(e){return fe(e)&&ve.call(e,"callee")&&!he.call(e,"callee")},ye=Array.isArray;var be=function(){return!1},_e=s(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r?v.Buffer:void 0,a=(o?o.isBuffer:void 0)||be;e.exports=a}),ge={};ge["[object Float32Array]"]=ge["[object Float64Array]"]=ge["[object Int8Array]"]=ge["[object Int16Array]"]=ge["[object Int32Array]"]=ge["[object Uint8Array]"]=ge["[object Uint8ClampedArray]"]=ge["[object Uint16Array]"]=ge["[object Uint32Array]"]=!0,ge["[object Arguments]"]=ge["[object Array]"]=ge["[object ArrayBuffer]"]=ge["[object Boolean]"]=ge["[object DataView]"]=ge["[object Date]"]=ge["[object Error]"]=ge["[object Function]"]=ge["[object Map]"]=ge["[object Number]"]=ge["[object Object]"]=ge["[object RegExp]"]=ge["[object Set]"]=ge["[object String]"]=ge["[object WeakMap]"]=!1;var me=function(e){return fe(e)&&re(e.length)&&!!ge[S(e)]};var je=function(e){return function(t){return e(t)}},Oe=s(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r&&l.process,a=function(){try{var e=n&&n.require&&n.require("util").types;return e||o&&o.binding&&o.binding("util")}catch(e){}}();e.exports=a}),we=Oe&&Oe.isTypedArray,Ee=we?je(we):me,Se=Object.prototype.hasOwnProperty;var De=function(e,t){var r=ye(e),n=!r&&de(e),o=!r&&!n&&_e(e),a=!r&&!n&&!o&&Ee(e),i=r||n||o||a,u=i?ce(e.length,String):[],c=u.length;for(var f in e)!t&&!Se.call(e,f)||i&&("length"==f||o&&("offset"==f||"parent"==f)||a&&("buffer"==f||"byteLength"==f||"byteOffset"==f)||ie(f,c))||u.push(f);return u},xe=Object.prototype;var ke=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||xe)};var Re=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t},Pe=Object.prototype.hasOwnProperty;var Ae=function(e){if(!D(e))return Re(e);var t=ke(e),r=[];for(var n in e)("constructor"!=n||!t&&Pe.call(e,n))&&r.push(n);return r};var Ne,Te=function(e){return ne(e)?De(e,!0):Ae(e)},ze=Object.prototype,Ce=ze.hasOwnProperty,Le=Z(function(e,t){e=Object(e);var r=-1,n=t.length,o=n>2?t[2]:void 0;for(o&&ue(t[0],t[1],o)&&(n=1);++r<n;)for(var a=t[r],i=Te(a),u=-1,c=i.length;++u<c;){var f=i[u],s=e[f];(void 0===s||ee(s,ze[f])&&!Ce.call(e,f))&&(e[f]=a[f])}return e}),Ie={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},Fe="http://bit.ly/wdyr02",Me="http://bit.ly/wdyr3",$e=(e(Ne={},Ie.different,"different objects."),e(Ne,Ie.deepEquals,"different objects that are equal by value."),e(Ne,Ie.date,"different date objects with the same value."),e(Ne,Ie.regex,"different regular expressions with the same value."),e(Ne,Ie.reactElement,"different React elements with the same displayName."),e(Ne,Ie.function,"different functions with the same name."),Ne),Ue=!1;function He(t){var r=t.Component,n=t.displayName,o=t.hookName,a=t.prefixMessage,i=t.diffObjType,u=t.differences,c=t.values,f=t.options;u&&u.length>0?(f.consoleLog(e({},n,r),"".concat(a," of ").concat(i," changes:")),u.forEach(function(t){var r=t.pathString,n=t.diffType,a=t.prevValue,u=t.nextValue;f.consoleGroup("%c".concat("hook"===i?"hook ".concat(o," "):"".concat(i,"."),"%c").concat(r,"%c"),"color:blue;","color:red;","color:black;"),f.consoleLog("".concat($e[n]," (more info at ").concat(o?Me:Fe,")")),f.consoleLog(e({},"prev ".concat(r),a),"!==",e({},"next ".concat(r),u)),f.consoleGroupEnd()})):u&&(f.consoleLog(e({},n,r),"".concat(a," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(Fe)),f.consoleLog("prev ".concat(i,":"),c.prev," !== ",c.next,":next ".concat(i)))}function Ve(t){var r=t.Component,n=t.displayName,o=t.hookName,a=t.prevProps,i=t.prevState,u=t.prevHook,c=t.nextProps,f=t.nextState,s=t.nextHook,l=t.reason,p=t.options;if(function(e,t,r){return!(Ue||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===Ie.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===Ie.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===Ie.different})))}(l,r,p)){p.consoleGroup("%c".concat(n),"color: #058;");var v="Re-rendered because";l.propsDifferences&&(He({Component:r,displayName:n,prefixMessage:v,diffObjType:"props",differences:l.propsDifferences,values:{prev:a,next:c},options:p}),v="And because"),l.stateDifferences&&He({Component:r,displayName:n,prefixMessage:v,diffObjType:"state",differences:l.stateDifferences,values:{prev:i,next:f},options:p}),l.hookDifferences&&He({Component:r,displayName:n,prefixMessage:v,diffObjType:"hook",differences:l.hookDifferences,values:{prev:u,next:s},hookName:o,options:p}),l.propsDifferences||l.stateDifferences||l.hookDifferences||p.consoleLog(e({},n,r),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(Fe)),p.consoleGroupEnd()}}var Ye=function(){};function Be(){var e,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=console.group,o=console.groupEnd;return r.collapseGroups?n=console.groupCollapsed:r.onlyLogs&&(n=console.log,o=Ye),t({include:null,exclude:null,notifier:r.notifier||((e=r.hasOwnProperty("hotReloadBufferMs")?r.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(Ue=!0,setTimeout(function(){Ue=!1},e))}),Ve),onlyLogs:!1,consoleLog:console.log,consoleGroup:n,consoleGroupEnd:o,logOnDifferentValues:!1,trackHooks:!0},r)}var We="[object String]";var qe=function(e){return"string"==typeof e||!ye(e)&&fe(e)&&S(e)==We};function Ge(e){return e.displayName||e.name||e.type&&Ge(e.type)||(qe(e)?e:void 0)}var Je=function(e,t,r,n){var o=-1,a=null==e?0:e.length;for(n&&a&&(r=e[++o]);++o<a;)r=t(r,e[o],o,e);return r};var Ke=function(e){return function(t,r,n){for(var o=-1,a=Object(t),i=n(t),u=i.length;u--;){var c=i[e?u:++o];if(!1===r(a[c],c,a))break}return t}}();var Qe=function(e,t){return function(r){return e(t(r))}},Xe=Qe(Object.keys,Object),Ze=Object.prototype.hasOwnProperty;var et=function(e){if(!ke(e))return Xe(e);var t=[];for(var r in Object(e))Ze.call(e,r)&&"constructor"!=r&&t.push(r);return t};var tt=function(e){return ne(e)?De(e):et(e)};var rt=function(e,t){return function(r,n){if(null==r)return r;if(!ne(r))return e(r,n);for(var o=r.length,a=t?o:-1,i=Object(r);(t?a--:++a<o)&&!1!==n(i[a],a,i););return r}}(function(e,t){return e&&Ke(e,t,tt)});var nt=function(){this.__data__=[],this.size=0};var ot=function(e,t){for(var r=e.length;r--;)if(ee(e[r][0],t))return r;return-1},at=Array.prototype.splice;var it=function(e){var t=this.__data__,r=ot(t,e);return!(r<0||(r==t.length-1?t.pop():at.call(t,r,1),--this.size,0))};var ut=function(e){var t=this.__data__,r=ot(t,e);return r<0?void 0:t[r][1]};var ct=function(e){return ot(this.__data__,e)>-1};var ft=function(e,t){var r=this.__data__,n=ot(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function st(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}st.prototype.clear=nt,st.prototype.delete=it,st.prototype.get=ut,st.prototype.has=ct,st.prototype.set=ft;var lt=st;var pt=function(){this.__data__=new lt,this.size=0};var vt=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var ht=function(e){return this.__data__.get(e)};var dt=function(e){return this.__data__.has(e)},yt=W(v,"Map"),bt=W(Object,"create");var _t=function(){this.__data__=bt?bt(null):{},this.size=0};var gt=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},mt="__lodash_hash_undefined__",jt=Object.prototype.hasOwnProperty;var Ot=function(e){var t=this.__data__;if(bt){var r=t[e];return r===mt?void 0:r}return jt.call(t,e)?t[e]:void 0},wt=Object.prototype.hasOwnProperty;var Et=function(e){var t=this.__data__;return bt?void 0!==t[e]:wt.call(t,e)},St="__lodash_hash_undefined__";var Dt=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=bt&&void 0===t?St:t,this};function xt(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}xt.prototype.clear=_t,xt.prototype.delete=gt,xt.prototype.get=Ot,xt.prototype.has=Et,xt.prototype.set=Dt;var kt=xt;var Rt=function(){this.size=0,this.__data__={hash:new kt,map:new(yt||lt),string:new kt}};var Pt=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var At=function(e,t){var r=e.__data__;return Pt(t)?r["string"==typeof t?"string":"hash"]:r.map};var Nt=function(e){var t=At(this,e).delete(e);return this.size-=t?1:0,t};var Tt=function(e){return At(this,e).get(e)};var zt=function(e){return At(this,e).has(e)};var Ct=function(e,t){var r=At(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function Lt(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Lt.prototype.clear=Rt,Lt.prototype.delete=Nt,Lt.prototype.get=Tt,Lt.prototype.has=zt,Lt.prototype.set=Ct;var It=Lt,Ft=200;var Mt=function(e,t){var r=this.__data__;if(r instanceof lt){var n=r.__data__;if(!yt||n.length<Ft-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new It(n)}return r.set(e,t),this.size=r.size,this};function $t(e){var t=this.__data__=new lt(e);this.size=t.size}$t.prototype.clear=pt,$t.prototype.delete=vt,$t.prototype.get=ht,$t.prototype.has=dt,$t.prototype.set=Mt;var Ut=$t,Ht="__lodash_hash_undefined__";var Vt=function(e){return this.__data__.set(e,Ht),this};var Yt=function(e){return this.__data__.has(e)};function Bt(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new It;++t<r;)this.add(e[t])}Bt.prototype.add=Bt.prototype.push=Vt,Bt.prototype.has=Yt;var Wt=Bt;var qt=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1};var Gt=function(e,t){return e.has(t)},Jt=1,Kt=2;var Qt=function(e,t,r,n,o,a){var i=r&Jt,u=e.length,c=t.length;if(u!=c&&!(i&&c>u))return!1;var f=a.get(e);if(f&&a.get(t))return f==t;var s=-1,l=!0,p=r&Kt?new Wt:void 0;for(a.set(e,t),a.set(t,e);++s<u;){var v=e[s],h=t[s];if(n)var d=i?n(h,v,s,t,e,a):n(v,h,s,e,t,a);if(void 0!==d){if(d)continue;l=!1;break}if(p){if(!qt(t,function(e,t){if(!Gt(p,t)&&(v===e||o(v,e,r,n,a)))return p.push(t)})){l=!1;break}}else if(v!==h&&!o(v,h,r,n,a)){l=!1;break}}return a.delete(e),a.delete(t),l},Xt=v.Uint8Array;var Zt=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e,n){r[++t]=[n,e]}),r};var er=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e){r[++t]=e}),r},tr=1,rr=2,nr="[object Boolean]",or="[object Date]",ar="[object Error]",ir="[object Map]",ur="[object Number]",cr="[object RegExp]",fr="[object Set]",sr="[object String]",lr="[object Symbol]",pr="[object ArrayBuffer]",vr="[object DataView]",hr=h?h.prototype:void 0,dr=hr?hr.valueOf:void 0;var yr=function(e,t,r,n,o,a,i){switch(r){case vr:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case pr:return!(e.byteLength!=t.byteLength||!a(new Xt(e),new Xt(t)));case nr:case or:case ur:return ee(+e,+t);case ar:return e.name==t.name&&e.message==t.message;case cr:case sr:return e==t+"";case ir:var u=Zt;case fr:var c=n&tr;if(u||(u=er),e.size!=t.size&&!c)return!1;var f=i.get(e);if(f)return f==t;n|=rr,i.set(e,t);var s=Qt(u(e),u(t),n,o,a,i);return i.delete(e),s;case lr:if(dr)return dr.call(e)==dr.call(t)}return!1};var br=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e};var _r=function(e,t,r){var n=t(e);return ye(e)?n:br(n,r(e))};var gr=function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,a=[];++r<n;){var i=e[r];t(i,r,e)&&(a[o++]=i)}return a};var mr=function(){return[]},jr=Object.prototype.propertyIsEnumerable,Or=Object.getOwnPropertySymbols,wr=Or?function(e){return null==e?[]:(e=Object(e),gr(Or(e),function(t){return jr.call(e,t)}))}:mr;var Er=function(e){return _r(e,tt,wr)},Sr=1,Dr=Object.prototype.hasOwnProperty;var xr=function(e,t,r,n,o,a){var i=r&Sr,u=Er(e),c=u.length;if(c!=Er(t).length&&!i)return!1;for(var f=c;f--;){var s=u[f];if(!(i?s in t:Dr.call(t,s)))return!1}var l=a.get(e);if(l&&a.get(t))return l==t;var p=!0;a.set(e,t),a.set(t,e);for(var v=i;++f<c;){var h=e[s=u[f]],d=t[s];if(n)var y=i?n(d,h,s,t,e,a):n(h,d,s,e,t,a);if(!(void 0===y?h===d||o(h,d,r,n,a):y)){p=!1;break}v||(v="constructor"==s)}if(p&&!v){var b=e.constructor,_=t.constructor;b!=_&&"constructor"in e&&"constructor"in t&&!("function"==typeof b&&b instanceof b&&"function"==typeof _&&_ instanceof _)&&(p=!1)}return a.delete(e),a.delete(t),p},kr=W(v,"DataView"),Rr=W(v,"Promise"),Pr=W(v,"Set"),Ar=W(v,"WeakMap"),Nr=I(kr),Tr=I(yt),zr=I(Rr),Cr=I(Pr),Lr=I(Ar),Ir=S;(kr&&"[object DataView]"!=Ir(new kr(new ArrayBuffer(1)))||yt&&"[object Map]"!=Ir(new yt)||Rr&&"[object Promise]"!=Ir(Rr.resolve())||Pr&&"[object Set]"!=Ir(new Pr)||Ar&&"[object WeakMap]"!=Ir(new Ar))&&(Ir=function(e){var t=S(e),r="[object Object]"==t?e.constructor:void 0,n=r?I(r):"";if(n)switch(n){case Nr:return"[object DataView]";case Tr:return"[object Map]";case zr:return"[object Promise]";case Cr:return"[object Set]";case Lr:return"[object WeakMap]"}return t});var Fr=Ir,Mr=1,$r="[object Arguments]",Ur="[object Array]",Hr="[object Object]",Vr=Object.prototype.hasOwnProperty;var Yr=function(e,t,r,n,o,a){var i=ye(e),u=ye(t),c=i?Ur:Fr(e),f=u?Ur:Fr(t),s=(c=c==$r?Hr:c)==Hr,l=(f=f==$r?Hr:f)==Hr,p=c==f;if(p&&_e(e)){if(!_e(t))return!1;i=!0,s=!1}if(p&&!s)return a||(a=new Ut),i||Ee(e)?Qt(e,t,r,n,o,a):yr(e,t,c,r,n,o,a);if(!(r&Mr)){var v=s&&Vr.call(e,"__wrapped__"),h=l&&Vr.call(t,"__wrapped__");if(v||h){var d=v?e.value():e,y=h?t.value():t;return a||(a=new Ut),o(d,y,r,n,a)}}return!!p&&(a||(a=new Ut),xr(e,t,r,n,o,a))};var Br=function e(t,r,n,o,a){return t===r||(null==t||null==r||!fe(t)&&!fe(r)?t!=t&&r!=r:Yr(t,r,n,o,e,a))},Wr=1,qr=2;var Gr=function(e,t,r,n){var o=r.length,a=o,i=!n;if(null==e)return!a;for(e=Object(e);o--;){var u=r[o];if(i&&u[2]?u[1]!==e[u[0]]:!(u[0]in e))return!1}for(;++o<a;){var c=(u=r[o])[0],f=e[c],s=u[1];if(i&&u[2]){if(void 0===f&&!(c in e))return!1}else{var l=new Ut;if(n)var p=n(f,s,c,e,t,l);if(!(void 0===p?Br(s,f,Wr|qr,n,l):p))return!1}}return!0};var Jr=function(e){return e==e&&!D(e)};var Kr=function(e){for(var t=tt(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,Jr(o)]}return t};var Qr=function(e,t){return function(r){return null!=r&&r[e]===t&&(void 0!==t||e in Object(r))}};var Xr=function(e){var t=Kr(e);return 1==t.length&&t[0][2]?Qr(t[0][0],t[0][1]):function(r){return r===e||Gr(r,e,t)}},Zr="[object Symbol]";var en=function(e){return"symbol"==typeof e||fe(e)&&S(e)==Zr},tn=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,rn=/^\w*$/;var nn=function(e,t){if(ye(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!en(e))||rn.test(e)||!tn.test(e)||null!=t&&e in Object(t)},on="Expected a function";function an(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError(on);var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],a=r.cache;if(a.has(o))return a.get(o);var i=e.apply(this,n);return r.cache=a.set(o,i)||a,i};return r.cache=new(an.Cache||It),r}an.Cache=It;var un=an,cn=500;var fn=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,sn=/\\(\\)?/g,ln=function(e){var t=un(e,function(e){return r.size===cn&&r.clear(),e}),r=t.cache;return t}(function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(fn,function(e,r,n,o){t.push(n?o.replace(sn,"$1"):r||e)}),t});var pn=function(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o},vn=1/0,hn=h?h.prototype:void 0,dn=hn?hn.toString:void 0;var yn=function e(t){if("string"==typeof t)return t;if(ye(t))return pn(t,e)+"";if(en(t))return dn?dn.call(t):"";var r=t+"";return"0"==r&&1/t==-vn?"-0":r};var bn=function(e){return null==e?"":yn(e)};var _n=function(e,t){return ye(e)?e:nn(e,t)?[e]:ln(bn(e))},gn=1/0;var mn=function(e){if("string"==typeof e||en(e))return e;var t=e+"";return"0"==t&&1/e==-gn?"-0":t};var jn=function(e,t){for(var r=0,n=(t=_n(t,e)).length;null!=e&&r<n;)e=e[mn(t[r++])];return r&&r==n?e:void 0};var On=function(e,t,r){var n=null==e?void 0:jn(e,t);return void 0===n?r:n};var wn=function(e,t){return null!=e&&t in Object(e)};var En=function(e,t,r){for(var n=-1,o=(t=_n(t,e)).length,a=!1;++n<o;){var i=mn(t[n]);if(!(a=null!=e&&r(e,i)))break;e=e[i]}return a||++n!=o?a:!!(o=null==e?0:e.length)&&re(o)&&ie(i,o)&&(ye(e)||de(e))};var Sn=function(e,t){return null!=e&&En(e,t,wn)},Dn=1,xn=2;var kn=function(e,t){return nn(e)&&Jr(t)?Qr(mn(e),t):function(r){var n=On(r,e);return void 0===n&&n===t?Sn(r,e):Br(t,n,Dn|xn)}};var Rn=function(e){return function(t){return null==t?void 0:t[e]}};var Pn=function(e){return function(t){return jn(t,e)}};var An=function(e){return nn(e)?Rn(mn(e)):Pn(e)};var Nn=function(e){return"function"==typeof e?e:null==e?o:"object"==typeof e?ye(e)?kn(e[0],e[1]):Xr(e):An(e)};var Tn=function(e,t,r,n,o){return o(e,function(e,o,a){r=n?(n=!1,e):t(r,e,o,a)}),r};var zn=function(e,t,r){var n=ye(e)?Je:Tn,o=arguments.length<3;return n(e,Nn(t,4),r,o,rt)},Cn=Object.prototype.hasOwnProperty;var Ln=function(e,t){return null!=e&&Cn.call(e,t)};var In=function(e,t){return null!=e&&En(e,t,Ln)},Fn="[object RegExp]";var Mn=function(e){return fe(e)&&S(e)==Fn},$n=Oe&&Oe.isRegExp,Un=$n?je($n):Mn,Hn="[object Date]";var Vn=function(e){return fe(e)&&S(e)==Hn},Yn=Oe&&Oe.isDate,Bn=Yn?je(Yn):Vn,Wn=Qe(Object.getPrototypeOf,Object),qn="[object Object]",Gn=Function.prototype,Jn=Object.prototype,Kn=Gn.toString,Qn=Jn.hasOwnProperty,Xn=Kn.call(Object);var Zn=function(e){if(!fe(e)||S(e)!=qn)return!1;var t=Wn(e);if(null===t)return!0;var r=Qn.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&Kn.call(r)==Xn},eo="undefined"!=typeof Element,to="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,ro=function(e){return e.$$typeof===to};function no(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==Ie.different}function oo(e,t,r){try{var n=[];return function e(t,r,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return no(t,r,n,o,Ie.different);if(ye(t)&&ye(r)){var a=t.length;if(a!==r.length)return no(t,r,n,o,Ie.different);for(var i=!0,u=a;0!=u--;)e(t[u],r[u],n,"".concat(o,"[").concat(u,"]"))||(i=!1);return no(t,r,n,o,i?Ie.deepEquals:Ie.different)}if(Bn(t)&&Bn(r))return t.getTime()===r.getTime()?no(t,r,n,o,Ie.date):no(t,r,n,o,Ie.different);if(Un(t)&&Un(r))return t.toString()===r.toString()?no(t,r,n,o,Ie.regex):no(t,r,n,o,Ie.different);if(eo&&t instanceof Element&&r instanceof Element)return no(t,r,n,o,Ie.different);if(ro(t)&&ro(r))return t.type===r.type?no(t,r,n,o,Ie.reactElement):no(t,r,n,o,Ie.different);if(N(t)&&N(r))return t.name===r.name?no(t,r,n,o,Ie.function):no(t,r,n,o,Ie.different);if(Zn(t)&&Zn(r)){var c=tt(t),f=c.length;if(f!==tt(r).length)return no(t,r,n,o,Ie.different);for(var s=f;0!=s--;)if(!In(r,c[s]))return no(t,r,n,o,Ie.different);for(var l=!0,p=f;0!=p--;){var v=c[p];e(t[v],r[v],n,"".concat(o,".").concat(v))||(l=!1)}return no(t,r,n,o,l?Ie.deepEquals:Ie.different)}return no(t,r,n,o,Ie.different)}(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var ao={};function io(e,r){if(e===r)return!1;var o=e||ao,a=r||ao,i=Object.keys(t({},o,a));return zn(i,function(e,t){var r=oo(o[t],a[t],t);return r&&(e=[].concat(n(e),n(r))),e},[])}function uo(e,t,r,n,o,a){return{propsDifferences:io(e,n),stateDifferences:io(t,o),hookDifferences:io(r,a)}}function co(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,u=e.nextProps,c=e.nextState,f=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:u,nextState:c,nextHook:f,options:e.options,reason:uo(o,a,i,u,c,f)}}function fo(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var so="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function lo(e,t,r,n,o){return t.$$typeof===so?function(e,t,r,n){var o=r.memo(function(o){var a=r.useRef(),i=a.current;if(a.current=o,i){var u=co({Component:e,displayName:t,prevProps:i,nextProps:o,options:n});u.reason.propsDifferences&&n.notifier(u)}return e.type(o)});return o.displayName=t,Le(o,e),o}(t,r,n,o):t.prototype&&t.prototype.isReactComponent?function(e,t,r,n){class o extends e{constructor(t,r){var n;if(super(t,r),n=this,this.render&&!e.prototype.render){var a=this.render;this.render=function(){return o.prototype.render.apply(n),a()}}}render(){return this._prevProps&&n.notifier(co({Component:e,displayName:t,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:n})),this._prevProps=this.props,this._prevState=this.state,super.render&&super.render()}}return o.displayName=t,Le(o,e),o}(t,r,0,o):function(e,t,r,n){function o(o){var a=r.useRef(),i=a.current;if(a.current=o,i){var u=co({Component:e,displayName:t,prevProps:i,nextProps:o,options:n});u.reason.propsDifferences&&n.notifier(u)}return e(o)}return o.displayName=t,Le(o,e),o}(t,r,n,o)}var po={useState:{allowShallow:!0},useReducer:!0};return function(e,n){var o,a=Be(n),i=e.createElement,u=e.createFactory,c=new WeakMap;return e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===so)&&fo(t,Ge(t),a),n=arguments.length,o=new Array(n>1?n-1:0),u=1;u<n;u++)o[u-1]=arguments[u];if(!r)return i.apply(e,[t].concat(o));var f=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||Ge(t),s=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=lo(0,t,r,n,o);return e.set(t,a),a}(c,t,f,e,a);return i.apply(e,[s].concat(o))},Object.assign(e.createElement,i),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,u),a.trackHooks&&Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){o=e},get:function(){return Object.entries(po).reduce(function(t,n){var i=r(n,2),u=i[0],c=i[1];return t[u]=function(){var t,r=(t=o)[u].apply(t,arguments);return c&&function(e,t,r,n,o){var a=r,i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,u=Ge(i);if(!fo(i,u,o))return a;var c=n.useRef(),f=c.current;if(c.current=a,f){var s=co({Component:i,displayName:u,hookName:e,prevHook:f,nextHook:a,options:o});s.reason.hookDifferences&&(s.reason.hookDifferences.length>0||!t.allowShallow)&&o.notifier(s)}c.current}(u,!0===c?{}:c,r,e,a),r},t},t({},o))}}),e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:i,createFactory:u}),c=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e}}); | ||
| //# sourceMappingURL=whyDidYouRender.min.js.map |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.1 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.2 | ||
| * MIT Licensed | ||
@@ -8,3 +8,3 @@ * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).whyDidYouRender=t()}(this,function(){"use strict";function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(r){t(e,r,n[r])})}return e}function n(e){return(n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t,r){return(u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var o=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=n(e)););return e}(e,t);if(o){var a=Object.getOwnPropertyDescriptor(o,t);return a.get?a.get.call(r):a.value}})(e,t,r||e)}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,o=!1,a=void 0;try{for(var u,i=e[Symbol.iterator]();!(n=(u=i.next()).done)&&(r.push(u.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==i.return||i.return()}finally{if(o)throw a}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function c(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var f="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function s(e,t){return e(t={exports:{}},t.exports),t.exports}var l="object"==typeof f&&f&&f.Object===Object&&f,p="object"==typeof self&&self&&self.Object===Object&&self,v=l||p||Function("return this")(),d=v.Symbol;var h=function(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o},y=Array.isArray,b=Object.prototype,g=b.hasOwnProperty,_=b.toString,m=d?d.toStringTag:void 0;var j=function(e){var t=g.call(e,m),r=e[m];try{e[m]=void 0;var n=!0}catch(e){}var o=_.call(e);return n&&(t?e[m]=r:delete e[m]),o},O=Object.prototype.toString;var w=function(e){return O.call(e)},E="[object Null]",S="[object Undefined]",x=d?d.toStringTag:void 0;var k=function(e){return null==e?void 0===e?S:E:x&&x in Object(e)?j(e):w(e)};var D=function(e){return null!=e&&"object"==typeof e},P="[object Symbol]";var A=function(e){return"symbol"==typeof e||D(e)&&k(e)==P},R=1/0,T=d?d.prototype:void 0,N=T?T.toString:void 0;var z=function e(t){if("string"==typeof t)return t;if(y(t))return h(t,e)+"";if(A(t))return N?N.call(t):"";var r=t+"";return"0"==r&&1/t==-R?"-0":r};var C=function(e){return null==e?"":z(e)};var L=function(e,t,r){var n=-1,o=e.length;t<0&&(t=-t>o?0:o+t),(r=r>o?o:r)<0&&(r+=o),o=t>r?0:r-t>>>0,t>>>=0;for(var a=Array(o);++n<o;)a[n]=e[n+t];return a};var M=function(e,t,r){var n=e.length;return r=void 0===r?n:r,!t&&r>=n?e:L(e,t,r)},H=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");var $=function(e){return H.test(e)};var F=function(e){return e.split("")},V="[\\ud800-\\udfff]",I="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",U="\\ud83c[\\udffb-\\udfff]",Y="[^\\ud800-\\udfff]",B="(?:\\ud83c[\\udde6-\\uddff]){2}",q="[\\ud800-\\udbff][\\udc00-\\udfff]",W="(?:"+I+"|"+U+")"+"?",G="[\\ufe0e\\ufe0f]?"+W+("(?:\\u200d(?:"+[Y,B,q].join("|")+")[\\ufe0e\\ufe0f]?"+W+")*"),J="(?:"+[Y+I+"?",I,B,q,V].join("|")+")",K=RegExp(U+"(?="+U+")|"+J+G,"g");var Q=function(e){return e.match(K)||[]};var X=function(e){return $(e)?Q(e):F(e)};var Z=function(e){return function(t){t=C(t);var r=$(t)?X(t):void 0,n=r?r[0]:t.charAt(0),o=r?M(r,1).join(""):t.slice(1);return n[e]()+o}}("toUpperCase");var ee=function(e){return Z(C(e).toLowerCase())};var te=function(e){return e};var re=function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)},ne=Math.max;var oe=function(e,t,r){return t=ne(void 0===t?e.length-1:t,0),function(){for(var n=arguments,o=-1,a=ne(n.length-t,0),u=Array(a);++o<a;)u[o]=n[t+o];o=-1;for(var i=Array(t+1);++o<t;)i[o]=n[o];return i[t]=r(u),re(e,this,i)}};var ae=function(e){return function(){return e}};var ue=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},ie="[object AsyncFunction]",ce="[object Function]",fe="[object GeneratorFunction]",se="[object Proxy]";var le,pe=function(e){if(!ue(e))return!1;var t=k(e);return t==ce||t==fe||t==ie||t==se},ve=v["__core-js_shared__"],de=(le=/[^.]+$/.exec(ve&&ve.keys&&ve.keys.IE_PROTO||""))?"Symbol(src)_1."+le:"";var he=function(e){return!!de&&de in e},ye=Function.prototype.toString;var be=function(e){if(null!=e){try{return ye.call(e)}catch(e){}try{return e+""}catch(e){}}return""},ge=/^\[object .+?Constructor\]$/,_e=Function.prototype,me=Object.prototype,je=_e.toString,Oe=me.hasOwnProperty,we=RegExp("^"+je.call(Oe).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Ee=function(e){return!(!ue(e)||he(e))&&(pe(e)?we:ge).test(be(e))};var Se=function(e,t){return null==e?void 0:e[t]};var xe=function(e,t){var r=Se(e,t);return Ee(r)?r:void 0},ke=function(){try{var e=xe(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),De=ke?function(e,t){return ke(e,"toString",{configurable:!0,enumerable:!1,value:ae(t),writable:!0})}:te,Pe=800,Ae=16,Re=Date.now;var Te=function(e){var t=0,r=0;return function(){var n=Re(),o=Ae-(n-r);if(r=n,o>0){if(++t>=Pe)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}(De);var Ne=function(e,t){return Te(oe(e,t,te),e+"")};var ze=function(e,t){return e===t||e!=e&&t!=t},Ce=9007199254740991;var Le=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Ce};var Me=function(e){return null!=e&&Le(e.length)&&!pe(e)},He=9007199254740991,$e=/^(?:0|[1-9]\d*)$/;var Fe=function(e,t){var r=typeof e;return!!(t=null==t?He:t)&&("number"==r||"symbol"!=r&&$e.test(e))&&e>-1&&e%1==0&&e<t};var Ve=function(e,t,r){if(!ue(r))return!1;var n=typeof t;return!!("number"==n?Me(r)&&Fe(t,r.length):"string"==n&&t in r)&&ze(r[t],e)};var Ie=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n},Ue="[object Arguments]";var Ye=function(e){return D(e)&&k(e)==Ue},Be=Object.prototype,qe=Be.hasOwnProperty,We=Be.propertyIsEnumerable,Ge=Ye(function(){return arguments}())?Ye:function(e){return D(e)&&qe.call(e,"callee")&&!We.call(e,"callee")};var Je=function(){return!1},Ke=s(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r?v.Buffer:void 0,a=(o?o.isBuffer:void 0)||Je;e.exports=a}),Qe={};Qe["[object Float32Array]"]=Qe["[object Float64Array]"]=Qe["[object Int8Array]"]=Qe["[object Int16Array]"]=Qe["[object Int32Array]"]=Qe["[object Uint8Array]"]=Qe["[object Uint8ClampedArray]"]=Qe["[object Uint16Array]"]=Qe["[object Uint32Array]"]=!0,Qe["[object Arguments]"]=Qe["[object Array]"]=Qe["[object ArrayBuffer]"]=Qe["[object Boolean]"]=Qe["[object DataView]"]=Qe["[object Date]"]=Qe["[object Error]"]=Qe["[object Function]"]=Qe["[object Map]"]=Qe["[object Number]"]=Qe["[object Object]"]=Qe["[object RegExp]"]=Qe["[object Set]"]=Qe["[object String]"]=Qe["[object WeakMap]"]=!1;var Xe=function(e){return D(e)&&Le(e.length)&&!!Qe[k(e)]};var Ze=function(e){return function(t){return e(t)}},et=s(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r&&l.process,a=function(){try{var e=n&&n.require&&n.require("util").types;return e||o&&o.binding&&o.binding("util")}catch(e){}}();e.exports=a}),tt=et&&et.isTypedArray,rt=tt?Ze(tt):Xe,nt=Object.prototype.hasOwnProperty;var ot=function(e,t){var r=y(e),n=!r&&Ge(e),o=!r&&!n&&Ke(e),a=!r&&!n&&!o&&rt(e),u=r||n||o||a,i=u?Ie(e.length,String):[],c=i.length;for(var f in e)!t&&!nt.call(e,f)||u&&("length"==f||o&&("offset"==f||"parent"==f)||a&&("buffer"==f||"byteLength"==f||"byteOffset"==f)||Fe(f,c))||i.push(f);return i},at=Object.prototype;var ut=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||at)};var it=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t},ct=Object.prototype.hasOwnProperty;var ft=function(e){if(!ue(e))return it(e);var t=ut(e),r=[];for(var n in e)("constructor"!=n||!t&&ct.call(e,n))&&r.push(n);return r};var st,lt=function(e){return Me(e)?ot(e,!0):ft(e)},pt=Object.prototype,vt=pt.hasOwnProperty,dt=Ne(function(e,t){e=Object(e);var r=-1,n=t.length,o=n>2?t[2]:void 0;for(o&&Ve(t[0],t[1],o)&&(n=1);++r<n;)for(var a=t[r],u=lt(a),i=-1,c=u.length;++i<c;){var f=u[i],s=e[f];(void 0===s||ze(s,pt[f])&&!vt.call(e,f))&&(e[f]=a[f])}return e}),ht={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},yt="http://bit.ly/wdyr02",bt="http://bit.ly/wdyr3",gt=(t(st={},ht.different,"different objects."),t(st,ht.deepEquals,"different objects that are equal by value."),t(st,ht.date,"different date objects with the same value."),t(st,ht.regex,"different regular expressions with the same value."),t(st,ht.reactElement,"different React elements with the same displayName."),t(st,ht.function,"different functions with the same name."),st),_t=!1;function mt(e){var r=e.Component,n=e.displayName,o=e.hookName,a=e.prefixMessage,u=e.diffObjType,i=e.differences,c=e.values,f=e.options;i&&i.length>0?(f.consoleLog(t({},n,r),"".concat(a," of ").concat(u," changes:")),i.forEach(function(e){var r=e.pathString,n=e.diffType,a=e.prevValue,i=e.nextValue;f.consoleGroup("%c".concat("hook"===u?"hook ".concat(o," "):"".concat(u,"."),"%c").concat(r,"%c"),"color:blue;","color:red;","color:black;"),f.consoleLog("".concat(gt[n]," (more info at ").concat(o?bt:yt,")")),f.consoleLog(t({},"prev ".concat(r),a),"!==",t({},"next ".concat(r),i)),f.consoleGroupEnd()})):i&&(f.consoleLog(t({},n,r),"".concat(a," the ").concat(u," object itself changed but it's values are all equal."),"props"===u?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(yt)),f.consoleLog("prev ".concat(u,":"),c.prev," !== ",c.next,":next ".concat(u)))}function jt(e){var r=e.Component,n=e.displayName,o=e.hookName,a=e.prevProps,u=e.prevState,i=e.prevHook,c=e.nextProps,f=e.nextState,s=e.nextHook,l=e.reason,p=e.options;if(function(e,t,r){return!(_t||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===ht.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===ht.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===ht.different})))}(l,r,p)){p.consoleGroup("%c".concat(n),"color: #058;");var v="Re-rendered because";l.propsDifferences&&(mt({Component:r,displayName:n,prefixMessage:v,diffObjType:"props",differences:l.propsDifferences,values:{prev:a,next:c},options:p}),v="And because"),l.stateDifferences&&mt({Component:r,displayName:n,prefixMessage:v,diffObjType:"state",differences:l.stateDifferences,values:{prev:u,next:f},options:p}),l.hookDifferences&&mt({Component:r,displayName:n,prefixMessage:v,diffObjType:"hook",differences:l.hookDifferences,values:{prev:i,next:s},hookName:o,options:p}),l.propsDifferences||l.stateDifferences||l.hookDifferences||p.consoleLog(t({},n,r),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(yt)),p.consoleGroupEnd()}}var Ot=function(){};function wt(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0,o=console.group,a=console.groupEnd;return t.collapseGroups?o=console.groupCollapsed:t.onlyLogs&&(o=console.log,a=Ot),r({include:null,exclude:null,notifier:t.notifier||((e=t.hasOwnProperty("hotReloadBufferMs")?t.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(_t=!0,setTimeout(function(){_t=!1},e))}),jt),onlyLogs:!1,consoleLog:console.log,consoleGroup:o,consoleGroupEnd:a,logOnDifferentValues:!1,trackHooks:r({useState:{fn:n.useState,allowShallow:!0},useReducer:{fn:n.useReducer}},t.userHooks)},t)}var Et="[object String]";var St=function(e){return"string"==typeof e||!y(e)&&D(e)&&k(e)==Et};function xt(e){return e.displayName||e.name||e.type&&xt(e.type)||(St(e)?e:void 0)}var kt=function(e,t,r,n){var o=-1,a=null==e?0:e.length;for(n&&a&&(r=e[++o]);++o<a;)r=t(r,e[o],o,e);return r};var Dt=function(e){return function(t,r,n){for(var o=-1,a=Object(t),u=n(t),i=u.length;i--;){var c=u[e?i:++o];if(!1===r(a[c],c,a))break}return t}}();var Pt=function(e,t){return function(r){return e(t(r))}},At=Pt(Object.keys,Object),Rt=Object.prototype.hasOwnProperty;var Tt=function(e){if(!ut(e))return At(e);var t=[];for(var r in Object(e))Rt.call(e,r)&&"constructor"!=r&&t.push(r);return t};var Nt=function(e){return Me(e)?ot(e):Tt(e)};var zt=function(e,t){return function(r,n){if(null==r)return r;if(!Me(r))return e(r,n);for(var o=r.length,a=t?o:-1,u=Object(r);(t?a--:++a<o)&&!1!==n(u[a],a,u););return r}}(function(e,t){return e&&Dt(e,t,Nt)});var Ct=function(){this.__data__=[],this.size=0};var Lt=function(e,t){for(var r=e.length;r--;)if(ze(e[r][0],t))return r;return-1},Mt=Array.prototype.splice;var Ht=function(e){var t=this.__data__,r=Lt(t,e);return!(r<0||(r==t.length-1?t.pop():Mt.call(t,r,1),--this.size,0))};var $t=function(e){var t=this.__data__,r=Lt(t,e);return r<0?void 0:t[r][1]};var Ft=function(e){return Lt(this.__data__,e)>-1};var Vt=function(e,t){var r=this.__data__,n=Lt(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function It(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}It.prototype.clear=Ct,It.prototype.delete=Ht,It.prototype.get=$t,It.prototype.has=Ft,It.prototype.set=Vt;var Ut=It;var Yt=function(){this.__data__=new Ut,this.size=0};var Bt=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var qt=function(e){return this.__data__.get(e)};var Wt=function(e){return this.__data__.has(e)},Gt=xe(v,"Map"),Jt=xe(Object,"create");var Kt=function(){this.__data__=Jt?Jt(null):{},this.size=0};var Qt=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Xt="__lodash_hash_undefined__",Zt=Object.prototype.hasOwnProperty;var er=function(e){var t=this.__data__;if(Jt){var r=t[e];return r===Xt?void 0:r}return Zt.call(t,e)?t[e]:void 0},tr=Object.prototype.hasOwnProperty;var rr=function(e){var t=this.__data__;return Jt?void 0!==t[e]:tr.call(t,e)},nr="__lodash_hash_undefined__";var or=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Jt&&void 0===t?nr:t,this};function ar(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}ar.prototype.clear=Kt,ar.prototype.delete=Qt,ar.prototype.get=er,ar.prototype.has=rr,ar.prototype.set=or;var ur=ar;var ir=function(){this.size=0,this.__data__={hash:new ur,map:new(Gt||Ut),string:new ur}};var cr=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var fr=function(e,t){var r=e.__data__;return cr(t)?r["string"==typeof t?"string":"hash"]:r.map};var sr=function(e){var t=fr(this,e).delete(e);return this.size-=t?1:0,t};var lr=function(e){return fr(this,e).get(e)};var pr=function(e){return fr(this,e).has(e)};var vr=function(e,t){var r=fr(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function dr(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}dr.prototype.clear=ir,dr.prototype.delete=sr,dr.prototype.get=lr,dr.prototype.has=pr,dr.prototype.set=vr;var hr=dr,yr=200;var br=function(e,t){var r=this.__data__;if(r instanceof Ut){var n=r.__data__;if(!Gt||n.length<yr-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new hr(n)}return r.set(e,t),this.size=r.size,this};function gr(e){var t=this.__data__=new Ut(e);this.size=t.size}gr.prototype.clear=Yt,gr.prototype.delete=Bt,gr.prototype.get=qt,gr.prototype.has=Wt,gr.prototype.set=br;var _r=gr,mr="__lodash_hash_undefined__";var jr=function(e){return this.__data__.set(e,mr),this};var Or=function(e){return this.__data__.has(e)};function wr(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new hr;++t<r;)this.add(e[t])}wr.prototype.add=wr.prototype.push=jr,wr.prototype.has=Or;var Er=wr;var Sr=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1};var xr=function(e,t){return e.has(t)},kr=1,Dr=2;var Pr=function(e,t,r,n,o,a){var u=r&kr,i=e.length,c=t.length;if(i!=c&&!(u&&c>i))return!1;var f=a.get(e);if(f&&a.get(t))return f==t;var s=-1,l=!0,p=r&Dr?new Er:void 0;for(a.set(e,t),a.set(t,e);++s<i;){var v=e[s],d=t[s];if(n)var h=u?n(d,v,s,t,e,a):n(v,d,s,e,t,a);if(void 0!==h){if(h)continue;l=!1;break}if(p){if(!Sr(t,function(e,t){if(!xr(p,t)&&(v===e||o(v,e,r,n,a)))return p.push(t)})){l=!1;break}}else if(v!==d&&!o(v,d,r,n,a)){l=!1;break}}return a.delete(e),a.delete(t),l},Ar=v.Uint8Array;var Rr=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e,n){r[++t]=[n,e]}),r};var Tr=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e){r[++t]=e}),r},Nr=1,zr=2,Cr="[object Boolean]",Lr="[object Date]",Mr="[object Error]",Hr="[object Map]",$r="[object Number]",Fr="[object RegExp]",Vr="[object Set]",Ir="[object String]",Ur="[object Symbol]",Yr="[object ArrayBuffer]",Br="[object DataView]",qr=d?d.prototype:void 0,Wr=qr?qr.valueOf:void 0;var Gr=function(e,t,r,n,o,a,u){switch(r){case Br:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case Yr:return!(e.byteLength!=t.byteLength||!a(new Ar(e),new Ar(t)));case Cr:case Lr:case $r:return ze(+e,+t);case Mr:return e.name==t.name&&e.message==t.message;case Fr:case Ir:return e==t+"";case Hr:var i=Rr;case Vr:var c=n&Nr;if(i||(i=Tr),e.size!=t.size&&!c)return!1;var f=u.get(e);if(f)return f==t;n|=zr,u.set(e,t);var s=Pr(i(e),i(t),n,o,a,u);return u.delete(e),s;case Ur:if(Wr)return Wr.call(e)==Wr.call(t)}return!1};var Jr=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e};var Kr=function(e,t,r){var n=t(e);return y(e)?n:Jr(n,r(e))};var Qr=function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,a=[];++r<n;){var u=e[r];t(u,r,e)&&(a[o++]=u)}return a};var Xr=function(){return[]},Zr=Object.prototype.propertyIsEnumerable,en=Object.getOwnPropertySymbols,tn=en?function(e){return null==e?[]:(e=Object(e),Qr(en(e),function(t){return Zr.call(e,t)}))}:Xr;var rn=function(e){return Kr(e,Nt,tn)},nn=1,on=Object.prototype.hasOwnProperty;var an=function(e,t,r,n,o,a){var u=r&nn,i=rn(e),c=i.length;if(c!=rn(t).length&&!u)return!1;for(var f=c;f--;){var s=i[f];if(!(u?s in t:on.call(t,s)))return!1}var l=a.get(e);if(l&&a.get(t))return l==t;var p=!0;a.set(e,t),a.set(t,e);for(var v=u;++f<c;){var d=e[s=i[f]],h=t[s];if(n)var y=u?n(h,d,s,t,e,a):n(d,h,s,e,t,a);if(!(void 0===y?d===h||o(d,h,r,n,a):y)){p=!1;break}v||(v="constructor"==s)}if(p&&!v){var b=e.constructor,g=t.constructor;b!=g&&"constructor"in e&&"constructor"in t&&!("function"==typeof b&&b instanceof b&&"function"==typeof g&&g instanceof g)&&(p=!1)}return a.delete(e),a.delete(t),p},un=xe(v,"DataView"),cn=xe(v,"Promise"),fn=xe(v,"Set"),sn=xe(v,"WeakMap"),ln=be(un),pn=be(Gt),vn=be(cn),dn=be(fn),hn=be(sn),yn=k;(un&&"[object DataView]"!=yn(new un(new ArrayBuffer(1)))||Gt&&"[object Map]"!=yn(new Gt)||cn&&"[object Promise]"!=yn(cn.resolve())||fn&&"[object Set]"!=yn(new fn)||sn&&"[object WeakMap]"!=yn(new sn))&&(yn=function(e){var t=k(e),r="[object Object]"==t?e.constructor:void 0,n=r?be(r):"";if(n)switch(n){case ln:return"[object DataView]";case pn:return"[object Map]";case vn:return"[object Promise]";case dn:return"[object Set]";case hn:return"[object WeakMap]"}return t});var bn=yn,gn=1,_n="[object Arguments]",mn="[object Array]",jn="[object Object]",On=Object.prototype.hasOwnProperty;var wn=function(e,t,r,n,o,a){var u=y(e),i=y(t),c=u?mn:bn(e),f=i?mn:bn(t),s=(c=c==_n?jn:c)==jn,l=(f=f==_n?jn:f)==jn,p=c==f;if(p&&Ke(e)){if(!Ke(t))return!1;u=!0,s=!1}if(p&&!s)return a||(a=new _r),u||rt(e)?Pr(e,t,r,n,o,a):Gr(e,t,c,r,n,o,a);if(!(r&gn)){var v=s&&On.call(e,"__wrapped__"),d=l&&On.call(t,"__wrapped__");if(v||d){var h=v?e.value():e,b=d?t.value():t;return a||(a=new _r),o(h,b,r,n,a)}}return!!p&&(a||(a=new _r),an(e,t,r,n,o,a))};var En=function e(t,r,n,o,a){return t===r||(null==t||null==r||!D(t)&&!D(r)?t!=t&&r!=r:wn(t,r,n,o,e,a))},Sn=1,xn=2;var kn=function(e,t,r,n){var o=r.length,a=o,u=!n;if(null==e)return!a;for(e=Object(e);o--;){var i=r[o];if(u&&i[2]?i[1]!==e[i[0]]:!(i[0]in e))return!1}for(;++o<a;){var c=(i=r[o])[0],f=e[c],s=i[1];if(u&&i[2]){if(void 0===f&&!(c in e))return!1}else{var l=new _r;if(n)var p=n(f,s,c,e,t,l);if(!(void 0===p?En(s,f,Sn|xn,n,l):p))return!1}}return!0};var Dn=function(e){return e==e&&!ue(e)};var Pn=function(e){for(var t=Nt(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,Dn(o)]}return t};var An=function(e,t){return function(r){return null!=r&&r[e]===t&&(void 0!==t||e in Object(r))}};var Rn=function(e){var t=Pn(e);return 1==t.length&&t[0][2]?An(t[0][0],t[0][1]):function(r){return r===e||kn(r,e,t)}},Tn=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Nn=/^\w*$/;var zn=function(e,t){if(y(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!A(e))||Nn.test(e)||!Tn.test(e)||null!=t&&e in Object(t)},Cn="Expected a function";function Ln(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError(Cn);var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],a=r.cache;if(a.has(o))return a.get(o);var u=e.apply(this,n);return r.cache=a.set(o,u)||a,u};return r.cache=new(Ln.Cache||hr),r}Ln.Cache=hr;var Mn=Ln,Hn=500;var $n=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Fn=/\\(\\)?/g,Vn=function(e){var t=Mn(e,function(e){return r.size===Hn&&r.clear(),e}),r=t.cache;return t}(function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace($n,function(e,r,n,o){t.push(n?o.replace(Fn,"$1"):r||e)}),t});var In=function(e,t){return y(e)?e:zn(e,t)?[e]:Vn(C(e))},Un=1/0;var Yn=function(e){if("string"==typeof e||A(e))return e;var t=e+"";return"0"==t&&1/e==-Un?"-0":t};var Bn=function(e,t){for(var r=0,n=(t=In(t,e)).length;null!=e&&r<n;)e=e[Yn(t[r++])];return r&&r==n?e:void 0};var qn=function(e,t,r){var n=null==e?void 0:Bn(e,t);return void 0===n?r:n};var Wn=function(e,t){return null!=e&&t in Object(e)};var Gn=function(e,t,r){for(var n=-1,o=(t=In(t,e)).length,a=!1;++n<o;){var u=Yn(t[n]);if(!(a=null!=e&&r(e,u)))break;e=e[u]}return a||++n!=o?a:!!(o=null==e?0:e.length)&&Le(o)&&Fe(u,o)&&(y(e)||Ge(e))};var Jn=function(e,t){return null!=e&&Gn(e,t,Wn)},Kn=1,Qn=2;var Xn=function(e,t){return zn(e)&&Dn(t)?An(Yn(e),t):function(r){var n=qn(r,e);return void 0===n&&n===t?Jn(r,e):En(t,n,Kn|Qn)}};var Zn=function(e){return function(t){return null==t?void 0:t[e]}};var eo=function(e){return function(t){return Bn(t,e)}};var to=function(e){return zn(e)?Zn(Yn(e)):eo(e)};var ro=function(e){return"function"==typeof e?e:null==e?te:"object"==typeof e?y(e)?Xn(e[0],e[1]):Rn(e):to(e)};var no=function(e,t,r,n,o){return o(e,function(e,o,a){r=n?(n=!1,e):t(r,e,o,a)}),r};var oo=function(e,t,r){var n=y(e)?kt:no,o=arguments.length<3;return n(e,ro(t,4),r,o,zt)},ao=Object.prototype.hasOwnProperty;var uo=function(e,t){return null!=e&&ao.call(e,t)};var io=function(e,t){return null!=e&&Gn(e,t,uo)},co="[object RegExp]";var fo=function(e){return D(e)&&k(e)==co},so=et&&et.isRegExp,lo=so?Ze(so):fo,po="[object Date]";var vo=function(e){return D(e)&&k(e)==po},ho=et&&et.isDate,yo=ho?Ze(ho):vo,bo=Pt(Object.getPrototypeOf,Object),go="[object Object]",_o=Function.prototype,mo=Object.prototype,jo=_o.toString,Oo=mo.hasOwnProperty,wo=jo.call(Object);var Eo=function(e){if(!D(e)||k(e)!=go)return!1;var t=bo(e);if(null===t)return!0;var r=Oo.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&jo.call(r)==wo},So="undefined"!=typeof Element,xo="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,ko=function(e){return e.$$typeof===xo};function Do(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==ht.different}function Po(e,t,r){try{var n=[];return function e(t,r,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return Do(t,r,n,o,ht.different);if(y(t)&&y(r)){var a=t.length;if(a!==r.length)return Do(t,r,n,o,ht.different);for(var u=!0,i=a;0!=i--;)e(t[i],r[i],n,"".concat(o,"[").concat(i,"]"))||(u=!1);return Do(t,r,n,o,u?ht.deepEquals:ht.different)}if(yo(t)&&yo(r))return t.getTime()===r.getTime()?Do(t,r,n,o,ht.date):Do(t,r,n,o,ht.different);if(lo(t)&&lo(r))return t.toString()===r.toString()?Do(t,r,n,o,ht.regex):Do(t,r,n,o,ht.different);if(So&&t instanceof Element&&r instanceof Element)return Do(t,r,n,o,ht.different);if(ko(t)&&ko(r))return t.type===r.type?Do(t,r,n,o,ht.reactElement):Do(t,r,n,o,ht.different);if(pe(t)&&pe(r))return t.name===r.name?Do(t,r,n,o,ht.function):Do(t,r,n,o,ht.different);if(Eo(t)&&Eo(r)){var c=Nt(t),f=c.length;if(f!==Nt(r).length)return Do(t,r,n,o,ht.different);for(var s=f;0!=s--;)if(!io(r,c[s]))return Do(t,r,n,o,ht.different);for(var l=!0,p=f;0!=p--;){var v=c[p];e(t[v],r[v],n,"".concat(o,".").concat(v))||(l=!1)}return Do(t,r,n,o,l?ht.deepEquals:ht.different)}return Do(t,r,n,o,ht.different)}(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var Ao={};function Ro(e,t){if(e===t)return!1;var n=e||Ao,o=t||Ao,a=Object.keys(r({},n,o));return oo(a,function(e,t){var r=Po(n[t],o[t],t);return r&&(e=[].concat(c(e),c(r))),e},[])}function To(e,t,r,n,o,a){return{propsDifferences:Ro(e,n),stateDifferences:Ro(t,o),hookDifferences:Ro(r,a)}}function No(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,u=e.prevHook,i=e.nextProps,c=e.nextState,f=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:u,nextProps:i,nextState:c,nextHook:f,options:e.options,reason:To(o,a,u,i,c,f)}}function zo(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var Co="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function Lo(t,r,i,c){var f=function(i){function f(e,r){var o,u,i;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,f),u=this,i=n(f).call(this,e,r),(o=!i||"object"!=typeof i&&"function"!=typeof i?a(u):i).render&&!t.prototype.render){var c=o.render;o.render=function(){return f.prototype.render.apply(a(o)),c()}}return o}var s,l,p;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}(f,t),s=f,(l=[{key:"render",value:function(){return this._prevProps&&c.notifier(No({Component:t,displayName:r,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:c})),this._prevProps=this.props,this._prevState=this.state,u(n(f.prototype),"render",this)&&u(n(f.prototype),"render",this).call(this)}}])&&e(s.prototype,l),p&&e(s,p),f}();return f.displayName=r,dt(f,t),f}function Mo(e,t,r,n,o){return t.$$typeof===Co?function(e,t,r,n){var o=r.memo(function(o){var a=r.useRef(),u=a.current;if(a.current=o,u){var i=No({Component:e,displayName:t,prevProps:u,nextProps:o,options:n});i.reason.propsDifferences&&n.notifier(i)}return e.type(o)});return o.displayName=t,dt(o,e),o}(t,r,n,o):t.prototype&&t.prototype.isReactComponent?Lo(t,r,0,o):function(e,t,r,n){function o(o){var a=r.useRef(),u=a.current;if(a.current=o,u){var i=No({Component:e,displayName:t,prevProps:u,nextProps:o,options:n});i.reason.propsDifferences&&n.notifier(i)}return e(o)}return o.displayName=t,dt(o,e),o}(t,r,n,o)}return function(e,t){var n=wt(t,e),o=e.createElement,a=e.createFactory,u={},c=new WeakMap;return e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===Co)&&zo(t,xt(t),n),a=arguments.length,u=new Array(a>1?a-1:0),i=1;i<a;i++)u[i-1]=arguments[i];if(!r)return o.apply(e,[t].concat(u));var f=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||xt(t),s=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=Mo(0,t,r,n,o);return e.set(t,a),a}(c,t,f,e,n);return o.apply(e,[s].concat(u))},Object.assign(e.createElement,o),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,a),n.trackHooks&&Object.entries(n.trackHooks).forEach(function(t){var r=i(t,2),o=r[0],a=r[1];u[o]=e[o],e[o]=function(e,t,r,n){var o=function(){var o=t.fn.apply(t,arguments),a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,u=xt(a);if(!zo(a,u,n))return o;var i=r.useRef(),c=i.current;if(i.current=o,c){var f=No({Component:a,displayName:u,hookName:e,prevHook:c,nextHook:o,options:n});f.reason.hookDifferences&&(f.reason.hookDifferences.length>0||!t.allowShallow)&&n.notifier(f)}return i.current},a="patched".concat(ee(e[0])).concat(e.substr(1));return Object.defineProperty(o,"name",{value:a}),o}(o,a,e,n)}),e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,r({createElement:o,createFactory:a},u)),c=null,delete e.__REVERT_WHY_DID_YOU_RENDER__},e}}); | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).whyDidYouRender=t()}(this,function(){"use strict";function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(r){t(e,r,n[r])})}return e}function n(e){return(n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function i(e,t,r){return(i="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var o=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=n(e)););return e}(e,t);if(o){var a=Object.getOwnPropertyDescriptor(o,t);return a.get?a.get.call(r):a.value}})(e,t,r||e)}function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=[],n=!0,o=!1,a=void 0;try{for(var i,u=e[Symbol.iterator]();!(n=(i=u.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==u.return||u.return()}finally{if(o)throw a}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function c(e){return function(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var f=function(e){return e};var s=function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)},l=Math.max;var p=function(e,t,r){return t=l(void 0===t?e.length-1:t,0),function(){for(var n=arguments,o=-1,a=l(n.length-t,0),i=Array(a);++o<a;)i[o]=n[t+o];o=-1;for(var u=Array(t+1);++o<t;)u[o]=n[o];return u[t]=r(i),s(e,this,u)}};var v=function(e){return function(){return e}},h="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function y(e,t){return e(t={exports:{}},t.exports),t.exports}var d="object"==typeof h&&h&&h.Object===Object&&h,b="object"==typeof self&&self&&self.Object===Object&&self,_=d||b||Function("return this")(),g=_.Symbol,m=Object.prototype,j=m.hasOwnProperty,O=m.toString,w=g?g.toStringTag:void 0;var E=function(e){var t=j.call(e,w),r=e[w];try{e[w]=void 0;var n=!0}catch(e){}var o=O.call(e);return n&&(t?e[w]=r:delete e[w]),o},S=Object.prototype.toString;var D=function(e){return S.call(e)},x="[object Null]",P="[object Undefined]",k=g?g.toStringTag:void 0;var R=function(e){return null==e?void 0===e?P:x:k&&k in Object(e)?E(e):D(e)};var A=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},T="[object AsyncFunction]",N="[object Function]",z="[object GeneratorFunction]",C="[object Proxy]";var L,I=function(e){if(!A(e))return!1;var t=R(e);return t==N||t==z||t==T||t==C},F=_["__core-js_shared__"],M=(L=/[^.]+$/.exec(F&&F.keys&&F.keys.IE_PROTO||""))?"Symbol(src)_1."+L:"";var $=function(e){return!!M&&M in e},U=Function.prototype.toString;var H=function(e){if(null!=e){try{return U.call(e)}catch(e){}try{return e+""}catch(e){}}return""},V=/^\[object .+?Constructor\]$/,Y=Function.prototype,B=Object.prototype,W=Y.toString,q=B.hasOwnProperty,G=RegExp("^"+W.call(q).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var J=function(e){return!(!A(e)||$(e))&&(I(e)?G:V).test(H(e))};var K=function(e,t){return null==e?void 0:e[t]};var Q=function(e,t){var r=K(e,t);return J(r)?r:void 0},X=function(){try{var e=Q(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),Z=X?function(e,t){return X(e,"toString",{configurable:!0,enumerable:!1,value:v(t),writable:!0})}:f,ee=800,te=16,re=Date.now;var ne=function(e){var t=0,r=0;return function(){var n=re(),o=te-(n-r);if(r=n,o>0){if(++t>=ee)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}(Z);var oe=function(e,t){return ne(p(e,t,f),e+"")};var ae=function(e,t){return e===t||e!=e&&t!=t},ie=9007199254740991;var ue=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=ie};var ce=function(e){return null!=e&&ue(e.length)&&!I(e)},fe=9007199254740991,se=/^(?:0|[1-9]\d*)$/;var le=function(e,t){var r=typeof e;return!!(t=null==t?fe:t)&&("number"==r||"symbol"!=r&&se.test(e))&&e>-1&&e%1==0&&e<t};var pe=function(e,t,r){if(!A(r))return!1;var n=typeof t;return!!("number"==n?ce(r)&&le(t,r.length):"string"==n&&t in r)&&ae(r[t],e)};var ve=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n};var he=function(e){return null!=e&&"object"==typeof e},ye="[object Arguments]";var de=function(e){return he(e)&&R(e)==ye},be=Object.prototype,_e=be.hasOwnProperty,ge=be.propertyIsEnumerable,me=de(function(){return arguments}())?de:function(e){return he(e)&&_e.call(e,"callee")&&!ge.call(e,"callee")},je=Array.isArray;var Oe=function(){return!1},we=y(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r?_.Buffer:void 0,a=(o?o.isBuffer:void 0)||Oe;e.exports=a}),Ee={};Ee["[object Float32Array]"]=Ee["[object Float64Array]"]=Ee["[object Int8Array]"]=Ee["[object Int16Array]"]=Ee["[object Int32Array]"]=Ee["[object Uint8Array]"]=Ee["[object Uint8ClampedArray]"]=Ee["[object Uint16Array]"]=Ee["[object Uint32Array]"]=!0,Ee["[object Arguments]"]=Ee["[object Array]"]=Ee["[object ArrayBuffer]"]=Ee["[object Boolean]"]=Ee["[object DataView]"]=Ee["[object Date]"]=Ee["[object Error]"]=Ee["[object Function]"]=Ee["[object Map]"]=Ee["[object Number]"]=Ee["[object Object]"]=Ee["[object RegExp]"]=Ee["[object Set]"]=Ee["[object String]"]=Ee["[object WeakMap]"]=!1;var Se=function(e){return he(e)&&ue(e.length)&&!!Ee[R(e)]};var De=function(e){return function(t){return e(t)}},xe=y(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r&&d.process,a=function(){try{var e=n&&n.require&&n.require("util").types;return e||o&&o.binding&&o.binding("util")}catch(e){}}();e.exports=a}),Pe=xe&&xe.isTypedArray,ke=Pe?De(Pe):Se,Re=Object.prototype.hasOwnProperty;var Ae=function(e,t){var r=je(e),n=!r&&me(e),o=!r&&!n&&we(e),a=!r&&!n&&!o&&ke(e),i=r||n||o||a,u=i?ve(e.length,String):[],c=u.length;for(var f in e)!t&&!Re.call(e,f)||i&&("length"==f||o&&("offset"==f||"parent"==f)||a&&("buffer"==f||"byteLength"==f||"byteOffset"==f)||le(f,c))||u.push(f);return u},Te=Object.prototype;var Ne=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Te)};var ze=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t},Ce=Object.prototype.hasOwnProperty;var Le=function(e){if(!A(e))return ze(e);var t=Ne(e),r=[];for(var n in e)("constructor"!=n||!t&&Ce.call(e,n))&&r.push(n);return r};var Ie,Fe=function(e){return ce(e)?Ae(e,!0):Le(e)},Me=Object.prototype,$e=Me.hasOwnProperty,Ue=oe(function(e,t){e=Object(e);var r=-1,n=t.length,o=n>2?t[2]:void 0;for(o&&pe(t[0],t[1],o)&&(n=1);++r<n;)for(var a=t[r],i=Fe(a),u=-1,c=i.length;++u<c;){var f=i[u],s=e[f];(void 0===s||ae(s,Me[f])&&!$e.call(e,f))&&(e[f]=a[f])}return e}),He={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},Ve="http://bit.ly/wdyr02",Ye="http://bit.ly/wdyr3",Be=(t(Ie={},He.different,"different objects."),t(Ie,He.deepEquals,"different objects that are equal by value."),t(Ie,He.date,"different date objects with the same value."),t(Ie,He.regex,"different regular expressions with the same value."),t(Ie,He.reactElement,"different React elements with the same displayName."),t(Ie,He.function,"different functions with the same name."),Ie),We=!1;function qe(e){var r=e.Component,n=e.displayName,o=e.hookName,a=e.prefixMessage,i=e.diffObjType,u=e.differences,c=e.values,f=e.options;u&&u.length>0?(f.consoleLog(t({},n,r),"".concat(a," of ").concat(i," changes:")),u.forEach(function(e){var r=e.pathString,n=e.diffType,a=e.prevValue,u=e.nextValue;f.consoleGroup("%c".concat("hook"===i?"hook ".concat(o," "):"".concat(i,"."),"%c").concat(r,"%c"),"color:blue;","color:red;","color:black;"),f.consoleLog("".concat(Be[n]," (more info at ").concat(o?Ye:Ve,")")),f.consoleLog(t({},"prev ".concat(r),a),"!==",t({},"next ".concat(r),u)),f.consoleGroupEnd()})):u&&(f.consoleLog(t({},n,r),"".concat(a," the ").concat(i," object itself changed but it's values are all equal."),"props"===i?"This could of been avoided by making the component pure, or by preventing it's father from re-rendering.":"This usually means this component called setState when no changes in it's state actually occurred.","more info at ".concat(Ve)),f.consoleLog("prev ".concat(i,":"),c.prev," !== ",c.next,":next ".concat(i)))}function Ge(e){var r=e.Component,n=e.displayName,o=e.hookName,a=e.prevProps,i=e.prevState,u=e.prevHook,c=e.nextProps,f=e.nextState,s=e.nextHook,l=e.reason,p=e.options;if(function(e,t,r){return!(We||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===He.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===He.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===He.different})))}(l,r,p)){p.consoleGroup("%c".concat(n),"color: #058;");var v="Re-rendered because";l.propsDifferences&&(qe({Component:r,displayName:n,prefixMessage:v,diffObjType:"props",differences:l.propsDifferences,values:{prev:a,next:c},options:p}),v="And because"),l.stateDifferences&&qe({Component:r,displayName:n,prefixMessage:v,diffObjType:"state",differences:l.stateDifferences,values:{prev:i,next:f},options:p}),l.hookDifferences&&qe({Component:r,displayName:n,prefixMessage:v,diffObjType:"hook",differences:l.hookDifferences,values:{prev:u,next:s},hookName:o,options:p}),l.propsDifferences||l.stateDifferences||l.hookDifferences||p.consoleLog(t({},n,r),"Re-rendered although props and state objects are the same.","This usually means there was a call to this.forceUpdate() inside the component.","more info at ".concat(Ve)),p.consoleGroupEnd()}}var Je=function(){};function Ke(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=console.group,o=console.groupEnd;return t.collapseGroups?n=console.groupCollapsed:t.onlyLogs&&(n=console.log,o=Je),r({include:null,exclude:null,notifier:t.notifier||((e=t.hasOwnProperty("hotReloadBufferMs")?t.hotReloadBufferMs:500)&&module&&module.hot&&module.hot.addStatusHandler&&module.hot.addStatusHandler(function(t){"idle"===t&&(We=!0,setTimeout(function(){We=!1},e))}),Ge),onlyLogs:!1,consoleLog:console.log,consoleGroup:n,consoleGroupEnd:o,logOnDifferentValues:!1,trackHooks:!0},t)}var Qe="[object String]";var Xe=function(e){return"string"==typeof e||!je(e)&&he(e)&&R(e)==Qe};function Ze(e){return e.displayName||e.name||e.type&&Ze(e.type)||(Xe(e)?e:void 0)}var et=function(e,t,r,n){var o=-1,a=null==e?0:e.length;for(n&&a&&(r=e[++o]);++o<a;)r=t(r,e[o],o,e);return r};var tt=function(e){return function(t,r,n){for(var o=-1,a=Object(t),i=n(t),u=i.length;u--;){var c=i[e?u:++o];if(!1===r(a[c],c,a))break}return t}}();var rt=function(e,t){return function(r){return e(t(r))}},nt=rt(Object.keys,Object),ot=Object.prototype.hasOwnProperty;var at=function(e){if(!Ne(e))return nt(e);var t=[];for(var r in Object(e))ot.call(e,r)&&"constructor"!=r&&t.push(r);return t};var it=function(e){return ce(e)?Ae(e):at(e)};var ut=function(e,t){return function(r,n){if(null==r)return r;if(!ce(r))return e(r,n);for(var o=r.length,a=t?o:-1,i=Object(r);(t?a--:++a<o)&&!1!==n(i[a],a,i););return r}}(function(e,t){return e&&tt(e,t,it)});var ct=function(){this.__data__=[],this.size=0};var ft=function(e,t){for(var r=e.length;r--;)if(ae(e[r][0],t))return r;return-1},st=Array.prototype.splice;var lt=function(e){var t=this.__data__,r=ft(t,e);return!(r<0||(r==t.length-1?t.pop():st.call(t,r,1),--this.size,0))};var pt=function(e){var t=this.__data__,r=ft(t,e);return r<0?void 0:t[r][1]};var vt=function(e){return ft(this.__data__,e)>-1};var ht=function(e,t){var r=this.__data__,n=ft(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function yt(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}yt.prototype.clear=ct,yt.prototype.delete=lt,yt.prototype.get=pt,yt.prototype.has=vt,yt.prototype.set=ht;var dt=yt;var bt=function(){this.__data__=new dt,this.size=0};var _t=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var gt=function(e){return this.__data__.get(e)};var mt=function(e){return this.__data__.has(e)},jt=Q(_,"Map"),Ot=Q(Object,"create");var wt=function(){this.__data__=Ot?Ot(null):{},this.size=0};var Et=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},St="__lodash_hash_undefined__",Dt=Object.prototype.hasOwnProperty;var xt=function(e){var t=this.__data__;if(Ot){var r=t[e];return r===St?void 0:r}return Dt.call(t,e)?t[e]:void 0},Pt=Object.prototype.hasOwnProperty;var kt=function(e){var t=this.__data__;return Ot?void 0!==t[e]:Pt.call(t,e)},Rt="__lodash_hash_undefined__";var At=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Ot&&void 0===t?Rt:t,this};function Tt(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Tt.prototype.clear=wt,Tt.prototype.delete=Et,Tt.prototype.get=xt,Tt.prototype.has=kt,Tt.prototype.set=At;var Nt=Tt;var zt=function(){this.size=0,this.__data__={hash:new Nt,map:new(jt||dt),string:new Nt}};var Ct=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Lt=function(e,t){var r=e.__data__;return Ct(t)?r["string"==typeof t?"string":"hash"]:r.map};var It=function(e){var t=Lt(this,e).delete(e);return this.size-=t?1:0,t};var Ft=function(e){return Lt(this,e).get(e)};var Mt=function(e){return Lt(this,e).has(e)};var $t=function(e,t){var r=Lt(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function Ut(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ut.prototype.clear=zt,Ut.prototype.delete=It,Ut.prototype.get=Ft,Ut.prototype.has=Mt,Ut.prototype.set=$t;var Ht=Ut,Vt=200;var Yt=function(e,t){var r=this.__data__;if(r instanceof dt){var n=r.__data__;if(!jt||n.length<Vt-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new Ht(n)}return r.set(e,t),this.size=r.size,this};function Bt(e){var t=this.__data__=new dt(e);this.size=t.size}Bt.prototype.clear=bt,Bt.prototype.delete=_t,Bt.prototype.get=gt,Bt.prototype.has=mt,Bt.prototype.set=Yt;var Wt=Bt,qt="__lodash_hash_undefined__";var Gt=function(e){return this.__data__.set(e,qt),this};var Jt=function(e){return this.__data__.has(e)};function Kt(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new Ht;++t<r;)this.add(e[t])}Kt.prototype.add=Kt.prototype.push=Gt,Kt.prototype.has=Jt;var Qt=Kt;var Xt=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1};var Zt=function(e,t){return e.has(t)},er=1,tr=2;var rr=function(e,t,r,n,o,a){var i=r&er,u=e.length,c=t.length;if(u!=c&&!(i&&c>u))return!1;var f=a.get(e);if(f&&a.get(t))return f==t;var s=-1,l=!0,p=r&tr?new Qt:void 0;for(a.set(e,t),a.set(t,e);++s<u;){var v=e[s],h=t[s];if(n)var y=i?n(h,v,s,t,e,a):n(v,h,s,e,t,a);if(void 0!==y){if(y)continue;l=!1;break}if(p){if(!Xt(t,function(e,t){if(!Zt(p,t)&&(v===e||o(v,e,r,n,a)))return p.push(t)})){l=!1;break}}else if(v!==h&&!o(v,h,r,n,a)){l=!1;break}}return a.delete(e),a.delete(t),l},nr=_.Uint8Array;var or=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e,n){r[++t]=[n,e]}),r};var ar=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e){r[++t]=e}),r},ir=1,ur=2,cr="[object Boolean]",fr="[object Date]",sr="[object Error]",lr="[object Map]",pr="[object Number]",vr="[object RegExp]",hr="[object Set]",yr="[object String]",dr="[object Symbol]",br="[object ArrayBuffer]",_r="[object DataView]",gr=g?g.prototype:void 0,mr=gr?gr.valueOf:void 0;var jr=function(e,t,r,n,o,a,i){switch(r){case _r:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case br:return!(e.byteLength!=t.byteLength||!a(new nr(e),new nr(t)));case cr:case fr:case pr:return ae(+e,+t);case sr:return e.name==t.name&&e.message==t.message;case vr:case yr:return e==t+"";case lr:var u=or;case hr:var c=n&ir;if(u||(u=ar),e.size!=t.size&&!c)return!1;var f=i.get(e);if(f)return f==t;n|=ur,i.set(e,t);var s=rr(u(e),u(t),n,o,a,i);return i.delete(e),s;case dr:if(mr)return mr.call(e)==mr.call(t)}return!1};var Or=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e};var wr=function(e,t,r){var n=t(e);return je(e)?n:Or(n,r(e))};var Er=function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,a=[];++r<n;){var i=e[r];t(i,r,e)&&(a[o++]=i)}return a};var Sr=function(){return[]},Dr=Object.prototype.propertyIsEnumerable,xr=Object.getOwnPropertySymbols,Pr=xr?function(e){return null==e?[]:(e=Object(e),Er(xr(e),function(t){return Dr.call(e,t)}))}:Sr;var kr=function(e){return wr(e,it,Pr)},Rr=1,Ar=Object.prototype.hasOwnProperty;var Tr=function(e,t,r,n,o,a){var i=r&Rr,u=kr(e),c=u.length;if(c!=kr(t).length&&!i)return!1;for(var f=c;f--;){var s=u[f];if(!(i?s in t:Ar.call(t,s)))return!1}var l=a.get(e);if(l&&a.get(t))return l==t;var p=!0;a.set(e,t),a.set(t,e);for(var v=i;++f<c;){var h=e[s=u[f]],y=t[s];if(n)var d=i?n(y,h,s,t,e,a):n(h,y,s,e,t,a);if(!(void 0===d?h===y||o(h,y,r,n,a):d)){p=!1;break}v||(v="constructor"==s)}if(p&&!v){var b=e.constructor,_=t.constructor;b!=_&&"constructor"in e&&"constructor"in t&&!("function"==typeof b&&b instanceof b&&"function"==typeof _&&_ instanceof _)&&(p=!1)}return a.delete(e),a.delete(t),p},Nr=Q(_,"DataView"),zr=Q(_,"Promise"),Cr=Q(_,"Set"),Lr=Q(_,"WeakMap"),Ir=H(Nr),Fr=H(jt),Mr=H(zr),$r=H(Cr),Ur=H(Lr),Hr=R;(Nr&&"[object DataView]"!=Hr(new Nr(new ArrayBuffer(1)))||jt&&"[object Map]"!=Hr(new jt)||zr&&"[object Promise]"!=Hr(zr.resolve())||Cr&&"[object Set]"!=Hr(new Cr)||Lr&&"[object WeakMap]"!=Hr(new Lr))&&(Hr=function(e){var t=R(e),r="[object Object]"==t?e.constructor:void 0,n=r?H(r):"";if(n)switch(n){case Ir:return"[object DataView]";case Fr:return"[object Map]";case Mr:return"[object Promise]";case $r:return"[object Set]";case Ur:return"[object WeakMap]"}return t});var Vr=Hr,Yr=1,Br="[object Arguments]",Wr="[object Array]",qr="[object Object]",Gr=Object.prototype.hasOwnProperty;var Jr=function(e,t,r,n,o,a){var i=je(e),u=je(t),c=i?Wr:Vr(e),f=u?Wr:Vr(t),s=(c=c==Br?qr:c)==qr,l=(f=f==Br?qr:f)==qr,p=c==f;if(p&&we(e)){if(!we(t))return!1;i=!0,s=!1}if(p&&!s)return a||(a=new Wt),i||ke(e)?rr(e,t,r,n,o,a):jr(e,t,c,r,n,o,a);if(!(r&Yr)){var v=s&&Gr.call(e,"__wrapped__"),h=l&&Gr.call(t,"__wrapped__");if(v||h){var y=v?e.value():e,d=h?t.value():t;return a||(a=new Wt),o(y,d,r,n,a)}}return!!p&&(a||(a=new Wt),Tr(e,t,r,n,o,a))};var Kr=function e(t,r,n,o,a){return t===r||(null==t||null==r||!he(t)&&!he(r)?t!=t&&r!=r:Jr(t,r,n,o,e,a))},Qr=1,Xr=2;var Zr=function(e,t,r,n){var o=r.length,a=o,i=!n;if(null==e)return!a;for(e=Object(e);o--;){var u=r[o];if(i&&u[2]?u[1]!==e[u[0]]:!(u[0]in e))return!1}for(;++o<a;){var c=(u=r[o])[0],f=e[c],s=u[1];if(i&&u[2]){if(void 0===f&&!(c in e))return!1}else{var l=new Wt;if(n)var p=n(f,s,c,e,t,l);if(!(void 0===p?Kr(s,f,Qr|Xr,n,l):p))return!1}}return!0};var en=function(e){return e==e&&!A(e)};var tn=function(e){for(var t=it(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,en(o)]}return t};var rn=function(e,t){return function(r){return null!=r&&r[e]===t&&(void 0!==t||e in Object(r))}};var nn=function(e){var t=tn(e);return 1==t.length&&t[0][2]?rn(t[0][0],t[0][1]):function(r){return r===e||Zr(r,e,t)}},on="[object Symbol]";var an=function(e){return"symbol"==typeof e||he(e)&&R(e)==on},un=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,cn=/^\w*$/;var fn=function(e,t){if(je(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!an(e))||cn.test(e)||!un.test(e)||null!=t&&e in Object(t)},sn="Expected a function";function ln(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError(sn);var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],a=r.cache;if(a.has(o))return a.get(o);var i=e.apply(this,n);return r.cache=a.set(o,i)||a,i};return r.cache=new(ln.Cache||Ht),r}ln.Cache=Ht;var pn=ln,vn=500;var hn=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,yn=/\\(\\)?/g,dn=function(e){var t=pn(e,function(e){return r.size===vn&&r.clear(),e}),r=t.cache;return t}(function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(hn,function(e,r,n,o){t.push(n?o.replace(yn,"$1"):r||e)}),t});var bn=function(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o},_n=1/0,gn=g?g.prototype:void 0,mn=gn?gn.toString:void 0;var jn=function e(t){if("string"==typeof t)return t;if(je(t))return bn(t,e)+"";if(an(t))return mn?mn.call(t):"";var r=t+"";return"0"==r&&1/t==-_n?"-0":r};var On=function(e){return null==e?"":jn(e)};var wn=function(e,t){return je(e)?e:fn(e,t)?[e]:dn(On(e))},En=1/0;var Sn=function(e){if("string"==typeof e||an(e))return e;var t=e+"";return"0"==t&&1/e==-En?"-0":t};var Dn=function(e,t){for(var r=0,n=(t=wn(t,e)).length;null!=e&&r<n;)e=e[Sn(t[r++])];return r&&r==n?e:void 0};var xn=function(e,t,r){var n=null==e?void 0:Dn(e,t);return void 0===n?r:n};var Pn=function(e,t){return null!=e&&t in Object(e)};var kn=function(e,t,r){for(var n=-1,o=(t=wn(t,e)).length,a=!1;++n<o;){var i=Sn(t[n]);if(!(a=null!=e&&r(e,i)))break;e=e[i]}return a||++n!=o?a:!!(o=null==e?0:e.length)&&ue(o)&&le(i,o)&&(je(e)||me(e))};var Rn=function(e,t){return null!=e&&kn(e,t,Pn)},An=1,Tn=2;var Nn=function(e,t){return fn(e)&&en(t)?rn(Sn(e),t):function(r){var n=xn(r,e);return void 0===n&&n===t?Rn(r,e):Kr(t,n,An|Tn)}};var zn=function(e){return function(t){return null==t?void 0:t[e]}};var Cn=function(e){return function(t){return Dn(t,e)}};var Ln=function(e){return fn(e)?zn(Sn(e)):Cn(e)};var In=function(e){return"function"==typeof e?e:null==e?f:"object"==typeof e?je(e)?Nn(e[0],e[1]):nn(e):Ln(e)};var Fn=function(e,t,r,n,o){return o(e,function(e,o,a){r=n?(n=!1,e):t(r,e,o,a)}),r};var Mn=function(e,t,r){var n=je(e)?et:Fn,o=arguments.length<3;return n(e,In(t,4),r,o,ut)},$n=Object.prototype.hasOwnProperty;var Un=function(e,t){return null!=e&&$n.call(e,t)};var Hn=function(e,t){return null!=e&&kn(e,t,Un)},Vn="[object RegExp]";var Yn=function(e){return he(e)&&R(e)==Vn},Bn=xe&&xe.isRegExp,Wn=Bn?De(Bn):Yn,qn="[object Date]";var Gn=function(e){return he(e)&&R(e)==qn},Jn=xe&&xe.isDate,Kn=Jn?De(Jn):Gn,Qn=rt(Object.getPrototypeOf,Object),Xn="[object Object]",Zn=Function.prototype,eo=Object.prototype,to=Zn.toString,ro=eo.hasOwnProperty,no=to.call(Object);var oo=function(e){if(!he(e)||R(e)!=Xn)return!1;var t=Qn(e);if(null===t)return!0;var r=ro.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&to.call(r)==no},ao="undefined"!=typeof Element,io="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,uo=function(e){return e.$$typeof===io};function co(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==He.different}function fo(e,t,r){try{var n=[];return function e(t,r,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return co(t,r,n,o,He.different);if(je(t)&&je(r)){var a=t.length;if(a!==r.length)return co(t,r,n,o,He.different);for(var i=!0,u=a;0!=u--;)e(t[u],r[u],n,"".concat(o,"[").concat(u,"]"))||(i=!1);return co(t,r,n,o,i?He.deepEquals:He.different)}if(Kn(t)&&Kn(r))return t.getTime()===r.getTime()?co(t,r,n,o,He.date):co(t,r,n,o,He.different);if(Wn(t)&&Wn(r))return t.toString()===r.toString()?co(t,r,n,o,He.regex):co(t,r,n,o,He.different);if(ao&&t instanceof Element&&r instanceof Element)return co(t,r,n,o,He.different);if(uo(t)&&uo(r))return t.type===r.type?co(t,r,n,o,He.reactElement):co(t,r,n,o,He.different);if(I(t)&&I(r))return t.name===r.name?co(t,r,n,o,He.function):co(t,r,n,o,He.different);if(oo(t)&&oo(r)){var c=it(t),f=c.length;if(f!==it(r).length)return co(t,r,n,o,He.different);for(var s=f;0!=s--;)if(!Hn(r,c[s]))return co(t,r,n,o,He.different);for(var l=!0,p=f;0!=p--;){var v=c[p];e(t[v],r[v],n,"".concat(o,".").concat(v))||(l=!1)}return co(t,r,n,o,l?He.deepEquals:He.different)}return co(t,r,n,o,He.different)}(e,t,n,r),n}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: why-did-you-render couldn't handle circular references in props.",e.name,e.message),!1;throw e}}var so={};function lo(e,t){if(e===t)return!1;var n=e||so,o=t||so,a=Object.keys(r({},n,o));return Mn(a,function(e,t){var r=fo(n[t],o[t],t);return r&&(e=[].concat(c(e),c(r))),e},[])}function po(e,t,r,n,o,a){return{propsDifferences:lo(e,n),stateDifferences:lo(t,o),hookDifferences:lo(r,a)}}function vo(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,u=e.nextProps,c=e.nextState,f=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:u,nextState:c,nextHook:f,options:e.options,reason:po(o,a,i,u,c,f)}}function ho(e,t,r){return!function(e,t){return t.exclude&&t.exclude.length>0&&t.exclude.some(function(t){return t.test(e)})}(t,r)&&!(!e.whyDidYouRender&&!function(e,t){return t.include&&t.include.length>0&&t.include.some(function(t){return t.test(e)})}(t,r))}var yo="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function bo(t,r,u,c){var f=function(u){function f(e,r){var o,i,u;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,f),i=this,u=n(f).call(this,e,r),(o=!u||"object"!=typeof u&&"function"!=typeof u?a(i):u).render&&!t.prototype.render){var c=o.render;o.render=function(){return f.prototype.render.apply(a(o)),c()}}return o}var s,l,p;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}(f,t),s=f,(l=[{key:"render",value:function(){return this._prevProps&&c.notifier(vo({Component:t,displayName:r,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:c})),this._prevProps=this.props,this._prevState=this.state,i(n(f.prototype),"render",this)&&i(n(f.prototype),"render",this).call(this)}}])&&e(s.prototype,l),p&&e(s,p),f}();return f.displayName=r,Ue(f,t),f}function _o(e,t,r,n,o){return t.$$typeof===yo?function(e,t,r,n){var o=r.memo(function(o){var a=r.useRef(),i=a.current;if(a.current=o,i){var u=vo({Component:e,displayName:t,prevProps:i,nextProps:o,options:n});u.reason.propsDifferences&&n.notifier(u)}return e.type(o)});return o.displayName=t,Ue(o,e),o}(t,r,n,o):t.prototype&&t.prototype.isReactComponent?bo(t,r,0,o):function(e,t,r,n){function o(o){var a=r.useRef(),i=a.current;if(a.current=o,i){var u=vo({Component:e,displayName:t,prevProps:i,nextProps:o,options:n});u.reason.propsDifferences&&n.notifier(u)}return e(o)}return o.displayName=t,Ue(o,e),o}(t,r,n,o)}var go={useState:{allowShallow:!0},useReducer:!0};return function(e,t){var n,o=Ke(t),a=e.createElement,i=e.createFactory,c=new WeakMap;return e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===yo)&&ho(t,Ze(t),o),n=arguments.length,i=new Array(n>1?n-1:0),u=1;u<n;u++)i[u-1]=arguments[u];if(!r)return a.apply(e,[t].concat(i));var f=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||Ze(t),s=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=_o(0,t,r,n,o);return e.set(t,a),a}(c,t,f,e,o);return a.apply(e,[s].concat(i))},Object.assign(e.createElement,a),e.createFactory=function(t){var r=e.createElement.bind(null,t);return r.type=t,r},Object.assign(e.createFactory,i),o.trackHooks&&Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){n=e},get:function(){return Object.entries(go).reduce(function(t,r){var a=u(r,2),i=a[0],c=a[1];return t[i]=function(){var t,r=(t=n)[i].apply(t,arguments);return c&&function(e,t,r,n,o){var a=r,i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,u=Ze(i);if(!ho(i,u,o))return a;var c=n.useRef(),f=c.current;if(c.current=a,f){var s=vo({Component:i,displayName:u,hookName:e,prevHook:f,nextHook:a,options:o});s.reason.hookDifferences&&(s.reason.hookDifferences.length>0||!t.allowShallow)&&o.notifier(s)}c.current}(i,!0===c?{}:c,r,e,o),r},t},r({},n))}}),e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:a,createFactory:i}),c=null,Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0}),delete e.__REVERT_WHY_DID_YOU_RENDER__},e}}); | ||
| //# sourceMappingURL=whyDidYouRender.min.js.map |
| { | ||
| "name": "@welldone-software/why-did-you-render", | ||
| "version": "3.0.0-beta.1", | ||
| "version": "3.0.0-beta.2", | ||
| "description": "Monkey patches React to notify you about avoidable re-renders.", | ||
@@ -5,0 +5,0 @@ "main": "dist/cjs/whyDidYouRender.min.js", |
@@ -127,2 +127,3 @@ # Why Did You Render | ||
| - `exclude: [RegExp, ...]` (`null` by default) | ||
| - `trackHooks: true` | ||
| - `logOnDifferentValues: false` | ||
@@ -143,2 +144,7 @@ - `onlyLogs: false` | ||
| #### trackHooks | ||
| You can turn off tracking of hooks changes. | ||
| Understand and fix hook issues [>> HERE <<](http://bit.ly/wdyr3). | ||
| #### logOnDifferentValues | ||
@@ -145,0 +151,0 @@ Normally, you only want notifications about component re-renders when their props and state |
@@ -122,3 +122,3 @@ /* eslint-disable no-console */ | ||
| nextState: null, | ||
| options: normalizeOptions(userOptions, React) | ||
| options: normalizeOptions(userOptions) | ||
| }) | ||
@@ -142,3 +142,3 @@ | ||
| nextState: null, | ||
| options: normalizeOptions(userOptions, React) | ||
| options: normalizeOptions(userOptions) | ||
| }) | ||
@@ -162,3 +162,3 @@ | ||
| nextState: {a: 'aa'}, | ||
| options: normalizeOptions(userOptions, React) | ||
| options: normalizeOptions(userOptions) | ||
| }) | ||
@@ -182,3 +182,3 @@ | ||
| nextState: {a: 'aa'}, | ||
| options: normalizeOptions(userOptions, React) | ||
| options: normalizeOptions(userOptions) | ||
| }) | ||
@@ -200,3 +200,3 @@ | ||
| nextHook: {a: 'aa'}, | ||
| options: normalizeOptions(userOptions, React) | ||
| options: normalizeOptions(userOptions) | ||
| }) | ||
@@ -220,3 +220,3 @@ | ||
| nextState: null, | ||
| options: normalizeOptions(userOptions, React) | ||
| options: normalizeOptions(userOptions) | ||
| }) | ||
@@ -240,3 +240,3 @@ | ||
| nextState: {a: {b: 'b'}}, | ||
| options: normalizeOptions(userOptions, React) | ||
| options: normalizeOptions(userOptions) | ||
| }) | ||
@@ -260,3 +260,3 @@ | ||
| nextState: {a: {b: 'b'}}, | ||
| options: normalizeOptions(userOptions, React) | ||
| options: normalizeOptions(userOptions) | ||
| }) | ||
@@ -280,3 +280,3 @@ | ||
| nextState: null, | ||
| options: normalizeOptions(userOptions, React) | ||
| options: normalizeOptions(userOptions) | ||
| }) | ||
@@ -300,3 +300,3 @@ | ||
| nextState: {a: {b: 'b'}}, | ||
| options: normalizeOptions(userOptions, React) | ||
| options: normalizeOptions(userOptions) | ||
| }) | ||
@@ -321,3 +321,3 @@ | ||
| onlyLogs: true | ||
| }, React) | ||
| }) | ||
| }) | ||
@@ -339,3 +339,3 @@ | ||
| onlyLogs: true | ||
| }, React) | ||
| }) | ||
| }) | ||
@@ -358,3 +358,3 @@ | ||
| onlyLogs: true | ||
| }, React) | ||
| }) | ||
| }) | ||
@@ -388,3 +388,3 @@ | ||
| onlyLogs: true | ||
| }, React) | ||
| }) | ||
| }) | ||
@@ -391,0 +391,0 @@ |
@@ -23,3 +23,3 @@ import React from 'react' | ||
| nextState: null, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -48,3 +48,3 @@ | ||
| nextState: null, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -73,3 +73,3 @@ | ||
| nextState: {a: 1}, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -98,3 +98,3 @@ | ||
| nextState: {a: 1}, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -123,3 +123,3 @@ | ||
| nextState: null, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -155,3 +155,3 @@ | ||
| nextState: {a: 2}, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -187,3 +187,3 @@ | ||
| nextState: {a: 2}, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -226,3 +226,3 @@ | ||
| nextState: null, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -258,3 +258,3 @@ | ||
| nextState: {a: {b: 'b'}}, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -290,3 +290,3 @@ | ||
| nextState: {a: {d: 'd'}}, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -329,3 +329,3 @@ | ||
| nextState: null, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -361,3 +361,3 @@ | ||
| nextState: {a: () => {}}, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -393,3 +393,3 @@ | ||
| nextState: {b: () => {}}, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -432,3 +432,3 @@ | ||
| nextState: {a: 4}, | ||
| options: normalizeOptions(undefined, React) | ||
| options: normalizeOptions() | ||
| } | ||
@@ -435,0 +435,0 @@ |
@@ -1,2 +0,2 @@ | ||
| import React from 'react/cjs/react.development' | ||
| import React, {useState, useLayoutEffect} from 'react' | ||
| import TestRenderer from 'react-test-renderer' | ||
@@ -6,3 +6,3 @@ import whyDidYouRender from './index' | ||
| describe('no track hooks setting', () => { | ||
| describe('do not track hooks', () => { | ||
| let updateInfos = [] | ||
@@ -14,3 +14,3 @@ | ||
| notifier: updateInfo => updateInfos.push(updateInfo), | ||
| trackHooks: {} | ||
| trackHooks: false | ||
| }) | ||
@@ -25,7 +25,2 @@ }) | ||
| test('do no track component', () => { | ||
| React.__REVERT_WHY_DID_YOU_RENDER__() | ||
| whyDidYouRender(React, { | ||
| notifier: updateInfo => updateInfos.push(updateInfo) | ||
| }) | ||
| const ComponentWithHooks = ({a}) => { | ||
@@ -119,3 +114,33 @@ const [currentState] = React.useState({b: 'b'}) | ||
| afterEach(() => { | ||
| if(React.__REVERT_WHY_DID_YOU_RENDER__){ | ||
| React.__REVERT_WHY_DID_YOU_RENDER__() | ||
| } | ||
| }) | ||
| test('cancel tracking', () => { | ||
| React.__REVERT_WHY_DID_YOU_RENDER__() | ||
| let effectCalled = false | ||
| const ComponentWithHooks = ({a}) => { | ||
| const [currentState, setCurrentState] = React.useState({b: 'b'}) | ||
| React.useLayoutEffect(() => { | ||
| effectCalled = true | ||
| setCurrentState({b: 'b'}) | ||
| }, []) | ||
| return ( | ||
| <div>hi! {a} {currentState.b}</div> | ||
| ) | ||
| } | ||
| ComponentWithHooks.whyDidYouRender = true | ||
| TestRenderer.create( | ||
| <ComponentWithHooks a={1}/> | ||
| ) | ||
| expect(updateInfos).toHaveLength(0) | ||
| expect(effectCalled).toBeTruthy() | ||
| }) | ||
@@ -235,2 +260,34 @@ | ||
| }) | ||
| test('deep equals direct import', () => { | ||
| const ComponentWithHooks = ({a}) => { | ||
| const [currentState, setCurrentState] = useState({b: 'b'}) | ||
| useLayoutEffect(() => { | ||
| setCurrentState({b: 'b'}) | ||
| }, []) | ||
| return ( | ||
| <div>hi! {a} {currentState.b}</div> | ||
| ) | ||
| } | ||
| ComponentWithHooks.whyDidYouRender = true | ||
| TestRenderer.create( | ||
| <ComponentWithHooks a={1}/> | ||
| ) | ||
| expect(updateInfos).toHaveLength(1) | ||
| expect(updateInfos[0].reason).toEqual({ | ||
| hookDifferences: [{ | ||
| diffType: diffTypes.deepEquals, | ||
| pathString: '0', | ||
| nextValue: {b: 'b'}, | ||
| prevValue: {b: 'b'} | ||
| }], | ||
| propsDifferences: false, | ||
| stateDifferences: false | ||
| }) | ||
| }) | ||
| }) | ||
@@ -237,0 +294,0 @@ |
@@ -6,3 +6,3 @@ /* eslint-disable no-console */ | ||
| export default function normalizeOptions(userOptions = {}, React){ | ||
| export default function normalizeOptions(userOptions = {}){ | ||
| let consoleGroup = console.group | ||
@@ -35,14 +35,5 @@ let consoleGroupEnd = console.groupEnd | ||
| logOnDifferentValues: false, | ||
| trackHooks: { | ||
| useState: { | ||
| fn: React.useState, | ||
| allowShallow: true | ||
| }, | ||
| useReducer: { | ||
| fn: React.useReducer | ||
| }, | ||
| ...userOptions.userHooks | ||
| }, | ||
| trackHooks: true, | ||
| ...userOptions | ||
| } | ||
| } |
| /* eslint-disable no-console */ | ||
| import React from 'react' | ||
| import normalizeOptions from './normalizeOptions' | ||
@@ -7,3 +6,3 @@ | ||
| test('Empty options works', () => { | ||
| const options = normalizeOptions(undefined, React) | ||
| const options = normalizeOptions() | ||
| expect(options.consoleLog).toBe(console.log) | ||
@@ -17,3 +16,3 @@ }) | ||
| } | ||
| const options = normalizeOptions(userOptions, React) | ||
| const options = normalizeOptions(userOptions) | ||
| expect(options.notifier).toBe(ownNotifier) | ||
@@ -20,0 +19,0 @@ expect(options.consoleLog).toBe(console.log) |
@@ -1,2 +0,2 @@ | ||
| import {defaults, capitalize} from 'lodash' | ||
| import {defaults} from 'lodash' | ||
@@ -114,45 +114,38 @@ import normalizeOptions from './normalizeOptions' | ||
| function getPatchedHook(hookName, hookConfig, React, options){ | ||
| const newHook = function(...args){ | ||
| const nextHook = hookConfig.fn(...args) | ||
| function trackHookChanges(hookName, hookConfig, hookResult, React, options){ | ||
| const nextHook = hookResult | ||
| const Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type | ||
| const displayName = getDisplayName(Component) | ||
| const Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type | ||
| const displayName = getDisplayName(Component) | ||
| const isShouldTrack = shouldTrack(Component, displayName, options) | ||
| if(!isShouldTrack){ | ||
| return nextHook | ||
| } | ||
| const isShouldTrack = shouldTrack(Component, displayName, options) | ||
| if(!isShouldTrack){ | ||
| return nextHook | ||
| } | ||
| const ref = React.useRef() | ||
| const prevHook = ref.current | ||
| ref.current = nextHook | ||
| const ref = React.useRef() | ||
| const prevHook = ref.current | ||
| ref.current = nextHook | ||
| if(prevHook){ | ||
| const notification = getUpdateInfo({ | ||
| Component: Component, | ||
| displayName, | ||
| hookName, | ||
| prevHook, | ||
| nextHook, | ||
| options | ||
| }) | ||
| const shouldNotifyHookDifference = ( | ||
| notification.reason.hookDifferences && ( | ||
| notification.reason.hookDifferences.length > 0 || | ||
| !hookConfig.allowShallow | ||
| ) | ||
| if(prevHook){ | ||
| const notification = getUpdateInfo({ | ||
| Component: Component, | ||
| displayName, | ||
| hookName, | ||
| prevHook, | ||
| nextHook, | ||
| options | ||
| }) | ||
| const shouldNotifyHookDifference = ( | ||
| notification.reason.hookDifferences && ( | ||
| notification.reason.hookDifferences.length > 0 || | ||
| !hookConfig.allowShallow | ||
| ) | ||
| if(shouldNotifyHookDifference){ | ||
| options.notifier(notification) | ||
| } | ||
| ) | ||
| if(shouldNotifyHookDifference){ | ||
| options.notifier(notification) | ||
| } | ||
| return ref.current | ||
| } | ||
| const newHookName = `patched${capitalize(hookName[0])}${hookName.substr(1)}` | ||
| Object.defineProperty(newHook, 'name', {value: newHookName}) | ||
| return newHook | ||
| return ref.current | ||
| } | ||
@@ -183,8 +176,12 @@ | ||
| const hooksConfig = { | ||
| useState: {allowShallow: true}, | ||
| useReducer: true | ||
| } | ||
| export default function whyDidYouRender(React, userOptions){ | ||
| const options = normalizeOptions(userOptions, React) | ||
| const options = normalizeOptions(userOptions) | ||
| const origCreateElement = React.createElement | ||
| const origCreateFactory = React.createFactory | ||
| const origHooks = {} | ||
@@ -228,6 +225,27 @@ let componentsMap = new WeakMap() | ||
| if(options.trackHooks){ | ||
| Object.entries(options.trackHooks).forEach(([hookName, hookConfig]) => { | ||
| origHooks[hookName] = React[hookName] | ||
| React[hookName] = getPatchedHook(hookName, hookConfig, React, options) | ||
| }) | ||
| let currentDispatcher | ||
| Object.defineProperty( | ||
| React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher, | ||
| 'current', | ||
| { | ||
| set(_currentDispatcher){ | ||
| currentDispatcher = _currentDispatcher | ||
| }, | ||
| get(){ | ||
| return Object | ||
| .entries(hooksConfig) | ||
| .reduce((result, [hookName, hookConfig]) => { | ||
| result[hookName] = (...args) => { | ||
| const hookResult = currentDispatcher[hookName](...args) | ||
| if(hookConfig){ | ||
| trackHookChanges(hookName, hookConfig === true ? {} : hookConfig, hookResult, React, options) | ||
| } | ||
| return hookResult | ||
| } | ||
| return result | ||
| }, {...currentDispatcher}) | ||
| } | ||
| } | ||
| ) | ||
| } | ||
@@ -238,6 +256,10 @@ | ||
| createElement: origCreateElement, | ||
| createFactory: origCreateFactory, | ||
| ...origHooks | ||
| createFactory: origCreateFactory | ||
| }) | ||
| componentsMap = null | ||
| Object.defineProperty( | ||
| React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher, | ||
| 'current', | ||
| {writable: true} | ||
| ) | ||
| delete React.__REVERT_WHY_DID_YOU_RENDER__ | ||
@@ -244,0 +266,0 @@ } |
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
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
No alert changes
Improved metrics
- Number of lines in readme file
- increased by3.35%
185
Worsened metrics
- Total package byte prevSize
- decreased by-2.38%
1049573
- Lines of code
- decreased by-2.09%
13274
No dependency changes