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.3 to 3.0.0-beta.4
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.3 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.4 | ||
| * MIT Licensed | ||
| * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| * Generated at 2019-04-01 | ||
| * Generated at 2019-04-02 | ||
| */ | ||
@@ -12,2 +12,4 @@ | ||
| var _get$1 = _interopDefault(require('lodash/get')); | ||
| var _omit = _interopDefault(require('lodash/omit')); | ||
| var _defaults = _interopDefault(require('lodash/defaults')); | ||
@@ -529,2 +531,6 @@ var _isString = _interopDefault(require('lodash/isString')); | ||
| function findObjectsDifferences(userPrevObj, userNextObj) { | ||
| var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}, | ||
| _ref$shallow = _ref.shallow, | ||
| shallow = _ref$shallow === void 0 ? true : _ref$shallow; | ||
| if (userPrevObj === userNextObj) { | ||
@@ -534,2 +540,6 @@ return false; | ||
| if (!shallow) { | ||
| return calculateDeepEqualDiffs(userPrevObj, userNextObj); | ||
| } | ||
| var prevObj = userPrevObj || emptyObject; | ||
@@ -553,3 +563,5 @@ var nextObj = userNextObj || emptyObject; | ||
| stateDifferences: findObjectsDifferences(prevState, nextState), | ||
| hookDifferences: findObjectsDifferences(prevHook, nextHook) | ||
| hookDifferences: findObjectsDifferences(prevHook, nextHook, { | ||
| shallow: false | ||
| }) | ||
| }; | ||
@@ -696,3 +708,3 @@ } | ||
| function patchMemoComponent(MemoComponent, displayName, React, options) { | ||
| var WDYRMemoizedFunctionalComponent = React.memo(function (nextProps) { | ||
| function InnerWDYRMemoizedFunctionalComponent(nextProps) { | ||
| var ref = React.useRef(); | ||
@@ -709,6 +721,6 @@ var prevProps = ref.current; | ||
| options: options | ||
| }); // if a functional component re-rendered without a props change | ||
| }); // if a memoized functional component re-rendered without props change / prop values change | ||
| // it was probably caused by a hook and we should not care about it | ||
| if (notification.reason.propsDifferences) { | ||
| if (notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0) { | ||
| options.notifier(notification); | ||
@@ -719,3 +731,12 @@ } | ||
| return MemoComponent.type(nextProps); | ||
| }); | ||
| } | ||
| var WDYRMemoizedFunctionalComponent = React.memo(InnerWDYRMemoizedFunctionalComponent); | ||
| var MemoComponentExtra = _omit(MemoComponent, Object.keys(WDYRMemoizedFunctionalComponent)); | ||
| InnerWDYRMemoizedFunctionalComponent.displayName = displayName; | ||
| _defaults(InnerWDYRMemoizedFunctionalComponent, MemoComponentExtra); | ||
| WDYRMemoizedFunctionalComponent.displayName = displayName; | ||
@@ -728,3 +749,4 @@ | ||
| function trackHookChanges(hookName, hookConfig, hookResult, React, options) { | ||
| function trackHookChanges(hookName, _ref, hookResult, React, options) { | ||
| var hookPath = _ref.path; | ||
| var nextHook = hookResult; | ||
@@ -748,9 +770,8 @@ var Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type; | ||
| hookName: hookName, | ||
| prevHook: prevHook, | ||
| nextHook: nextHook, | ||
| prevHook: hookPath ? _get$1(prevHook, hookPath) : prevHook, | ||
| nextHook: hookPath ? _get$1(nextHook, hookPath) : nextHook, | ||
| options: options | ||
| }); | ||
| var shouldNotifyHookDifference = notification.reason.hookDifferences && (notification.reason.hookDifferences.length > 0 || !hookConfig.allowShallow); | ||
| if (shouldNotifyHookDifference) { | ||
| if (notification.reason.hookDifferences) { | ||
| options.notifier(notification); | ||
@@ -787,5 +808,8 @@ } | ||
| useState: { | ||
| allowShallow: true | ||
| path: '0' | ||
| }, | ||
| useReducer: true | ||
| useReducer: { | ||
| path: '0' | ||
| }, | ||
| useContext: true | ||
| }; | ||
@@ -831,6 +855,6 @@ function whyDidYouRender(React, userOptions) { | ||
| get: function get() { | ||
| return Object.entries(hooksConfig).reduce(function (result, _ref) { | ||
| var _ref2 = _slicedToArray(_ref, 2), | ||
| hookName = _ref2[0], | ||
| hookConfig = _ref2[1]; | ||
| return Object.entries(hooksConfig).reduce(function (result, _ref2) { | ||
| var _ref3 = _slicedToArray(_ref2, 2), | ||
| hookName = _ref3[0], | ||
| hookConfig = _ref3[1]; | ||
@@ -837,0 +861,0 @@ result[hookName] = function () { |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.3 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.4 | ||
| * MIT Licensed | ||
| * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| * Generated at 2019-04-01 | ||
| * Generated at 2019-04-02 | ||
| */ | ||
| "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:".concat(s.diffNameColor,";"),"color:".concat(s.diffPathColor,";"),"color:default;"),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: ".concat(u.titleColor,";"));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,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},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; | ||
| "use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var _get$1=_interopDefault(require("lodash/get")),_omit=_interopDefault(require("lodash/omit")),_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:".concat(s.diffNameColor,";"),"color:".concat(s.diffPathColor,";"),"color:default;"),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: ".concat(u.titleColor,";"));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,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},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){var r=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===r||r))return calculateDeepEqualDiffs(e,t);var n=e||emptyObject,o=t||emptyObject,i=Object.keys(_objectSpread({},n,o));return _reduce(i,function(e,t){var r=calculateDeepEqualDiffs(n[t],o[t],t);return r&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(r))),e},[])}function getUpdateReason(e,t,r,n,o,i){return{propsDifferences:findObjectsDifferences(e,n),stateDifferences:findObjectsDifferences(t,o),hookDifferences:findObjectsDifferences(r,i,{shallow:!1})}}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){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&&f.reason.propsDifferences.length>0&&n.notifier(f)}return e.type(o)}var i=r.memo(o),a=_omit(e,Object.keys(i));return o.displayName=t,_defaults(o,a),i.displayName=t,_defaults(i,e),i}function trackHookChanges(e,t,r,n,o){var i=t.path,a=r,f=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,s=getDisplayName(f);if(!shouldTrack(f,s,o))return a;var c=n.useRef(),p=c.current;if(c.current=a,p){var u=getUpdateInfo({Component:f,displayName:s,hookName:e,prevHook:i?_get$1(p,i):p,nextHook:i?_get$1(a,i):a,options:o});u.reason.hookDifferences&&o.notifier(u)}return c.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:{path:"0"},useReducer:{path:"0"},useContext:!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.3 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.4 | ||
| * MIT Licensed | ||
| * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| * Generated at 2019-04-01 | ||
| * Generated at 2019-04-02 | ||
| */ | ||
| import _get$1 from 'lodash/get'; | ||
| import _omit from 'lodash/omit'; | ||
| import _defaults from 'lodash/defaults'; | ||
@@ -524,2 +526,6 @@ import _isString from 'lodash/isString'; | ||
| function findObjectsDifferences(userPrevObj, userNextObj) { | ||
| var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}, | ||
| _ref$shallow = _ref.shallow, | ||
| shallow = _ref$shallow === void 0 ? true : _ref$shallow; | ||
| if (userPrevObj === userNextObj) { | ||
@@ -529,2 +535,6 @@ return false; | ||
| if (!shallow) { | ||
| return calculateDeepEqualDiffs(userPrevObj, userNextObj); | ||
| } | ||
| var prevObj = userPrevObj || emptyObject; | ||
@@ -548,3 +558,5 @@ var nextObj = userNextObj || emptyObject; | ||
| stateDifferences: findObjectsDifferences(prevState, nextState), | ||
| hookDifferences: findObjectsDifferences(prevHook, nextHook) | ||
| hookDifferences: findObjectsDifferences(prevHook, nextHook, { | ||
| shallow: false | ||
| }) | ||
| }; | ||
@@ -691,3 +703,3 @@ } | ||
| function patchMemoComponent(MemoComponent, displayName, React, options) { | ||
| var WDYRMemoizedFunctionalComponent = React.memo(function (nextProps) { | ||
| function InnerWDYRMemoizedFunctionalComponent(nextProps) { | ||
| var ref = React.useRef(); | ||
@@ -704,6 +716,6 @@ var prevProps = ref.current; | ||
| options: options | ||
| }); // if a functional component re-rendered without a props change | ||
| }); // if a memoized functional component re-rendered without props change / prop values change | ||
| // it was probably caused by a hook and we should not care about it | ||
| if (notification.reason.propsDifferences) { | ||
| if (notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0) { | ||
| options.notifier(notification); | ||
@@ -714,3 +726,12 @@ } | ||
| return MemoComponent.type(nextProps); | ||
| }); | ||
| } | ||
| var WDYRMemoizedFunctionalComponent = React.memo(InnerWDYRMemoizedFunctionalComponent); | ||
| var MemoComponentExtra = _omit(MemoComponent, Object.keys(WDYRMemoizedFunctionalComponent)); | ||
| InnerWDYRMemoizedFunctionalComponent.displayName = displayName; | ||
| _defaults(InnerWDYRMemoizedFunctionalComponent, MemoComponentExtra); | ||
| WDYRMemoizedFunctionalComponent.displayName = displayName; | ||
@@ -723,3 +744,4 @@ | ||
| function trackHookChanges(hookName, hookConfig, hookResult, React, options) { | ||
| function trackHookChanges(hookName, _ref, hookResult, React, options) { | ||
| var hookPath = _ref.path; | ||
| var nextHook = hookResult; | ||
@@ -743,9 +765,8 @@ var Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type; | ||
| hookName: hookName, | ||
| prevHook: prevHook, | ||
| nextHook: nextHook, | ||
| prevHook: hookPath ? _get$1(prevHook, hookPath) : prevHook, | ||
| nextHook: hookPath ? _get$1(nextHook, hookPath) : nextHook, | ||
| options: options | ||
| }); | ||
| var shouldNotifyHookDifference = notification.reason.hookDifferences && (notification.reason.hookDifferences.length > 0 || !hookConfig.allowShallow); | ||
| if (shouldNotifyHookDifference) { | ||
| if (notification.reason.hookDifferences) { | ||
| options.notifier(notification); | ||
@@ -782,5 +803,8 @@ } | ||
| useState: { | ||
| allowShallow: true | ||
| path: '0' | ||
| }, | ||
| useReducer: true | ||
| useReducer: { | ||
| path: '0' | ||
| }, | ||
| useContext: true | ||
| }; | ||
@@ -826,6 +850,6 @@ function whyDidYouRender(React, userOptions) { | ||
| get: function get() { | ||
| return Object.entries(hooksConfig).reduce(function (result, _ref) { | ||
| var _ref2 = _slicedToArray(_ref, 2), | ||
| hookName = _ref2[0], | ||
| hookConfig = _ref2[1]; | ||
| return Object.entries(hooksConfig).reduce(function (result, _ref2) { | ||
| var _ref3 = _slicedToArray(_ref2, 2), | ||
| hookName = _ref3[0], | ||
| hookConfig = _ref3[1]; | ||
@@ -832,0 +856,0 @@ result[hookName] = function () { |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.3 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.4 | ||
| * MIT Licensed | ||
| * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| * Generated at 2019-04-01 | ||
| * Generated at 2019-04-02 | ||
| */ | ||
| 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 l(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){l(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 h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t,r){return(y="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=(l(b={},_.different,"different objects."),l(b,_.deepEquals,"different objects that are equal by value."),l(b,_.date,"different date objects with the same value."),l(b,_.regex,"different regular expressions with the same value."),l(b,_.reactElement,"different React elements with the same displayName."),l(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(l({},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:".concat(c.diffNameColor,";"),"color:".concat(c.diffPathColor,";"),"color:default;"),c.consoleLog("".concat(D[r]," (more info at ").concat(n?O:E,")")),c.consoleLog(l({},"prev ".concat(t),o),"!==",l({},"next ".concat(t),i)),c.consoleGroupEnd()})):i&&(c.consoleLog(l({},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,p=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,p)){p.consoleGroup("%c".concat(r),"color: ".concat(p.titleColor,";"));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:p}),d="And because"),u.stateDifferences&&R({Component:t,displayName:r,prefixMessage:d,diffObjType:"state",differences:u.stateDifferences,values:{prev:a,next:c},options:p}),u.hookDifferences&&R({Component:t,displayName:r,prefixMessage:d,diffObjType:"hook",differences:u.hookDifferences,values:{prev:i,next:s},hookName:n,options:p}),u.propsDifferences||u.stateDifferences||u.hookDifferences||p.consoleLog(l({},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)),p.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),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&&(w=!0,setTimeout(function(){w=!1},e))}),S),onlyLogs:!1,consoleLog:console.log,consoleGroup:r,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},t)}function N(e){return e.displayName||e.name||e.type&&N(e.type)||(t(e)?e:void 0)}var j="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 l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return C(t,r,u,l,_.different);if(s(t)&&s(r)){var p=t.length;if(p!==r.length)return C(t,r,u,l,_.different);for(var d=!0,m=p;0!=m--;)e(t[m],r[m],u,"".concat(l,"[").concat(m,"]"))||(d=!1);return C(t,r,u,l,d?_.deepEquals:_.different)}if(f(t)&&f(r))return t.getTime()===r.getTime()?C(t,r,u,l,_.date):C(t,r,u,l,_.different);if(i(t)&&i(r))return t.toString()===r.toString()?C(t,r,u,l,_.regex):C(t,r,u,l,_.different);if(j&&t instanceof Element&&r instanceof Element)return C(t,r,u,l,_.different);if(T(t)&&T(r))return t.type===r.type?C(t,r,u,l,_.reactElement):C(t,r,u,l,_.different);if(a(t)&&a(r))return t.name===r.name?C(t,r,u,l,_.function):C(t,r,u,l,_.different);if(c(t)&&c(r)){var h=o(t),y=h.length;if(y!==o(r).length)return C(t,r,u,l,_.different);for(var v=y;0!=v--;)if(!n(r,h[v]))return C(t,r,u,l,_.different);for(var g=!0,b=y;0!=b--;){var E=h[b];e(t[E],r[E],u,"".concat(l,".").concat(E))||(g=!1)}return C(t,r,u,l,g?_.deepEquals:_.different)}return C(t,r,u,l,_.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(p({},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?h(a):i).render&&!t.prototype.render){var f=o.render;o.render=function(){return n.prototype.render.apply(h(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,y(d(n.prototype),"render",this)&&y(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,N(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||N(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=N(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},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} | ||
| import e from"lodash/get";import t from"lodash/omit";import r from"lodash/defaults";import n from"lodash/isString";import o from"lodash/reduce";import a from"lodash/has";import i from"lodash/keys";import f from"lodash/isFunction";import c from"lodash/isRegExp";import s from"lodash/isDate";import u from"lodash/isPlainObject";import p 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 d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(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){d(e,t,r[t])})}return e}function h(e){return(h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function y(e,t){return(y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e,t,r){return(g="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=h(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 b(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 _(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,E={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},D="http://bit.ly/wdyr02",w="http://bit.ly/wdyr3",R=(d(O={},E.different,"different objects."),d(O,E.deepEquals,"different objects that are equal by value."),d(O,E.date,"different date objects with the same value."),d(O,E.regex,"different regular expressions with the same value."),d(O,E.reactElement,"different React elements with the same displayName."),d(O,E.function,"different functions with the same name."),O),x=!1;function S(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(d({},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:".concat(c.diffNameColor,";"),"color:".concat(c.diffPathColor,";"),"color:default;"),c.consoleLog("".concat(R[r]," (more info at ").concat(n?w:D,")")),c.consoleLog(d({},"prev ".concat(t),o),"!==",d({},"next ".concat(t),i)),c.consoleGroupEnd()})):i&&(c.consoleLog(d({},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(D)),c.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,c=e.nextState,s=e.nextHook,u=e.reason,p=e.options;if(function(e,t,r){return!(x||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===E.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===E.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===E.different})))}(u,t,p)){p.consoleGroup("%c".concat(r),"color: ".concat(p.titleColor,";"));var l="Re-rendered because";u.propsDifferences&&(S({Component:t,displayName:r,prefixMessage:l,diffObjType:"props",differences:u.propsDifferences,values:{prev:o,next:f},options:p}),l="And because"),u.stateDifferences&&S({Component:t,displayName:r,prefixMessage:l,diffObjType:"state",differences:u.stateDifferences,values:{prev:a,next:c},options:p}),u.hookDifferences&&S({Component:t,displayName:r,prefixMessage:l,diffObjType:"hook",differences:u.hookDifferences,values:{prev:i,next:s},hookName:n,options:p}),u.propsDifferences||u.stateDifferences||u.hookDifferences||p.consoleLog(d({},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(D)),p.consoleGroupEnd()}}var N=function(){};function j(){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=N),m({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&&(x=!0,setTimeout(function(){x=!1},e))}),k),onlyLogs:!1,consoleLog:console.log,consoleGroup:r,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},t)}function P(e){return e.displayName||e.name||e.type&&P(e.type)||(n(e)?e:void 0)}var T="undefined"!=typeof Element,C="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,L=function(e){return e.$$typeof===C};function H(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==E.different}function A(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 H(t,r,n,o,E.different);if(p(t)&&p(r)){var l=t.length;if(l!==r.length)return H(t,r,n,o,E.different);for(var d=!0,m=l;0!=m--;)e(t[m],r[m],n,"".concat(o,"[").concat(m,"]"))||(d=!1);return H(t,r,n,o,d?E.deepEquals:E.different)}if(s(t)&&s(r))return t.getTime()===r.getTime()?H(t,r,n,o,E.date):H(t,r,n,o,E.different);if(c(t)&&c(r))return t.toString()===r.toString()?H(t,r,n,o,E.regex):H(t,r,n,o,E.different);if(T&&t instanceof Element&&r instanceof Element)return H(t,r,n,o,E.different);if(L(t)&&L(r))return t.type===r.type?H(t,r,n,o,E.reactElement):H(t,r,n,o,E.different);if(f(t)&&f(r))return t.name===r.name?H(t,r,n,o,E.function):H(t,r,n,o,E.different);if(u(t)&&u(r)){var h=i(t),y=h.length;if(y!==i(r).length)return H(t,r,n,o,E.different);for(var v=y;0!=v--;)if(!a(r,h[v]))return H(t,r,n,o,E.different);for(var g=!0,b=y;0!=b--;){var _=h[b];e(t[_],r[_],n,"".concat(o,".").concat(_))||(g=!1)}return H(t,r,n,o,g?E.deepEquals:E.different)}return H(t,r,n,o,E.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 I={};function Y(e,t){var r=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===r||r))return A(e,t);var n=e||I,a=t||I,i=Object.keys(m({},n,a));return o(i,function(e,t){var r=A(n[t],a[t],t);return r&&(e=[].concat(_(e),_(r))),e},[])}function U(e,t,r,n,o,a){return{propsDifferences:Y(e,n),stateDifferences:Y(t,o),hookDifferences:Y(r,a,{shallow:!1})}}function V(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:U(o,a,i,f,c,s)}}function F(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 q="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function G(e,t,n,o){var a=function(r){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=h(n).call(this,t,r),(o=!i||"object"!=typeof i&&"function"!=typeof i?v(a):i).render&&!e.prototype.render){var f=o.render;o.render=function(){return n.prototype.render.apply(v(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&&y(e,t)}(n,e),a=n,(i=[{key:"render",value:function(){return this._prevProps&&o.notifier(V({Component:e,displayName:t,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:o})),this._prevProps=this.props,this._prevState=this.state,g(h(n.prototype),"render",this)&&g(h(n.prototype),"render",this).call(this)}}])&&l(a.prototype,i),f&&l(a,f),n}();return a.displayName=t,r(a,e),a}function M(e,n,o,a,i){return n.$$typeof===q?function(e,n,o,a){function i(t){var r=o.useRef(),i=r.current;if(r.current=t,i){var f=V({Component:e,displayName:n,prevProps:i,nextProps:t,options:a});f.reason.propsDifferences&&f.reason.propsDifferences.length>0&&a.notifier(f)}return e.type(t)}var f=o.memo(i),c=t(e,Object.keys(f));return i.displayName=n,r(i,c),f.displayName=n,r(f,e),f}(n,o,a,i):n.prototype&&n.prototype.isReactComponent?G(n,o,0,i):function(e,t,n,o){function a(r){var a=n.useRef(),i=a.current;if(a.current=r,i){var f=V({Component:e,displayName:t,prevProps:i,nextProps:r,options:o});f.reason.propsDifferences&&o.notifier(f)}return e(r)}return a.displayName=t,r(a,e),a}(n,o,a,i)}var W={useState:{path:"0"},useReducer:{path:"0"},useContext:!0};export default function(t,r){var n,o=j(r),a=t.createElement,i=t.createFactory,f=new WeakMap;return t.createElement=function(e){for(var r=("function"==typeof e||e.$$typeof===q)&&F(e,P(e),o),n=arguments.length,i=new Array(n>1?n-1:0),c=1;c<n;c++)i[c-1]=arguments[c];if(!r)return a.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=M(0,t,r,n,o);return e.set(t,a),a}(f,e,s,t,o);return a.apply(t,[u].concat(i))},Object.assign(t.createElement,a),t.createFactory=function(e){var r=t.createElement.bind(null,e);return r.type=e,r},Object.assign(t.createFactory,i),o.trackHooks&&Object.defineProperty(t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){n=e},get:function(){return Object.entries(W).reduce(function(r,a){var i=b(a,2),f=i[0],c=i[1];return r[f]=function(){var r,a=(r=n)[f].apply(r,arguments);return c&&function(t,r,n,o,a){var i=r.path,f=n,c=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,s=P(c);if(!F(c,s,a))return f;var u=o.useRef(),p=u.current;if(u.current=f,p){var l=V({Component:c,displayName:s,hookName:t,prevHook:i?e(p,i):p,nextHook:i?e(f,i):f,options:a});l.reason.hookDifferences&&a.notifier(l)}u.current}(f,!0===c?{}:c,a,t,o),a},r},m({},n))}}),t.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(t,{createElement:a,createFactory:i}),f=null,Object.defineProperty(t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0}),delete t.__REVERT_WHY_DID_YOU_RENDER__},t} | ||
| //# sourceMappingURL=whyDidYouRender.min.js.map |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.3 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.4 | ||
| * MIT Licensed | ||
| * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| * Generated at 2019-04-01 | ||
| * Generated at 2019-04-02 | ||
| */ | ||
@@ -12,2 +12,4 @@ | ||
| var _get = _interopDefault(require('lodash/get')); | ||
| var _omit = _interopDefault(require('lodash/omit')); | ||
| var _defaults = _interopDefault(require('lodash/defaults')); | ||
@@ -430,2 +432,6 @@ var _isString = _interopDefault(require('lodash/isString')); | ||
| function findObjectsDifferences(userPrevObj, userNextObj) { | ||
| var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}, | ||
| _ref$shallow = _ref.shallow, | ||
| shallow = _ref$shallow === void 0 ? true : _ref$shallow; | ||
| if (userPrevObj === userNextObj) { | ||
@@ -435,2 +441,6 @@ return false; | ||
| if (!shallow) { | ||
| return calculateDeepEqualDiffs(userPrevObj, userNextObj); | ||
| } | ||
| var prevObj = userPrevObj || emptyObject; | ||
@@ -454,3 +464,5 @@ var nextObj = userNextObj || emptyObject; | ||
| stateDifferences: findObjectsDifferences(prevState, nextState), | ||
| hookDifferences: findObjectsDifferences(prevHook, nextHook) | ||
| hookDifferences: findObjectsDifferences(prevHook, nextHook, { | ||
| shallow: false | ||
| }) | ||
| }; | ||
@@ -586,3 +598,3 @@ } | ||
| function patchMemoComponent(MemoComponent, displayName, React, options) { | ||
| var WDYRMemoizedFunctionalComponent = React.memo(function (nextProps) { | ||
| function InnerWDYRMemoizedFunctionalComponent(nextProps) { | ||
| var ref = React.useRef(); | ||
@@ -599,6 +611,6 @@ var prevProps = ref.current; | ||
| options: options | ||
| }); // if a functional component re-rendered without a props change | ||
| }); // if a memoized functional component re-rendered without props change / prop values change | ||
| // it was probably caused by a hook and we should not care about it | ||
| if (notification.reason.propsDifferences) { | ||
| if (notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0) { | ||
| options.notifier(notification); | ||
@@ -609,3 +621,12 @@ } | ||
| return MemoComponent.type(nextProps); | ||
| }); | ||
| } | ||
| var WDYRMemoizedFunctionalComponent = React.memo(InnerWDYRMemoizedFunctionalComponent); | ||
| var MemoComponentExtra = _omit(MemoComponent, Object.keys(WDYRMemoizedFunctionalComponent)); | ||
| InnerWDYRMemoizedFunctionalComponent.displayName = displayName; | ||
| _defaults(InnerWDYRMemoizedFunctionalComponent, MemoComponentExtra); | ||
| WDYRMemoizedFunctionalComponent.displayName = displayName; | ||
@@ -618,3 +639,4 @@ | ||
| function trackHookChanges(hookName, hookConfig, hookResult, React, options) { | ||
| function trackHookChanges(hookName, _ref, hookResult, React, options) { | ||
| var hookPath = _ref.path; | ||
| var nextHook = hookResult; | ||
@@ -638,9 +660,8 @@ var Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type; | ||
| hookName: hookName, | ||
| prevHook: prevHook, | ||
| nextHook: nextHook, | ||
| prevHook: hookPath ? _get(prevHook, hookPath) : prevHook, | ||
| nextHook: hookPath ? _get(nextHook, hookPath) : nextHook, | ||
| options: options | ||
| }); | ||
| var shouldNotifyHookDifference = notification.reason.hookDifferences && (notification.reason.hookDifferences.length > 0 || !hookConfig.allowShallow); | ||
| if (shouldNotifyHookDifference) { | ||
| if (notification.reason.hookDifferences) { | ||
| options.notifier(notification); | ||
@@ -677,5 +698,8 @@ } | ||
| useState: { | ||
| allowShallow: true | ||
| path: '0' | ||
| }, | ||
| useReducer: true | ||
| useReducer: { | ||
| path: '0' | ||
| }, | ||
| useContext: true | ||
| }; | ||
@@ -721,6 +745,6 @@ function whyDidYouRender(React, userOptions) { | ||
| get: function get() { | ||
| return Object.entries(hooksConfig).reduce(function (result, _ref) { | ||
| var _ref2 = _slicedToArray(_ref, 2), | ||
| hookName = _ref2[0], | ||
| hookConfig = _ref2[1]; | ||
| return Object.entries(hooksConfig).reduce(function (result, _ref2) { | ||
| var _ref3 = _slicedToArray(_ref2, 2), | ||
| hookName = _ref3[0], | ||
| hookConfig = _ref3[1]; | ||
@@ -727,0 +751,0 @@ result[hookName] = function () { |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.3 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.4 | ||
| * MIT Licensed | ||
| * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| * Generated at 2019-04-01 | ||
| * Generated at 2019-04-02 | ||
| */ | ||
| "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:".concat(s.diffNameColor,";"),"color:".concat(s.diffPathColor,";"),"color:default;"),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: ".concat(u.titleColor,";"));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,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},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; | ||
| "use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var _get=_interopDefault(require("lodash/get")),_omit=_interopDefault(require("lodash/omit")),_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:".concat(s.diffNameColor,";"),"color:".concat(s.diffPathColor,";"),"color:default;"),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: ".concat(u.titleColor,";"));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,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},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){var r=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===r||r))return calculateDeepEqualDiffs(e,t);var n=e||emptyObject,o=t||emptyObject,i=Object.keys(_objectSpread({},n,o));return _reduce(i,function(e,t){var r=calculateDeepEqualDiffs(n[t],o[t],t);return r&&(e=[].concat(_toConsumableArray(e),_toConsumableArray(r))),e},[])}function getUpdateReason(e,t,r,n,o,i){return{propsDifferences:findObjectsDifferences(e,n),stateDifferences:findObjectsDifferences(t,o),hookDifferences:findObjectsDifferences(r,i,{shallow:!1})}}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){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&&f.reason.propsDifferences.length>0&&n.notifier(f)}return e.type(o)}var i=r.memo(o),a=_omit(e,Object.keys(i));return o.displayName=t,_defaults(o,a),i.displayName=t,_defaults(i,e),i}function trackHookChanges(e,t,r,n,o){var i=t.path,a=r,f=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,s=getDisplayName(f);if(!shouldTrack(f,s,o))return a;var c=n.useRef(),p=c.current;if(c.current=a,p){var u=getUpdateInfo({Component:f,displayName:s,hookName:e,prevHook:i?_get(p,i):p,nextHook:i?_get(a,i):a,options:o});u.reason.hookDifferences&&o.notifier(u)}return c.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:{path:"0"},useReducer:{path:"0"},useContext:!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.3 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.4 | ||
| * MIT Licensed | ||
| * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| * Generated at 2019-04-01 | ||
| * Generated at 2019-04-02 | ||
| */ | ||
| import _get from 'lodash/get'; | ||
| import _omit from 'lodash/omit'; | ||
| import _defaults from 'lodash/defaults'; | ||
@@ -425,2 +427,6 @@ import _isString from 'lodash/isString'; | ||
| function findObjectsDifferences(userPrevObj, userNextObj) { | ||
| var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}, | ||
| _ref$shallow = _ref.shallow, | ||
| shallow = _ref$shallow === void 0 ? true : _ref$shallow; | ||
| if (userPrevObj === userNextObj) { | ||
@@ -430,2 +436,6 @@ return false; | ||
| if (!shallow) { | ||
| return calculateDeepEqualDiffs(userPrevObj, userNextObj); | ||
| } | ||
| var prevObj = userPrevObj || emptyObject; | ||
@@ -449,3 +459,5 @@ var nextObj = userNextObj || emptyObject; | ||
| stateDifferences: findObjectsDifferences(prevState, nextState), | ||
| hookDifferences: findObjectsDifferences(prevHook, nextHook) | ||
| hookDifferences: findObjectsDifferences(prevHook, nextHook, { | ||
| shallow: false | ||
| }) | ||
| }; | ||
@@ -581,3 +593,3 @@ } | ||
| function patchMemoComponent(MemoComponent, displayName, React, options) { | ||
| var WDYRMemoizedFunctionalComponent = React.memo(function (nextProps) { | ||
| function InnerWDYRMemoizedFunctionalComponent(nextProps) { | ||
| var ref = React.useRef(); | ||
@@ -594,6 +606,6 @@ var prevProps = ref.current; | ||
| options: options | ||
| }); // if a functional component re-rendered without a props change | ||
| }); // if a memoized functional component re-rendered without props change / prop values change | ||
| // it was probably caused by a hook and we should not care about it | ||
| if (notification.reason.propsDifferences) { | ||
| if (notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0) { | ||
| options.notifier(notification); | ||
@@ -604,3 +616,12 @@ } | ||
| return MemoComponent.type(nextProps); | ||
| }); | ||
| } | ||
| var WDYRMemoizedFunctionalComponent = React.memo(InnerWDYRMemoizedFunctionalComponent); | ||
| var MemoComponentExtra = _omit(MemoComponent, Object.keys(WDYRMemoizedFunctionalComponent)); | ||
| InnerWDYRMemoizedFunctionalComponent.displayName = displayName; | ||
| _defaults(InnerWDYRMemoizedFunctionalComponent, MemoComponentExtra); | ||
| WDYRMemoizedFunctionalComponent.displayName = displayName; | ||
@@ -613,3 +634,4 @@ | ||
| function trackHookChanges(hookName, hookConfig, hookResult, React, options) { | ||
| function trackHookChanges(hookName, _ref, hookResult, React, options) { | ||
| var hookPath = _ref.path; | ||
| var nextHook = hookResult; | ||
@@ -633,9 +655,8 @@ var Component = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type; | ||
| hookName: hookName, | ||
| prevHook: prevHook, | ||
| nextHook: nextHook, | ||
| prevHook: hookPath ? _get(prevHook, hookPath) : prevHook, | ||
| nextHook: hookPath ? _get(nextHook, hookPath) : nextHook, | ||
| options: options | ||
| }); | ||
| var shouldNotifyHookDifference = notification.reason.hookDifferences && (notification.reason.hookDifferences.length > 0 || !hookConfig.allowShallow); | ||
| if (shouldNotifyHookDifference) { | ||
| if (notification.reason.hookDifferences) { | ||
| options.notifier(notification); | ||
@@ -672,5 +693,8 @@ } | ||
| useState: { | ||
| allowShallow: true | ||
| path: '0' | ||
| }, | ||
| useReducer: true | ||
| useReducer: { | ||
| path: '0' | ||
| }, | ||
| useContext: true | ||
| }; | ||
@@ -716,6 +740,6 @@ function whyDidYouRender(React, userOptions) { | ||
| get: function get() { | ||
| return Object.entries(hooksConfig).reduce(function (result, _ref) { | ||
| var _ref2 = _slicedToArray(_ref, 2), | ||
| hookName = _ref2[0], | ||
| hookConfig = _ref2[1]; | ||
| return Object.entries(hooksConfig).reduce(function (result, _ref2) { | ||
| var _ref3 = _slicedToArray(_ref2, 2), | ||
| hookName = _ref3[0], | ||
| hookConfig = _ref3[1]; | ||
@@ -722,0 +746,0 @@ result[hookName] = function () { |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.3 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.4 | ||
| * MIT Licensed | ||
| * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| * Generated at 2019-04-01 | ||
| * Generated at 2019-04-02 | ||
| */ | ||
| 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 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){u(e,t,r[t])})}return e}function p(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:".concat(c.diffNameColor,";"),"color:".concat(c.diffPathColor,";"),"color:default;"),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,l=e.reason,p=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})))}(l,t,p)){p.consoleGroup("%c".concat(r),"color: ".concat(p.titleColor,";"));var d="Re-rendered because";l.propsDifferences&&(_({Component:t,displayName:r,prefixMessage:d,diffObjType:"props",differences:l.propsDifferences,values:{prev:o,next:f},options:p}),d="And because"),l.stateDifferences&&_({Component:t,displayName:r,prefixMessage:d,diffObjType:"state",differences:l.stateDifferences,values:{prev:a,next:c},options:p}),l.hookDifferences&&_({Component:t,displayName:r,prefixMessage:d,diffObjType:"hook",differences:l.hookDifferences,values:{prev:i,next:s},hookName:n,options:p}),l.propsDifferences||l.stateDifferences||l.hookDifferences||p.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)),p.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),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&&(b=!0,setTimeout(function(){b=!1},e))}),E),onlyLogs:!1,consoleLog:console.log,consoleGroup:r,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},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,N=function(e){return e.$$typeof===R};function k(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==h.different}function w(e,t,r){try{var u=[];return function e(t,r,u){var l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return k(t,r,u,l,h.different);if(s(t)&&s(r)){var p=t.length;if(p!==r.length)return k(t,r,u,l,h.different);for(var d=!0,m=p;0!=m--;)e(t[m],r[m],u,"".concat(l,"[").concat(m,"]"))||(d=!1);return k(t,r,u,l,d?h.deepEquals:h.different)}if(f(t)&&f(r))return t.getTime()===r.getTime()?k(t,r,u,l,h.date):k(t,r,u,l,h.different);if(i(t)&&i(r))return t.toString()===r.toString()?k(t,r,u,l,h.regex):k(t,r,u,l,h.different);if(x&&t instanceof Element&&r instanceof Element)return k(t,r,u,l,h.different);if(N(t)&&N(r))return t.type===r.type?k(t,r,u,l,h.reactElement):k(t,r,u,l,h.different);if(a(t)&&a(r))return t.name===r.name?k(t,r,u,l,h.function):k(t,r,u,l,h.different);if(c(t)&&c(r)){var y=o(t),v=y.length;if(v!==o(r).length)return k(t,r,u,l,h.different);for(var g=v;0!=g--;)if(!n(r,y[g]))return k(t,r,u,l,h.different);for(var b=!0,_=v;0!=_--;){var E=y[_];e(t[E],r[E],u,"".concat(l,".").concat(E))||(b=!1)}return k(t,r,u,l,b?h.deepEquals:h.different)}return k(t,r,u,l,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(l({},n,o));return r(a,function(e,t){var r=w(n[t],o[t],t);return r&&(e=[].concat(d(e),d(r))),e},[])}function C(e,t,r,n,o,a){return{propsDifferences:j(e,n),stateDifferences:j(t,o),hookDifferences:j(r,a)}}function P(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:C(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=P({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(P({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=P({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=p(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=P({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} | ||
| import e from"lodash/get";import t from"lodash/omit";import r from"lodash/defaults";import n from"lodash/isString";import o from"lodash/reduce";import a from"lodash/has";import i from"lodash/keys";import f from"lodash/isFunction";import c from"lodash/isRegExp";import s from"lodash/isDate";import u from"lodash/isPlainObject";import p from"lodash/isArray";function l(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){l(e,t,r[t])})}return e}function m(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 h(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 y,v={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},g="http://bit.ly/wdyr02",b="http://bit.ly/wdyr3",_=(l(y={},v.different,"different objects."),l(y,v.deepEquals,"different objects that are equal by value."),l(y,v.date,"different date objects with the same value."),l(y,v.regex,"different regular expressions with the same value."),l(y,v.reactElement,"different React elements with the same displayName."),l(y,v.function,"different functions with the same name."),y),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,c=e.options;i&&i.length>0?(c.consoleLog(l({},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:".concat(c.diffNameColor,";"),"color:".concat(c.diffPathColor,";"),"color:default;"),c.consoleLog("".concat(_[r]," (more info at ").concat(n?b:g,")")),c.consoleLog(l({},"prev ".concat(t),o),"!==",l({},"next ".concat(t),i)),c.consoleGroupEnd()})):i&&(c.consoleLog(l({},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(g)),c.consoleLog("prev ".concat(a,":"),f.prev," !== ",f.next,":next ".concat(a)))}function O(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,p=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===v.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===v.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===v.different})))}(u,t,p)){p.consoleGroup("%c".concat(r),"color: ".concat(p.titleColor,";"));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:p}),d="And because"),u.stateDifferences&&D({Component:t,displayName:r,prefixMessage:d,diffObjType:"state",differences:u.stateDifferences,values:{prev:a,next:c},options:p}),u.hookDifferences&&D({Component:t,displayName:r,prefixMessage:d,diffObjType:"hook",differences:u.hookDifferences,values:{prev:i,next:s},hookName:n,options:p}),u.propsDifferences||u.stateDifferences||u.hookDifferences||p.consoleLog(l({},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(g)),p.consoleGroupEnd()}}var x=function(){};function R(){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),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&&(E=!0,setTimeout(function(){E=!1},e))}),O),onlyLogs:!1,consoleLog:console.log,consoleGroup:r,consoleGroupEnd:n,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},t)}function S(e){return e.displayName||e.name||e.type&&S(e.type)||(n(e)?e:void 0)}var N="undefined"!=typeof Element,k="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,w=function(e){return e.$$typeof===k};function T(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==v.different}function j(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 T(t,r,n,o,v.different);if(p(t)&&p(r)){var l=t.length;if(l!==r.length)return T(t,r,n,o,v.different);for(var d=!0,m=l;0!=m--;)e(t[m],r[m],n,"".concat(o,"[").concat(m,"]"))||(d=!1);return T(t,r,n,o,d?v.deepEquals:v.different)}if(s(t)&&s(r))return t.getTime()===r.getTime()?T(t,r,n,o,v.date):T(t,r,n,o,v.different);if(c(t)&&c(r))return t.toString()===r.toString()?T(t,r,n,o,v.regex):T(t,r,n,o,v.different);if(N&&t instanceof Element&&r instanceof Element)return T(t,r,n,o,v.different);if(w(t)&&w(r))return t.type===r.type?T(t,r,n,o,v.reactElement):T(t,r,n,o,v.different);if(f(t)&&f(r))return t.name===r.name?T(t,r,n,o,v.function):T(t,r,n,o,v.different);if(u(t)&&u(r)){var h=i(t),y=h.length;if(y!==i(r).length)return T(t,r,n,o,v.different);for(var g=y;0!=g--;)if(!a(r,h[g]))return T(t,r,n,o,v.different);for(var b=!0,_=y;0!=_--;){var E=h[_];e(t[E],r[E],n,"".concat(o,".").concat(E))||(b=!1)}return T(t,r,n,o,b?v.deepEquals:v.different)}return T(t,r,n,o,v.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 C={};function P(e,t){var r=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===r||r))return j(e,t);var n=e||C,a=t||C,i=Object.keys(d({},n,a));return o(i,function(e,t){var r=j(n[t],a[t],t);return r&&(e=[].concat(h(e),h(r))),e},[])}function L(e,t,r,n,o,a){return{propsDifferences:P(e,n),stateDifferences:P(t,o),hookDifferences:P(r,a,{shallow:!1})}}function H(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:L(o,a,i,f,c,s)}}function A(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 Y(e,n,o,a,i){return n.$$typeof===I?function(e,n,o,a){function i(t){var r=o.useRef(),i=r.current;if(r.current=t,i){var f=H({Component:e,displayName:n,prevProps:i,nextProps:t,options:a});f.reason.propsDifferences&&f.reason.propsDifferences.length>0&&a.notifier(f)}return e.type(t)}var f=o.memo(i),c=t(e,Object.keys(f));return i.displayName=n,r(i,c),f.displayName=n,r(f,e),f}(n,o,a,i):n.prototype&&n.prototype.isReactComponent?function(e,t,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(H({Component:e,displayName:t,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=t,r(a,e),a}(n,o,0,i):function(e,t,n,o){function a(r){var a=n.useRef(),i=a.current;if(a.current=r,i){var f=H({Component:e,displayName:t,prevProps:i,nextProps:r,options:o});f.reason.propsDifferences&&o.notifier(f)}return e(r)}return a.displayName=t,r(a,e),a}(n,o,a,i)}var U={useState:{path:"0"},useReducer:{path:"0"},useContext:!0};export default function(t,r){var n,o=R(r),a=t.createElement,i=t.createFactory,f=new WeakMap;return t.createElement=function(e){for(var r=("function"==typeof e||e.$$typeof===I)&&A(e,S(e),o),n=arguments.length,i=new Array(n>1?n-1:0),c=1;c<n;c++)i[c-1]=arguments[c];if(!r)return a.apply(t,[e].concat(i));var s=e&&e.whyDidYouRender&&e.whyDidYouRender.customName||S(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,s,t,o);return a.apply(t,[u].concat(i))},Object.assign(t.createElement,a),t.createFactory=function(e){var r=t.createElement.bind(null,e);return r.type=e,r},Object.assign(t.createFactory,i),o.trackHooks&&Object.defineProperty(t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{set:function(e){n=e},get:function(){return Object.entries(U).reduce(function(r,a){var i=m(a,2),f=i[0],c=i[1];return r[f]=function(){var r,a=(r=n)[f].apply(r,arguments);return c&&function(t,r,n,o,a){var i=r.path,f=n,c=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,s=S(c);if(!A(c,s,a))return f;var u=o.useRef(),p=u.current;if(u.current=f,p){var l=H({Component:c,displayName:s,hookName:t,prevHook:i?e(p,i):p,nextHook:i?e(f,i):f,options:a});l.reason.hookDifferences&&a.notifier(l)}u.current}(f,!0===c?{}:c,a,t,o),a},r},d({},n))}}),t.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(t,{createElement:a,createFactory:i}),f=null,Object.defineProperty(t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{writable:!0}),delete t.__REVERT_WHY_DID_YOU_RENDER__},t} | ||
| //# sourceMappingURL=whyDidYouRender.min.js.map |
| /** | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.3 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.4 | ||
| * MIT Licensed | ||
| * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| * Generated at 2019-04-01 | ||
| * Generated at 2019-04-02 | ||
| */ | ||
| !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]",P="[object GeneratorFunction]",R="[object Proxy]";var A,N=function(e){if(!D(e))return!1;var t=S(e);return t==k||t==P||t==x||t==R},T=v["__core-js_shared__"],C=(A=/[^.]+$/.exec(T&&T.keys&&T.keys.IE_PROTO||""))?"Symbol(src)_1."+A:"";var z=function(e){return!!C&&C 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)||z(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 Pe=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t},Re=Object.prototype.hasOwnProperty;var Ae=function(e){if(!D(e))return Pe(e);var t=ke(e),r=[];for(var n in e)("constructor"!=n||!t&&Re.call(e,n))&&r.push(n);return r};var Ne,Te=function(e){return ne(e)?De(e,!0):Ae(e)},Ce=Object.prototype,ze=Ce.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,Ce[f])&&!ze.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:".concat(f.diffNameColor,";"),"color:".concat(f.diffPathColor,";"),"color:default;"),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: ".concat(p.titleColor,";"));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,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},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 Pt=function(){this.size=0,this.__data__={hash:new kt,map:new(yt||lt),string:new kt}};var Rt=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 Rt(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 Ct=function(e){return At(this,e).has(e)};var zt=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=Pt,Lt.prototype.delete=Nt,Lt.prototype.get=Tt,Lt.prototype.has=Ct,Lt.prototype.set=zt;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"),Pr=W(v,"Promise"),Rr=W(v,"Set"),Ar=W(v,"WeakMap"),Nr=I(kr),Tr=I(yt),Cr=I(Pr),zr=I(Rr),Lr=I(Ar),Ir=S;(kr&&"[object DataView]"!=Ir(new kr(new ArrayBuffer(1)))||yt&&"[object Map]"!=Ir(new yt)||Pr&&"[object Promise]"!=Ir(Pr.resolve())||Rr&&"[object Set]"!=Ir(new Rr)||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 Cr:return"[object Promise]";case zr: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 Pn=function(e){return function(t){return null==t?void 0:t[e]}};var Rn=function(e){return function(t){return jn(t,e)}};var An=function(e){return nn(e)?Pn(mn(e)):Rn(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 Cn=function(e,t,r){var n=ye(e)?Je:Tn,o=arguments.length<3;return n(e,Nn(t,4),r,o,rt)},zn=Object.prototype.hasOwnProperty;var Ln=function(e,t){return null!=e&&zn.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 Cn(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}}); | ||
| !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,c=e[Symbol.iterator]();!(n=(i=c.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==c.return||c.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=Array.isArray,a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function i(e,t){return e(t={exports:{}},t.exports),t.exports}var c="object"==typeof a&&a&&a.Object===Object&&a,u="object"==typeof self&&self&&self.Object===Object&&self,f=c||u||Function("return this")(),s=f.Symbol,l=Object.prototype,p=l.hasOwnProperty,v=l.toString,y=s?s.toStringTag:void 0;var d=function(e){var t=p.call(e,y),r=e[y];try{e[y]=void 0;var n=!0}catch(e){}var o=v.call(e);return n&&(t?e[y]=r:delete e[y]),o},h=Object.prototype.toString;var b=function(e){return h.call(e)},g="[object Null]",j="[object Undefined]",_=s?s.toStringTag:void 0;var m=function(e){return null==e?void 0===e?j:g:_&&_ in Object(e)?d(e):b(e)};var O=function(e){return null!=e&&"object"==typeof e},w="[object Symbol]";var S=function(e){return"symbol"==typeof e||O(e)&&m(e)==w},E=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,x=/^\w*$/;var A=function(e,t){if(o(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!S(e))||x.test(e)||!E.test(e)||null!=t&&e in Object(t)};var D=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},k="[object AsyncFunction]",P="[object Function]",R="[object GeneratorFunction]",N="[object Proxy]";var T,C=function(e){if(!D(e))return!1;var t=m(e);return t==P||t==R||t==k||t==N},I=f["__core-js_shared__"],z=(T=/[^.]+$/.exec(I&&I.keys&&I.keys.IE_PROTO||""))?"Symbol(src)_1."+T:"";var L=function(e){return!!z&&z in e},U=Function.prototype.toString;var F=function(e){if(null!=e){try{return U.call(e)}catch(e){}try{return e+""}catch(e){}}return""},M=/^\[object .+?Constructor\]$/,B=Function.prototype,$=Object.prototype,V=B.toString,H=$.hasOwnProperty,Y=RegExp("^"+V.call(H).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var W=function(e){return!(!D(e)||L(e))&&(C(e)?Y:M).test(F(e))};var q=function(e,t){return null==e?void 0:e[t]};var G=function(e,t){var r=q(e,t);return W(r)?r:void 0},J=G(Object,"create");var K=function(){this.__data__=J?J(null):{},this.size=0};var Q=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},X="__lodash_hash_undefined__",Z=Object.prototype.hasOwnProperty;var ee=function(e){var t=this.__data__;if(J){var r=t[e];return r===X?void 0:r}return Z.call(t,e)?t[e]:void 0},te=Object.prototype.hasOwnProperty;var re=function(e){var t=this.__data__;return J?void 0!==t[e]:te.call(t,e)},ne="__lodash_hash_undefined__";var oe=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=J&&void 0===t?ne:t,this};function ae(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])}}ae.prototype.clear=K,ae.prototype.delete=Q,ae.prototype.get=ee,ae.prototype.has=re,ae.prototype.set=oe;var ie=ae;var ce=function(){this.__data__=[],this.size=0};var ue=function(e,t){return e===t||e!=e&&t!=t};var fe=function(e,t){for(var r=e.length;r--;)if(ue(e[r][0],t))return r;return-1},se=Array.prototype.splice;var le=function(e){var t=this.__data__,r=fe(t,e);return!(r<0||(r==t.length-1?t.pop():se.call(t,r,1),--this.size,0))};var pe=function(e){var t=this.__data__,r=fe(t,e);return r<0?void 0:t[r][1]};var ve=function(e){return fe(this.__data__,e)>-1};var ye=function(e,t){var r=this.__data__,n=fe(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function de(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])}}de.prototype.clear=ce,de.prototype.delete=le,de.prototype.get=pe,de.prototype.has=ve,de.prototype.set=ye;var he=de,be=G(f,"Map");var ge=function(){this.size=0,this.__data__={hash:new ie,map:new(be||he),string:new ie}};var je=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var _e=function(e,t){var r=e.__data__;return je(t)?r["string"==typeof t?"string":"hash"]:r.map};var me=function(e){var t=_e(this,e).delete(e);return this.size-=t?1:0,t};var Oe=function(e){return _e(this,e).get(e)};var we=function(e){return _e(this,e).has(e)};var Se=function(e,t){var r=_e(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function Ee(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])}}Ee.prototype.clear=ge,Ee.prototype.delete=me,Ee.prototype.get=Oe,Ee.prototype.has=we,Ee.prototype.set=Se;var xe=Ee,Ae="Expected a function";function De(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError(Ae);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(De.Cache||xe),r}De.Cache=xe;var ke=De,Pe=500;var Re=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ne=/\\(\\)?/g,Te=function(e){var t=ke(e,function(e){return r.size===Pe&&r.clear(),e}),r=t.cache;return t}(function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(Re,function(e,r,n,o){t.push(n?o.replace(Ne,"$1"):r||e)}),t});var Ce=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},Ie=1/0,ze=s?s.prototype:void 0,Le=ze?ze.toString:void 0;var Ue=function e(t){if("string"==typeof t)return t;if(o(t))return Ce(t,e)+"";if(S(t))return Le?Le.call(t):"";var r=t+"";return"0"==r&&1/t==-Ie?"-0":r};var Fe=function(e){return null==e?"":Ue(e)};var Me=function(e,t){return o(e)?e:A(e,t)?[e]:Te(Fe(e))},Be=1/0;var $e=function(e){if("string"==typeof e||S(e))return e;var t=e+"";return"0"==t&&1/e==-Be?"-0":t};var Ve=function(e,t){for(var r=0,n=(t=Me(t,e)).length;null!=e&&r<n;)e=e[$e(t[r++])];return r&&r==n?e:void 0};var He=function(e,t,r){var n=null==e?void 0:Ve(e,t);return void 0===n?r:n};var Ye=function(){this.__data__=new he,this.size=0};var We=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var qe=function(e){return this.__data__.get(e)};var Ge=function(e){return this.__data__.has(e)},Je=200;var Ke=function(e,t){var r=this.__data__;if(r instanceof he){var n=r.__data__;if(!be||n.length<Je-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new xe(n)}return r.set(e,t),this.size=r.size,this};function Qe(e){var t=this.__data__=new he(e);this.size=t.size}Qe.prototype.clear=Ye,Qe.prototype.delete=We,Qe.prototype.get=qe,Qe.prototype.has=Ge,Qe.prototype.set=Ke;var Xe=Qe;var Ze=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n&&!1!==t(e[r],r,e););return e},et=function(){try{var e=G(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();var tt=function(e,t,r){"__proto__"==t&&et?et(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r},rt=Object.prototype.hasOwnProperty;var nt=function(e,t,r){var n=e[t];rt.call(e,t)&&ue(n,r)&&(void 0!==r||t in e)||tt(e,t,r)};var ot=function(e,t,r,n){var o=!r;r||(r={});for(var a=-1,i=t.length;++a<i;){var c=t[a],u=n?n(r[c],e[c],c,r,e):void 0;void 0===u&&(u=e[c]),o?tt(r,c,u):nt(r,c,u)}return r};var at=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n},it="[object Arguments]";var ct=function(e){return O(e)&&m(e)==it},ut=Object.prototype,ft=ut.hasOwnProperty,st=ut.propertyIsEnumerable,lt=ct(function(){return arguments}())?ct:function(e){return O(e)&&ft.call(e,"callee")&&!st.call(e,"callee")};var pt=function(){return!1},vt=i(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r?f.Buffer:void 0,a=(o?o.isBuffer:void 0)||pt;e.exports=a}),yt=9007199254740991,dt=/^(?:0|[1-9]\d*)$/;var ht=function(e,t){var r=typeof e;return!!(t=null==t?yt:t)&&("number"==r||"symbol"!=r&&dt.test(e))&&e>-1&&e%1==0&&e<t},bt=9007199254740991;var gt=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=bt},jt={};jt["[object Float32Array]"]=jt["[object Float64Array]"]=jt["[object Int8Array]"]=jt["[object Int16Array]"]=jt["[object Int32Array]"]=jt["[object Uint8Array]"]=jt["[object Uint8ClampedArray]"]=jt["[object Uint16Array]"]=jt["[object Uint32Array]"]=!0,jt["[object Arguments]"]=jt["[object Array]"]=jt["[object ArrayBuffer]"]=jt["[object Boolean]"]=jt["[object DataView]"]=jt["[object Date]"]=jt["[object Error]"]=jt["[object Function]"]=jt["[object Map]"]=jt["[object Number]"]=jt["[object Object]"]=jt["[object RegExp]"]=jt["[object Set]"]=jt["[object String]"]=jt["[object WeakMap]"]=!1;var _t=function(e){return O(e)&>(e.length)&&!!jt[m(e)]};var mt=function(e){return function(t){return e(t)}},Ot=i(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r&&c.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}),wt=Ot&&Ot.isTypedArray,St=wt?mt(wt):_t,Et=Object.prototype.hasOwnProperty;var xt=function(e,t){var r=o(e),n=!r&<(e),a=!r&&!n&&vt(e),i=!r&&!n&&!a&&St(e),c=r||n||a||i,u=c?at(e.length,String):[],f=u.length;for(var s in e)!t&&!Et.call(e,s)||c&&("length"==s||a&&("offset"==s||"parent"==s)||i&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||ht(s,f))||u.push(s);return u},At=Object.prototype;var Dt=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||At)};var kt=function(e,t){return function(r){return e(t(r))}},Pt=kt(Object.keys,Object),Rt=Object.prototype.hasOwnProperty;var Nt=function(e){if(!Dt(e))return Pt(e);var t=[];for(var r in Object(e))Rt.call(e,r)&&"constructor"!=r&&t.push(r);return t};var Tt=function(e){return null!=e&>(e.length)&&!C(e)};var Ct=function(e){return Tt(e)?xt(e):Nt(e)};var It=function(e,t){return e&&ot(t,Ct(t),e)};var zt=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t},Lt=Object.prototype.hasOwnProperty;var Ut=function(e){if(!D(e))return zt(e);var t=Dt(e),r=[];for(var n in e)("constructor"!=n||!t&&Lt.call(e,n))&&r.push(n);return r};var Ft=function(e){return Tt(e)?xt(e,!0):Ut(e)};var Mt=function(e,t){return e&&ot(t,Ft(t),e)},Bt=i(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r?f.Buffer:void 0,a=o?o.allocUnsafe:void 0;e.exports=function(e,t){if(t)return e.slice();var r=e.length,n=a?a(r):new e.constructor(r);return e.copy(n),n}});var $t=function(e,t){var r=-1,n=e.length;for(t||(t=Array(n));++r<n;)t[r]=e[r];return t};var Vt=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 Ht=function(){return[]},Yt=Object.prototype.propertyIsEnumerable,Wt=Object.getOwnPropertySymbols,qt=Wt?function(e){return null==e?[]:(e=Object(e),Vt(Wt(e),function(t){return Yt.call(e,t)}))}:Ht;var Gt=function(e,t){return ot(e,qt(e),t)};var Jt=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e},Kt=kt(Object.getPrototypeOf,Object),Qt=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)Jt(t,qt(e)),e=Kt(e);return t}:Ht;var Xt=function(e,t){return ot(e,Qt(e),t)};var Zt=function(e,t,r){var n=t(e);return o(e)?n:Jt(n,r(e))};var er=function(e){return Zt(e,Ct,qt)};var tr=function(e){return Zt(e,Ft,Qt)},rr=G(f,"DataView"),nr=G(f,"Promise"),or=G(f,"Set"),ar=G(f,"WeakMap"),ir=F(rr),cr=F(be),ur=F(nr),fr=F(or),sr=F(ar),lr=m;(rr&&"[object DataView]"!=lr(new rr(new ArrayBuffer(1)))||be&&"[object Map]"!=lr(new be)||nr&&"[object Promise]"!=lr(nr.resolve())||or&&"[object Set]"!=lr(new or)||ar&&"[object WeakMap]"!=lr(new ar))&&(lr=function(e){var t=m(e),r="[object Object]"==t?e.constructor:void 0,n=r?F(r):"";if(n)switch(n){case ir:return"[object DataView]";case cr:return"[object Map]";case ur:return"[object Promise]";case fr:return"[object Set]";case sr:return"[object WeakMap]"}return t});var pr=lr,vr=Object.prototype.hasOwnProperty;var yr=function(e){var t=e.length,r=new e.constructor(t);return t&&"string"==typeof e[0]&&vr.call(e,"index")&&(r.index=e.index,r.input=e.input),r},dr=f.Uint8Array;var hr=function(e){var t=new e.constructor(e.byteLength);return new dr(t).set(new dr(e)),t};var br=function(e,t){var r=t?hr(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.byteLength)},gr=/\w*$/;var jr=function(e){var t=new e.constructor(e.source,gr.exec(e));return t.lastIndex=e.lastIndex,t},_r=s?s.prototype:void 0,mr=_r?_r.valueOf:void 0;var Or=function(e){return mr?Object(mr.call(e)):{}};var wr=function(e,t){var r=t?hr(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.length)},Sr="[object Boolean]",Er="[object Date]",xr="[object Map]",Ar="[object Number]",Dr="[object RegExp]",kr="[object Set]",Pr="[object String]",Rr="[object Symbol]",Nr="[object ArrayBuffer]",Tr="[object DataView]",Cr="[object Float32Array]",Ir="[object Float64Array]",zr="[object Int8Array]",Lr="[object Int16Array]",Ur="[object Int32Array]",Fr="[object Uint8Array]",Mr="[object Uint8ClampedArray]",Br="[object Uint16Array]",$r="[object Uint32Array]";var Vr=function(e,t,r){var n=e.constructor;switch(t){case Nr:return hr(e);case Sr:case Er:return new n(+e);case Tr:return br(e,r);case Cr:case Ir:case zr:case Lr:case Ur:case Fr:case Mr:case Br:case $r:return wr(e,r);case xr:return new n;case Ar:case Pr:return new n(e);case Dr:return jr(e);case kr:return new n;case Rr:return Or(e)}},Hr=Object.create,Yr=function(){function e(){}return function(t){if(!D(t))return{};if(Hr)return Hr(t);e.prototype=t;var r=new e;return e.prototype=void 0,r}}();var Wr=function(e){return"function"!=typeof e.constructor||Dt(e)?{}:Yr(Kt(e))},qr="[object Map]";var Gr=function(e){return O(e)&&pr(e)==qr},Jr=Ot&&Ot.isMap,Kr=Jr?mt(Jr):Gr,Qr="[object Set]";var Xr=function(e){return O(e)&&pr(e)==Qr},Zr=Ot&&Ot.isSet,en=Zr?mt(Zr):Xr,tn=1,rn=2,nn=4,on="[object Arguments]",an="[object Function]",cn="[object GeneratorFunction]",un="[object Object]",fn={};fn[on]=fn["[object Array]"]=fn["[object ArrayBuffer]"]=fn["[object DataView]"]=fn["[object Boolean]"]=fn["[object Date]"]=fn["[object Float32Array]"]=fn["[object Float64Array]"]=fn["[object Int8Array]"]=fn["[object Int16Array]"]=fn["[object Int32Array]"]=fn["[object Map]"]=fn["[object Number]"]=fn[un]=fn["[object RegExp]"]=fn["[object Set]"]=fn["[object String]"]=fn["[object Symbol]"]=fn["[object Uint8Array]"]=fn["[object Uint8ClampedArray]"]=fn["[object Uint16Array]"]=fn["[object Uint32Array]"]=!0,fn["[object Error]"]=fn[an]=fn["[object WeakMap]"]=!1;var sn=function e(t,r,n,a,i,c){var u,f=r&tn,s=r&rn,l=r&nn;if(n&&(u=i?n(t,a,i,c):n(t)),void 0!==u)return u;if(!D(t))return t;var p=o(t);if(p){if(u=yr(t),!f)return $t(t,u)}else{var v=pr(t),y=v==an||v==cn;if(vt(t))return Bt(t,f);if(v==un||v==on||y&&!i){if(u=s||y?{}:Wr(t),!f)return s?Xt(t,Mt(u,t)):Gt(t,It(u,t))}else{if(!fn[v])return i?t:{};u=Vr(t,v,f)}}c||(c=new Xe);var d=c.get(t);if(d)return d;if(c.set(t,u),en(t))return t.forEach(function(o){u.add(e(o,r,n,o,t,c))}),u;if(Kr(t))return t.forEach(function(o,a){u.set(a,e(o,r,n,a,t,c))}),u;var h=l?s?tr:er:s?keysIn:Ct,b=p?void 0:h(t);return Ze(b||t,function(o,a){b&&(o=t[a=o]),nt(u,a,e(o,r,n,a,t,c))}),u};var ln=function(e){var t=null==e?0:e.length;return t?e[t-1]:void 0};var pn=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 vn=function(e,t){return t.length<2?e:Ve(e,pn(t,0,-1))};var yn=function(e,t){return t=Me(t,e),null==(e=vn(e,t))||delete e[$e(ln(t))]},dn="[object Object]",hn=Function.prototype,bn=Object.prototype,gn=hn.toString,jn=bn.hasOwnProperty,_n=gn.call(Object);var mn=function(e){if(!O(e)||m(e)!=dn)return!1;var t=Kt(e);if(null===t)return!0;var r=jn.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&gn.call(r)==_n};var On=function(e){return mn(e)?void 0:e},wn=s?s.isConcatSpreadable:void 0;var Sn=function(e){return o(e)||lt(e)||!!(wn&&e&&e[wn])};var En=function e(t,r,n,o,a){var i=-1,c=t.length;for(n||(n=Sn),a||(a=[]);++i<c;){var u=t[i];r>0&&n(u)?r>1?e(u,r-1,n,o,a):Jt(a,u):o||(a[a.length]=u)}return a};var xn=function(e){return null!=e&&e.length?En(e,1):[]};var An=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)},Dn=Math.max;var kn=function(e,t,r){return t=Dn(void 0===t?e.length-1:t,0),function(){for(var n=arguments,o=-1,a=Dn(n.length-t,0),i=Array(a);++o<a;)i[o]=n[t+o];o=-1;for(var c=Array(t+1);++o<t;)c[o]=n[o];return c[t]=r(i),An(e,this,c)}};var Pn=function(e){return function(){return e}};var Rn=function(e){return e},Nn=et?function(e,t){return et(e,"toString",{configurable:!0,enumerable:!1,value:Pn(t),writable:!0})}:Rn,Tn=800,Cn=16,In=Date.now;var zn=function(e){var t=0,r=0;return function(){var n=In(),o=Cn-(n-r);if(r=n,o>0){if(++t>=Tn)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}(Nn);var Ln=function(e){return zn(kn(e,void 0,xn),e+"")}(function(e,t){var r={};if(null==e)return r;var n=!1;t=Ce(t,function(t){return t=Me(t,e),n||(n=t.length>1),t}),ot(e,tr(e),r),n&&(r=sn(r,7,On));for(var o=t.length;o--;)yn(r,t[o]);return r});var Un=function(e,t){return zn(kn(e,t,Rn),e+"")};var Fn,Mn=function(e,t,r){if(!D(r))return!1;var n=typeof t;return!!("number"==n?Tt(r)&&ht(t,r.length):"string"==n&&t in r)&&ue(r[t],e)},Bn=Object.prototype,$n=Bn.hasOwnProperty,Vn=Un(function(e,t){e=Object(e);var r=-1,n=t.length,o=n>2?t[2]:void 0;for(o&&Mn(t[0],t[1],o)&&(n=1);++r<n;)for(var a=t[r],i=Ft(a),c=-1,u=i.length;++c<u;){var f=i[c],s=e[f];(void 0===s||ue(s,Bn[f])&&!$n.call(e,f))&&(e[f]=a[f])}return e}),Hn={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},Yn="http://bit.ly/wdyr02",Wn="http://bit.ly/wdyr3",qn=(e(Fn={},Hn.different,"different objects."),e(Fn,Hn.deepEquals,"different objects that are equal by value."),e(Fn,Hn.date,"different date objects with the same value."),e(Fn,Hn.regex,"different regular expressions with the same value."),e(Fn,Hn.reactElement,"different React elements with the same displayName."),e(Fn,Hn.function,"different functions with the same name."),Fn),Gn=!1;function Jn(t){var r=t.Component,n=t.displayName,o=t.hookName,a=t.prefixMessage,i=t.diffObjType,c=t.differences,u=t.values,f=t.options;c&&c.length>0?(f.consoleLog(e({},n,r),"".concat(a," of ").concat(i," changes:")),c.forEach(function(t){var r=t.pathString,n=t.diffType,a=t.prevValue,c=t.nextValue;f.consoleGroup("%c".concat("hook"===i?"hook ".concat(o," "):"".concat(i,"."),"%c").concat(r,"%c"),"color:".concat(f.diffNameColor,";"),"color:".concat(f.diffPathColor,";"),"color:default;"),f.consoleLog("".concat(qn[n]," (more info at ").concat(o?Wn:Yn,")")),f.consoleLog(e({},"prev ".concat(r),a),"!==",e({},"next ".concat(r),c)),f.consoleGroupEnd()})):c&&(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(Yn)),f.consoleLog("prev ".concat(i,":"),u.prev," !== ",u.next,":next ".concat(i)))}function Kn(t){var r=t.Component,n=t.displayName,o=t.hookName,a=t.prevProps,i=t.prevState,c=t.prevHook,u=t.nextProps,f=t.nextState,s=t.nextHook,l=t.reason,p=t.options;if(function(e,t,r){return!(Gn||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===Hn.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===Hn.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===Hn.different})))}(l,r,p)){p.consoleGroup("%c".concat(n),"color: ".concat(p.titleColor,";"));var v="Re-rendered because";l.propsDifferences&&(Jn({Component:r,displayName:n,prefixMessage:v,diffObjType:"props",differences:l.propsDifferences,values:{prev:a,next:u},options:p}),v="And because"),l.stateDifferences&&Jn({Component:r,displayName:n,prefixMessage:v,diffObjType:"state",differences:l.stateDifferences,values:{prev:i,next:f},options:p}),l.hookDifferences&&Jn({Component:r,displayName:n,prefixMessage:v,diffObjType:"hook",differences:l.hookDifferences,values:{prev:c,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(Yn)),p.consoleGroupEnd()}}var Qn=function(){};function Xn(){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=Qn),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&&(Gn=!0,setTimeout(function(){Gn=!1},e))}),Kn),onlyLogs:!1,consoleLog:console.log,consoleGroup:n,consoleGroupEnd:o,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},r)}var Zn="[object String]";var eo=function(e){return"string"==typeof e||!o(e)&&O(e)&&m(e)==Zn};function to(e){return e.displayName||e.name||e.type&&to(e.type)||(eo(e)?e:void 0)}var ro=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 no=function(e){return function(t,r,n){for(var o=-1,a=Object(t),i=n(t),c=i.length;c--;){var u=i[e?c:++o];if(!1===r(a[u],u,a))break}return t}}();var oo=function(e,t){return function(r,n){if(null==r)return r;if(!Tt(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&&no(e,t,Ct)}),ao="__lodash_hash_undefined__";var io=function(e){return this.__data__.set(e,ao),this};var co=function(e){return this.__data__.has(e)};function uo(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new xe;++t<r;)this.add(e[t])}uo.prototype.add=uo.prototype.push=io,uo.prototype.has=co;var fo=uo;var so=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 lo=function(e,t){return e.has(t)},po=1,vo=2;var yo=function(e,t,r,n,o,a){var i=r&po,c=e.length,u=t.length;if(c!=u&&!(i&&u>c))return!1;var f=a.get(e);if(f&&a.get(t))return f==t;var s=-1,l=!0,p=r&vo?new fo:void 0;for(a.set(e,t),a.set(t,e);++s<c;){var v=e[s],y=t[s];if(n)var d=i?n(y,v,s,t,e,a):n(v,y,s,e,t,a);if(void 0!==d){if(d)continue;l=!1;break}if(p){if(!so(t,function(e,t){if(!lo(p,t)&&(v===e||o(v,e,r,n,a)))return p.push(t)})){l=!1;break}}else if(v!==y&&!o(v,y,r,n,a)){l=!1;break}}return a.delete(e),a.delete(t),l};var ho=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e,n){r[++t]=[n,e]}),r};var bo=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e){r[++t]=e}),r},go=1,jo=2,_o="[object Boolean]",mo="[object Date]",Oo="[object Error]",wo="[object Map]",So="[object Number]",Eo="[object RegExp]",xo="[object Set]",Ao="[object String]",Do="[object Symbol]",ko="[object ArrayBuffer]",Po="[object DataView]",Ro=s?s.prototype:void 0,No=Ro?Ro.valueOf:void 0;var To=function(e,t,r,n,o,a,i){switch(r){case Po:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case ko:return!(e.byteLength!=t.byteLength||!a(new dr(e),new dr(t)));case _o:case mo:case So:return ue(+e,+t);case Oo:return e.name==t.name&&e.message==t.message;case Eo:case Ao:return e==t+"";case wo:var c=ho;case xo:var u=n&go;if(c||(c=bo),e.size!=t.size&&!u)return!1;var f=i.get(e);if(f)return f==t;n|=jo,i.set(e,t);var s=yo(c(e),c(t),n,o,a,i);return i.delete(e),s;case Do:if(No)return No.call(e)==No.call(t)}return!1},Co=1,Io=Object.prototype.hasOwnProperty;var zo=function(e,t,r,n,o,a){var i=r&Co,c=er(e),u=c.length;if(u!=er(t).length&&!i)return!1;for(var f=u;f--;){var s=c[f];if(!(i?s in t:Io.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<u;){var y=e[s=c[f]],d=t[s];if(n)var h=i?n(d,y,s,t,e,a):n(y,d,s,e,t,a);if(!(void 0===h?y===d||o(y,d,r,n,a):h)){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},Lo=1,Uo="[object Arguments]",Fo="[object Array]",Mo="[object Object]",Bo=Object.prototype.hasOwnProperty;var $o=function(e,t,r,n,a,i){var c=o(e),u=o(t),f=c?Fo:pr(e),s=u?Fo:pr(t),l=(f=f==Uo?Mo:f)==Mo,p=(s=s==Uo?Mo:s)==Mo,v=f==s;if(v&&vt(e)){if(!vt(t))return!1;c=!0,l=!1}if(v&&!l)return i||(i=new Xe),c||St(e)?yo(e,t,r,n,a,i):To(e,t,f,r,n,a,i);if(!(r&Lo)){var y=l&&Bo.call(e,"__wrapped__"),d=p&&Bo.call(t,"__wrapped__");if(y||d){var h=y?e.value():e,b=d?t.value():t;return i||(i=new Xe),a(h,b,r,n,i)}}return!!v&&(i||(i=new Xe),zo(e,t,r,n,a,i))};var Vo=function e(t,r,n,o,a){return t===r||(null==t||null==r||!O(t)&&!O(r)?t!=t&&r!=r:$o(t,r,n,o,e,a))},Ho=1,Yo=2;var Wo=function(e,t,r,n){var o=r.length,a=o,i=!n;if(null==e)return!a;for(e=Object(e);o--;){var c=r[o];if(i&&c[2]?c[1]!==e[c[0]]:!(c[0]in e))return!1}for(;++o<a;){var u=(c=r[o])[0],f=e[u],s=c[1];if(i&&c[2]){if(void 0===f&&!(u in e))return!1}else{var l=new Xe;if(n)var p=n(f,s,u,e,t,l);if(!(void 0===p?Vo(s,f,Ho|Yo,n,l):p))return!1}}return!0};var qo=function(e){return e==e&&!D(e)};var Go=function(e){for(var t=Ct(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,qo(o)]}return t};var Jo=function(e,t){return function(r){return null!=r&&r[e]===t&&(void 0!==t||e in Object(r))}};var Ko=function(e){var t=Go(e);return 1==t.length&&t[0][2]?Jo(t[0][0],t[0][1]):function(r){return r===e||Wo(r,e,t)}};var Qo=function(e,t){return null!=e&&t in Object(e)};var Xo=function(e,t,r){for(var n=-1,a=(t=Me(t,e)).length,i=!1;++n<a;){var c=$e(t[n]);if(!(i=null!=e&&r(e,c)))break;e=e[c]}return i||++n!=a?i:!!(a=null==e?0:e.length)&>(a)&&ht(c,a)&&(o(e)||lt(e))};var Zo=function(e,t){return null!=e&&Xo(e,t,Qo)},ea=1,ta=2;var ra=function(e,t){return A(e)&&qo(t)?Jo($e(e),t):function(r){var n=He(r,e);return void 0===n&&n===t?Zo(r,e):Vo(t,n,ea|ta)}};var na=function(e){return function(t){return null==t?void 0:t[e]}};var oa=function(e){return function(t){return Ve(t,e)}};var aa=function(e){return A(e)?na($e(e)):oa(e)};var ia=function(e){return"function"==typeof e?e:null==e?Rn:"object"==typeof e?o(e)?ra(e[0],e[1]):Ko(e):aa(e)};var ca=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 ua=function(e,t,r){var n=o(e)?ro:ca,a=arguments.length<3;return n(e,ia(t,4),r,a,oo)},fa=Object.prototype.hasOwnProperty;var sa=function(e,t){return null!=e&&fa.call(e,t)};var la=function(e,t){return null!=e&&Xo(e,t,sa)},pa="[object RegExp]";var va=function(e){return O(e)&&m(e)==pa},ya=Ot&&Ot.isRegExp,da=ya?mt(ya):va,ha="[object Date]";var ba=function(e){return O(e)&&m(e)==ha},ga=Ot&&Ot.isDate,ja=ga?mt(ga):ba,_a="undefined"!=typeof Element,ma="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,Oa=function(e){return e.$$typeof===ma};function wa(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==Hn.different}function Sa(e,t,r){try{var n=[];return function e(t,r,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(t===r)return!0;if(!t||!r)return wa(t,r,n,a,Hn.different);if(o(t)&&o(r)){var i=t.length;if(i!==r.length)return wa(t,r,n,a,Hn.different);for(var c=!0,u=i;0!=u--;)e(t[u],r[u],n,"".concat(a,"[").concat(u,"]"))||(c=!1);return wa(t,r,n,a,c?Hn.deepEquals:Hn.different)}if(ja(t)&&ja(r))return t.getTime()===r.getTime()?wa(t,r,n,a,Hn.date):wa(t,r,n,a,Hn.different);if(da(t)&&da(r))return t.toString()===r.toString()?wa(t,r,n,a,Hn.regex):wa(t,r,n,a,Hn.different);if(_a&&t instanceof Element&&r instanceof Element)return wa(t,r,n,a,Hn.different);if(Oa(t)&&Oa(r))return t.type===r.type?wa(t,r,n,a,Hn.reactElement):wa(t,r,n,a,Hn.different);if(C(t)&&C(r))return t.name===r.name?wa(t,r,n,a,Hn.function):wa(t,r,n,a,Hn.different);if(mn(t)&&mn(r)){var f=Ct(t),s=f.length;if(s!==Ct(r).length)return wa(t,r,n,a,Hn.different);for(var l=s;0!=l--;)if(!la(r,f[l]))return wa(t,r,n,a,Hn.different);for(var p=!0,v=s;0!=v--;){var y=f[v];e(t[y],r[y],n,"".concat(a,".").concat(y))||(p=!1)}return wa(t,r,n,a,p?Hn.deepEquals:Hn.different)}return wa(t,r,n,a,Hn.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 Ea={};function xa(e,r){var o=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===r)return!1;if(!(void 0===o||o))return Sa(e,r);var a=e||Ea,i=r||Ea,c=Object.keys(t({},a,i));return ua(c,function(e,t){var r=Sa(a[t],i[t],t);return r&&(e=[].concat(n(e),n(r))),e},[])}function Aa(e,t,r,n,o,a){return{propsDifferences:xa(e,n),stateDifferences:xa(t,o),hookDifferences:xa(r,a,{shallow:!1})}}function Da(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,i=e.prevHook,c=e.nextProps,u=e.nextState,f=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:i,nextProps:c,nextState:u,nextHook:f,options:e.options,reason:Aa(o,a,i,c,u,f)}}function ka(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 Pa="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function Ra(e,t,r,n,o){return t.$$typeof===Pa?function(e,t,r,n){function o(o){var a=r.useRef(),i=a.current;if(a.current=o,i){var c=Da({Component:e,displayName:t,prevProps:i,nextProps:o,options:n});c.reason.propsDifferences&&c.reason.propsDifferences.length>0&&n.notifier(c)}return e.type(o)}var a=r.memo(o),i=Ln(e,Object.keys(a));return o.displayName=t,Vn(o,i),a.displayName=t,Vn(a,e),a}(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(Da({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,Vn(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 c=Da({Component:e,displayName:t,prevProps:i,nextProps:o,options:n});c.reason.propsDifferences&&n.notifier(c)}return e(o)}return o.displayName=t,Vn(o,e),o}(t,r,n,o)}var Na={useState:{path:"0"},useReducer:{path:"0"},useContext:!0};return function(e,n){var o,a=Xn(n),i=e.createElement,c=e.createFactory,u=new WeakMap;return e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===Pa)&&ka(t,to(t),a),n=arguments.length,o=new Array(n>1?n-1:0),c=1;c<n;c++)o[c-1]=arguments[c];if(!r)return i.apply(e,[t].concat(o));var f=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||to(t),s=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=Ra(0,t,r,n,o);return e.set(t,a),a}(u,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,c),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(Na).reduce(function(t,n){var i=r(n,2),c=i[0],u=i[1];return t[c]=function(){var t,r=(t=o)[c].apply(t,arguments);return u&&function(e,t,r,n,o){var a=t.path,i=r,c=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,u=to(c);if(!ka(c,u,o))return i;var f=n.useRef(),s=f.current;if(f.current=i,s){var l=Da({Component:c,displayName:u,hookName:e,prevHook:a?He(s,a):s,nextHook:a?He(i,a):i,options:o});l.reason.hookDifferences&&o.notifier(l)}f.current}(c,!0===u?{}:u,r,e,a),r},t},t({},o))}}),e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:i,createFactory:c}),u=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.3 | ||
| * @welldone-software/why-did-you-render 3.0.0-beta.4 | ||
| * MIT Licensed | ||
| * Generated by Vitali Zaidman <vzaidman@gmail.com> (https://github.com/vzaidman) | ||
| * Generated at 2019-04-01 | ||
| * Generated at 2019-04-02 | ||
| */ | ||
| !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)},N="[object AsyncFunction]",T="[object Function]",C="[object GeneratorFunction]",z="[object Proxy]";var L,I=function(e){if(!A(e))return!1;var t=R(e);return t==T||t==C||t==N||t==z},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},Ne=Object.prototype;var Te=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Ne)};var Ce=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t},ze=Object.prototype.hasOwnProperty;var Le=function(e){if(!A(e))return Ce(e);var t=Te(e),r=[];for(var n in e)("constructor"!=n||!t&&ze.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:".concat(f.diffNameColor,";"),"color:".concat(f.diffPathColor,";"),"color:default;"),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: ".concat(p.titleColor,";"));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,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},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(!Te(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 Nt(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])}}Nt.prototype.clear=wt,Nt.prototype.delete=Et,Nt.prototype.get=xt,Nt.prototype.has=kt,Nt.prototype.set=At;var Tt=Nt;var Ct=function(){this.size=0,this.__data__={hash:new Tt,map:new(jt||dt),string:new Tt}};var zt=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 zt(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=Ct,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 Nr=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},Tr=Q(_,"DataView"),Cr=Q(_,"Promise"),zr=Q(_,"Set"),Lr=Q(_,"WeakMap"),Ir=H(Tr),Fr=H(jt),Mr=H(Cr),$r=H(zr),Ur=H(Lr),Hr=R;(Tr&&"[object DataView]"!=Hr(new Tr(new ArrayBuffer(1)))||jt&&"[object Map]"!=Hr(new jt)||Cr&&"[object Promise]"!=Hr(Cr.resolve())||zr&&"[object Set]"!=Hr(new zr)||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),Nr(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,Nn=2;var Tn=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|Nn)}};var Cn=function(e){return function(t){return null==t?void 0:t[e]}};var zn=function(e){return function(t){return Dn(t,e)}};var Ln=function(e){return fn(e)?Cn(Sn(e)):zn(e)};var In=function(e){return"function"==typeof e?e:null==e?f:"object"==typeof e?je(e)?Tn(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}}); | ||
| !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 c(e,t,r){return(c="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 c,i=e[Symbol.iterator]();!(n=(c=i.next()).done)&&(r.push(c.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 u(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=Array.isArray,s="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function l(e,t){return e(t={exports:{}},t.exports),t.exports}var p="object"==typeof s&&s&&s.Object===Object&&s,v="object"==typeof self&&self&&self.Object===Object&&self,y=p||v||Function("return this")(),h=y.Symbol,d=Object.prototype,b=d.hasOwnProperty,g=d.toString,j=h?h.toStringTag:void 0;var _=function(e){var t=b.call(e,j),r=e[j];try{e[j]=void 0;var n=!0}catch(e){}var o=g.call(e);return n&&(t?e[j]=r:delete e[j]),o},m=Object.prototype.toString;var O=function(e){return m.call(e)},w="[object Null]",E="[object Undefined]",S=h?h.toStringTag:void 0;var x=function(e){return null==e?void 0===e?E:w:S&&S in Object(e)?_(e):O(e)};var A=function(e){return null!=e&&"object"==typeof e},D="[object Symbol]";var P=function(e){return"symbol"==typeof e||A(e)&&x(e)==D},k=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,R=/^\w*$/;var N=function(e,t){if(f(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!P(e))||R.test(e)||!k.test(e)||null!=t&&e in Object(t)};var T=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},C="[object AsyncFunction]",I="[object Function]",z="[object GeneratorFunction]",L="[object Proxy]";var U,F=function(e){if(!T(e))return!1;var t=x(e);return t==I||t==z||t==C||t==L},M=y["__core-js_shared__"],B=(U=/[^.]+$/.exec(M&&M.keys&&M.keys.IE_PROTO||""))?"Symbol(src)_1."+U:"";var $=function(e){return!!B&&B in e},V=Function.prototype.toString;var H=function(e){if(null!=e){try{return V.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Y=/^\[object .+?Constructor\]$/,W=Function.prototype,q=Object.prototype,G=W.toString,J=q.hasOwnProperty,K=RegExp("^"+G.call(J).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Q=function(e){return!(!T(e)||$(e))&&(F(e)?K:Y).test(H(e))};var X=function(e,t){return null==e?void 0:e[t]};var Z=function(e,t){var r=X(e,t);return Q(r)?r:void 0},ee=Z(Object,"create");var te=function(){this.__data__=ee?ee(null):{},this.size=0};var re=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ne="__lodash_hash_undefined__",oe=Object.prototype.hasOwnProperty;var ae=function(e){var t=this.__data__;if(ee){var r=t[e];return r===ne?void 0:r}return oe.call(t,e)?t[e]:void 0},ce=Object.prototype.hasOwnProperty;var ie=function(e){var t=this.__data__;return ee?void 0!==t[e]:ce.call(t,e)},ue="__lodash_hash_undefined__";var fe=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=ee&&void 0===t?ue:t,this};function se(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])}}se.prototype.clear=te,se.prototype.delete=re,se.prototype.get=ae,se.prototype.has=ie,se.prototype.set=fe;var le=se;var pe=function(){this.__data__=[],this.size=0};var ve=function(e,t){return e===t||e!=e&&t!=t};var ye=function(e,t){for(var r=e.length;r--;)if(ve(e[r][0],t))return r;return-1},he=Array.prototype.splice;var de=function(e){var t=this.__data__,r=ye(t,e);return!(r<0||(r==t.length-1?t.pop():he.call(t,r,1),--this.size,0))};var be=function(e){var t=this.__data__,r=ye(t,e);return r<0?void 0:t[r][1]};var ge=function(e){return ye(this.__data__,e)>-1};var je=function(e,t){var r=this.__data__,n=ye(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function _e(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])}}_e.prototype.clear=pe,_e.prototype.delete=de,_e.prototype.get=be,_e.prototype.has=ge,_e.prototype.set=je;var me=_e,Oe=Z(y,"Map");var we=function(){this.size=0,this.__data__={hash:new le,map:new(Oe||me),string:new le}};var Ee=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Se=function(e,t){var r=e.__data__;return Ee(t)?r["string"==typeof t?"string":"hash"]:r.map};var xe=function(e){var t=Se(this,e).delete(e);return this.size-=t?1:0,t};var Ae=function(e){return Se(this,e).get(e)};var De=function(e){return Se(this,e).has(e)};var Pe=function(e,t){var r=Se(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function ke(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])}}ke.prototype.clear=we,ke.prototype.delete=xe,ke.prototype.get=Ae,ke.prototype.has=De,ke.prototype.set=Pe;var Re=ke,Ne="Expected a function";function Te(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError(Ne);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 c=e.apply(this,n);return r.cache=a.set(o,c)||a,c};return r.cache=new(Te.Cache||Re),r}Te.Cache=Re;var Ce=Te,Ie=500;var ze=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Le=/\\(\\)?/g,Ue=function(e){var t=Ce(e,function(e){return r.size===Ie&&r.clear(),e}),r=t.cache;return t}(function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(ze,function(e,r,n,o){t.push(n?o.replace(Le,"$1"):r||e)}),t});var Fe=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},Me=1/0,Be=h?h.prototype:void 0,$e=Be?Be.toString:void 0;var Ve=function e(t){if("string"==typeof t)return t;if(f(t))return Fe(t,e)+"";if(P(t))return $e?$e.call(t):"";var r=t+"";return"0"==r&&1/t==-Me?"-0":r};var He=function(e){return null==e?"":Ve(e)};var Ye=function(e,t){return f(e)?e:N(e,t)?[e]:Ue(He(e))},We=1/0;var qe=function(e){if("string"==typeof e||P(e))return e;var t=e+"";return"0"==t&&1/e==-We?"-0":t};var Ge=function(e,t){for(var r=0,n=(t=Ye(t,e)).length;null!=e&&r<n;)e=e[qe(t[r++])];return r&&r==n?e:void 0};var Je=function(e,t,r){var n=null==e?void 0:Ge(e,t);return void 0===n?r:n};var Ke=function(){this.__data__=new me,this.size=0};var Qe=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r};var Xe=function(e){return this.__data__.get(e)};var Ze=function(e){return this.__data__.has(e)},et=200;var tt=function(e,t){var r=this.__data__;if(r instanceof me){var n=r.__data__;if(!Oe||n.length<et-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new Re(n)}return r.set(e,t),this.size=r.size,this};function rt(e){var t=this.__data__=new me(e);this.size=t.size}rt.prototype.clear=Ke,rt.prototype.delete=Qe,rt.prototype.get=Xe,rt.prototype.has=Ze,rt.prototype.set=tt;var nt=rt;var ot=function(e,t){for(var r=-1,n=null==e?0:e.length;++r<n&&!1!==t(e[r],r,e););return e},at=function(){try{var e=Z(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();var ct=function(e,t,r){"__proto__"==t&&at?at(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r},it=Object.prototype.hasOwnProperty;var ut=function(e,t,r){var n=e[t];it.call(e,t)&&ve(n,r)&&(void 0!==r||t in e)||ct(e,t,r)};var ft=function(e,t,r,n){var o=!r;r||(r={});for(var a=-1,c=t.length;++a<c;){var i=t[a],u=n?n(r[i],e[i],i,r,e):void 0;void 0===u&&(u=e[i]),o?ct(r,i,u):ut(r,i,u)}return r};var st=function(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n},lt="[object Arguments]";var pt=function(e){return A(e)&&x(e)==lt},vt=Object.prototype,yt=vt.hasOwnProperty,ht=vt.propertyIsEnumerable,dt=pt(function(){return arguments}())?pt:function(e){return A(e)&&yt.call(e,"callee")&&!ht.call(e,"callee")};var bt=function(){return!1},gt=l(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r?y.Buffer:void 0,a=(o?o.isBuffer:void 0)||bt;e.exports=a}),jt=9007199254740991,_t=/^(?:0|[1-9]\d*)$/;var mt=function(e,t){var r=typeof e;return!!(t=null==t?jt:t)&&("number"==r||"symbol"!=r&&_t.test(e))&&e>-1&&e%1==0&&e<t},Ot=9007199254740991;var wt=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Ot},Et={};Et["[object Float32Array]"]=Et["[object Float64Array]"]=Et["[object Int8Array]"]=Et["[object Int16Array]"]=Et["[object Int32Array]"]=Et["[object Uint8Array]"]=Et["[object Uint8ClampedArray]"]=Et["[object Uint16Array]"]=Et["[object Uint32Array]"]=!0,Et["[object Arguments]"]=Et["[object Array]"]=Et["[object ArrayBuffer]"]=Et["[object Boolean]"]=Et["[object DataView]"]=Et["[object Date]"]=Et["[object Error]"]=Et["[object Function]"]=Et["[object Map]"]=Et["[object Number]"]=Et["[object Object]"]=Et["[object RegExp]"]=Et["[object Set]"]=Et["[object String]"]=Et["[object WeakMap]"]=!1;var St=function(e){return A(e)&&wt(e.length)&&!!Et[x(e)]};var xt=function(e){return function(t){return e(t)}},At=l(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r&&p.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}),Dt=At&&At.isTypedArray,Pt=Dt?xt(Dt):St,kt=Object.prototype.hasOwnProperty;var Rt=function(e,t){var r=f(e),n=!r&&dt(e),o=!r&&!n&>(e),a=!r&&!n&&!o&&Pt(e),c=r||n||o||a,i=c?st(e.length,String):[],u=i.length;for(var s in e)!t&&!kt.call(e,s)||c&&("length"==s||o&&("offset"==s||"parent"==s)||a&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||mt(s,u))||i.push(s);return i},Nt=Object.prototype;var Tt=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Nt)};var Ct=function(e,t){return function(r){return e(t(r))}},It=Ct(Object.keys,Object),zt=Object.prototype.hasOwnProperty;var Lt=function(e){if(!Tt(e))return It(e);var t=[];for(var r in Object(e))zt.call(e,r)&&"constructor"!=r&&t.push(r);return t};var Ut=function(e){return null!=e&&wt(e.length)&&!F(e)};var Ft=function(e){return Ut(e)?Rt(e):Lt(e)};var Mt=function(e,t){return e&&ft(t,Ft(t),e)};var Bt=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t},$t=Object.prototype.hasOwnProperty;var Vt=function(e){if(!T(e))return Bt(e);var t=Tt(e),r=[];for(var n in e)("constructor"!=n||!t&&$t.call(e,n))&&r.push(n);return r};var Ht=function(e){return Ut(e)?Rt(e,!0):Vt(e)};var Yt=function(e,t){return e&&ft(t,Ht(t),e)},Wt=l(function(e,t){var r=t&&!t.nodeType&&t,n=r&&e&&!e.nodeType&&e,o=n&&n.exports===r?y.Buffer:void 0,a=o?o.allocUnsafe:void 0;e.exports=function(e,t){if(t)return e.slice();var r=e.length,n=a?a(r):new e.constructor(r);return e.copy(n),n}});var qt=function(e,t){var r=-1,n=e.length;for(t||(t=Array(n));++r<n;)t[r]=e[r];return t};var Gt=function(e,t){for(var r=-1,n=null==e?0:e.length,o=0,a=[];++r<n;){var c=e[r];t(c,r,e)&&(a[o++]=c)}return a};var Jt=function(){return[]},Kt=Object.prototype.propertyIsEnumerable,Qt=Object.getOwnPropertySymbols,Xt=Qt?function(e){return null==e?[]:(e=Object(e),Gt(Qt(e),function(t){return Kt.call(e,t)}))}:Jt;var Zt=function(e,t){return ft(e,Xt(e),t)};var er=function(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e},tr=Ct(Object.getPrototypeOf,Object),rr=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)er(t,Xt(e)),e=tr(e);return t}:Jt;var nr=function(e,t){return ft(e,rr(e),t)};var or=function(e,t,r){var n=t(e);return f(e)?n:er(n,r(e))};var ar=function(e){return or(e,Ft,Xt)};var cr=function(e){return or(e,Ht,rr)},ir=Z(y,"DataView"),ur=Z(y,"Promise"),fr=Z(y,"Set"),sr=Z(y,"WeakMap"),lr=H(ir),pr=H(Oe),vr=H(ur),yr=H(fr),hr=H(sr),dr=x;(ir&&"[object DataView]"!=dr(new ir(new ArrayBuffer(1)))||Oe&&"[object Map]"!=dr(new Oe)||ur&&"[object Promise]"!=dr(ur.resolve())||fr&&"[object Set]"!=dr(new fr)||sr&&"[object WeakMap]"!=dr(new sr))&&(dr=function(e){var t=x(e),r="[object Object]"==t?e.constructor:void 0,n=r?H(r):"";if(n)switch(n){case lr:return"[object DataView]";case pr:return"[object Map]";case vr:return"[object Promise]";case yr:return"[object Set]";case hr:return"[object WeakMap]"}return t});var br=dr,gr=Object.prototype.hasOwnProperty;var jr=function(e){var t=e.length,r=new e.constructor(t);return t&&"string"==typeof e[0]&&gr.call(e,"index")&&(r.index=e.index,r.input=e.input),r},_r=y.Uint8Array;var mr=function(e){var t=new e.constructor(e.byteLength);return new _r(t).set(new _r(e)),t};var Or=function(e,t){var r=t?mr(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.byteLength)},wr=/\w*$/;var Er=function(e){var t=new e.constructor(e.source,wr.exec(e));return t.lastIndex=e.lastIndex,t},Sr=h?h.prototype:void 0,xr=Sr?Sr.valueOf:void 0;var Ar=function(e){return xr?Object(xr.call(e)):{}};var Dr=function(e,t){var r=t?mr(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.length)},Pr="[object Boolean]",kr="[object Date]",Rr="[object Map]",Nr="[object Number]",Tr="[object RegExp]",Cr="[object Set]",Ir="[object String]",zr="[object Symbol]",Lr="[object ArrayBuffer]",Ur="[object DataView]",Fr="[object Float32Array]",Mr="[object Float64Array]",Br="[object Int8Array]",$r="[object Int16Array]",Vr="[object Int32Array]",Hr="[object Uint8Array]",Yr="[object Uint8ClampedArray]",Wr="[object Uint16Array]",qr="[object Uint32Array]";var Gr=function(e,t,r){var n=e.constructor;switch(t){case Lr:return mr(e);case Pr:case kr:return new n(+e);case Ur:return Or(e,r);case Fr:case Mr:case Br:case $r:case Vr:case Hr:case Yr:case Wr:case qr:return Dr(e,r);case Rr:return new n;case Nr:case Ir:return new n(e);case Tr:return Er(e);case Cr:return new n;case zr:return Ar(e)}},Jr=Object.create,Kr=function(){function e(){}return function(t){if(!T(t))return{};if(Jr)return Jr(t);e.prototype=t;var r=new e;return e.prototype=void 0,r}}();var Qr=function(e){return"function"!=typeof e.constructor||Tt(e)?{}:Kr(tr(e))},Xr="[object Map]";var Zr=function(e){return A(e)&&br(e)==Xr},en=At&&At.isMap,tn=en?xt(en):Zr,rn="[object Set]";var nn=function(e){return A(e)&&br(e)==rn},on=At&&At.isSet,an=on?xt(on):nn,cn=1,un=2,fn=4,sn="[object Arguments]",ln="[object Function]",pn="[object GeneratorFunction]",vn="[object Object]",yn={};yn[sn]=yn["[object Array]"]=yn["[object ArrayBuffer]"]=yn["[object DataView]"]=yn["[object Boolean]"]=yn["[object Date]"]=yn["[object Float32Array]"]=yn["[object Float64Array]"]=yn["[object Int8Array]"]=yn["[object Int16Array]"]=yn["[object Int32Array]"]=yn["[object Map]"]=yn["[object Number]"]=yn[vn]=yn["[object RegExp]"]=yn["[object Set]"]=yn["[object String]"]=yn["[object Symbol]"]=yn["[object Uint8Array]"]=yn["[object Uint8ClampedArray]"]=yn["[object Uint16Array]"]=yn["[object Uint32Array]"]=!0,yn["[object Error]"]=yn[ln]=yn["[object WeakMap]"]=!1;var hn=function e(t,r,n,o,a,c){var i,u=r&cn,s=r&un,l=r&fn;if(n&&(i=a?n(t,o,a,c):n(t)),void 0!==i)return i;if(!T(t))return t;var p=f(t);if(p){if(i=jr(t),!u)return qt(t,i)}else{var v=br(t),y=v==ln||v==pn;if(gt(t))return Wt(t,u);if(v==vn||v==sn||y&&!a){if(i=s||y?{}:Qr(t),!u)return s?nr(t,Yt(i,t)):Zt(t,Mt(i,t))}else{if(!yn[v])return a?t:{};i=Gr(t,v,u)}}c||(c=new nt);var h=c.get(t);if(h)return h;if(c.set(t,i),an(t))return t.forEach(function(o){i.add(e(o,r,n,o,t,c))}),i;if(tn(t))return t.forEach(function(o,a){i.set(a,e(o,r,n,a,t,c))}),i;var d=l?s?cr:ar:s?keysIn:Ft,b=p?void 0:d(t);return ot(b||t,function(o,a){b&&(o=t[a=o]),ut(i,a,e(o,r,n,a,t,c))}),i};var dn=function(e){var t=null==e?0:e.length;return t?e[t-1]:void 0};var bn=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 gn=function(e,t){return t.length<2?e:Ge(e,bn(t,0,-1))};var jn=function(e,t){return t=Ye(t,e),null==(e=gn(e,t))||delete e[qe(dn(t))]},_n="[object Object]",mn=Function.prototype,On=Object.prototype,wn=mn.toString,En=On.hasOwnProperty,Sn=wn.call(Object);var xn=function(e){if(!A(e)||x(e)!=_n)return!1;var t=tr(e);if(null===t)return!0;var r=En.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&wn.call(r)==Sn};var An=function(e){return xn(e)?void 0:e},Dn=h?h.isConcatSpreadable:void 0;var Pn=function(e){return f(e)||dt(e)||!!(Dn&&e&&e[Dn])};var kn=function e(t,r,n,o,a){var c=-1,i=t.length;for(n||(n=Pn),a||(a=[]);++c<i;){var u=t[c];r>0&&n(u)?r>1?e(u,r-1,n,o,a):er(a,u):o||(a[a.length]=u)}return a};var Rn=function(e){return null!=e&&e.length?kn(e,1):[]};var Nn=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)},Tn=Math.max;var Cn=function(e,t,r){return t=Tn(void 0===t?e.length-1:t,0),function(){for(var n=arguments,o=-1,a=Tn(n.length-t,0),c=Array(a);++o<a;)c[o]=n[t+o];o=-1;for(var i=Array(t+1);++o<t;)i[o]=n[o];return i[t]=r(c),Nn(e,this,i)}};var In=function(e){return function(){return e}};var zn=function(e){return e},Ln=at?function(e,t){return at(e,"toString",{configurable:!0,enumerable:!1,value:In(t),writable:!0})}:zn,Un=800,Fn=16,Mn=Date.now;var Bn=function(e){var t=0,r=0;return function(){var n=Mn(),o=Fn-(n-r);if(r=n,o>0){if(++t>=Un)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}(Ln);var $n=function(e){return Bn(Cn(e,void 0,Rn),e+"")}(function(e,t){var r={};if(null==e)return r;var n=!1;t=Fe(t,function(t){return t=Ye(t,e),n||(n=t.length>1),t}),ft(e,cr(e),r),n&&(r=hn(r,7,An));for(var o=t.length;o--;)jn(r,t[o]);return r});var Vn=function(e,t){return Bn(Cn(e,t,zn),e+"")};var Hn,Yn=function(e,t,r){if(!T(r))return!1;var n=typeof t;return!!("number"==n?Ut(r)&&mt(t,r.length):"string"==n&&t in r)&&ve(r[t],e)},Wn=Object.prototype,qn=Wn.hasOwnProperty,Gn=Vn(function(e,t){e=Object(e);var r=-1,n=t.length,o=n>2?t[2]:void 0;for(o&&Yn(t[0],t[1],o)&&(n=1);++r<n;)for(var a=t[r],c=Ht(a),i=-1,u=c.length;++i<u;){var f=c[i],s=e[f];(void 0===s||ve(s,Wn[f])&&!qn.call(e,f))&&(e[f]=a[f])}return e}),Jn={different:"different",deepEquals:"deepEquals",date:"date",regex:"regex",reactElement:"reactElement",function:"function"},Kn="http://bit.ly/wdyr02",Qn="http://bit.ly/wdyr3",Xn=(t(Hn={},Jn.different,"different objects."),t(Hn,Jn.deepEquals,"different objects that are equal by value."),t(Hn,Jn.date,"different date objects with the same value."),t(Hn,Jn.regex,"different regular expressions with the same value."),t(Hn,Jn.reactElement,"different React elements with the same displayName."),t(Hn,Jn.function,"different functions with the same name."),Hn),Zn=!1;function eo(e){var r=e.Component,n=e.displayName,o=e.hookName,a=e.prefixMessage,c=e.diffObjType,i=e.differences,u=e.values,f=e.options;i&&i.length>0?(f.consoleLog(t({},n,r),"".concat(a," of ").concat(c," changes:")),i.forEach(function(e){var r=e.pathString,n=e.diffType,a=e.prevValue,i=e.nextValue;f.consoleGroup("%c".concat("hook"===c?"hook ".concat(o," "):"".concat(c,"."),"%c").concat(r,"%c"),"color:".concat(f.diffNameColor,";"),"color:".concat(f.diffPathColor,";"),"color:default;"),f.consoleLog("".concat(Xn[n]," (more info at ").concat(o?Qn:Kn,")")),f.consoleLog(t({},"prev ".concat(r),a),"!==",t({},"next ".concat(r),i)),f.consoleGroupEnd()})):i&&(f.consoleLog(t({},n,r),"".concat(a," the ").concat(c," object itself changed but it's values are all equal."),"props"===c?"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(Kn)),f.consoleLog("prev ".concat(c,":"),u.prev," !== ",u.next,":next ".concat(c)))}function to(e){var r=e.Component,n=e.displayName,o=e.hookName,a=e.prevProps,c=e.prevState,i=e.prevHook,u=e.nextProps,f=e.nextState,s=e.nextHook,l=e.reason,p=e.options;if(function(e,t,r){return!(Zn||!r.logOnDifferentValues&&(!t.whyDidYouRender||!t.whyDidYouRender.logOnDifferentValues)&&(e.propsDifferences&&e.propsDifferences.some(function(e){return e.diffType===Jn.different})||e.stateDifferences&&e.stateDifferences.some(function(e){return e.diffType===Jn.different})||e.hookDifferences&&e.hookDifferences.some(function(e){return e.diffType===Jn.different})))}(l,r,p)){p.consoleGroup("%c".concat(n),"color: ".concat(p.titleColor,";"));var v="Re-rendered because";l.propsDifferences&&(eo({Component:r,displayName:n,prefixMessage:v,diffObjType:"props",differences:l.propsDifferences,values:{prev:a,next:u},options:p}),v="And because"),l.stateDifferences&&eo({Component:r,displayName:n,prefixMessage:v,diffObjType:"state",differences:l.stateDifferences,values:{prev:c,next:f},options:p}),l.hookDifferences&&eo({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(Kn)),p.consoleGroupEnd()}}var ro=function(){};function no(){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=ro),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&&(Zn=!0,setTimeout(function(){Zn=!1},e))}),to),onlyLogs:!1,consoleLog:console.log,consoleGroup:n,consoleGroupEnd:o,logOnDifferentValues:!1,trackHooks:!0,titleColor:"#058",diffNameColor:"blue",diffPathColor:"red"},t)}var oo="[object String]";var ao=function(e){return"string"==typeof e||!f(e)&&A(e)&&x(e)==oo};function co(e){return e.displayName||e.name||e.type&&co(e.type)||(ao(e)?e:void 0)}var io=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 uo=function(e){return function(t,r,n){for(var o=-1,a=Object(t),c=n(t),i=c.length;i--;){var u=c[e?i:++o];if(!1===r(a[u],u,a))break}return t}}();var fo=function(e,t){return function(r,n){if(null==r)return r;if(!Ut(r))return e(r,n);for(var o=r.length,a=t?o:-1,c=Object(r);(t?a--:++a<o)&&!1!==n(c[a],a,c););return r}}(function(e,t){return e&&uo(e,t,Ft)}),so="__lodash_hash_undefined__";var lo=function(e){return this.__data__.set(e,so),this};var po=function(e){return this.__data__.has(e)};function vo(e){var t=-1,r=null==e?0:e.length;for(this.__data__=new Re;++t<r;)this.add(e[t])}vo.prototype.add=vo.prototype.push=lo,vo.prototype.has=po;var yo=vo;var ho=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 bo=function(e,t){return e.has(t)},go=1,jo=2;var _o=function(e,t,r,n,o,a){var c=r&go,i=e.length,u=t.length;if(i!=u&&!(c&&u>i))return!1;var f=a.get(e);if(f&&a.get(t))return f==t;var s=-1,l=!0,p=r&jo?new yo:void 0;for(a.set(e,t),a.set(t,e);++s<i;){var v=e[s],y=t[s];if(n)var h=c?n(y,v,s,t,e,a):n(v,y,s,e,t,a);if(void 0!==h){if(h)continue;l=!1;break}if(p){if(!ho(t,function(e,t){if(!bo(p,t)&&(v===e||o(v,e,r,n,a)))return p.push(t)})){l=!1;break}}else if(v!==y&&!o(v,y,r,n,a)){l=!1;break}}return a.delete(e),a.delete(t),l};var mo=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e,n){r[++t]=[n,e]}),r};var Oo=function(e){var t=-1,r=Array(e.size);return e.forEach(function(e){r[++t]=e}),r},wo=1,Eo=2,So="[object Boolean]",xo="[object Date]",Ao="[object Error]",Do="[object Map]",Po="[object Number]",ko="[object RegExp]",Ro="[object Set]",No="[object String]",To="[object Symbol]",Co="[object ArrayBuffer]",Io="[object DataView]",zo=h?h.prototype:void 0,Lo=zo?zo.valueOf:void 0;var Uo=function(e,t,r,n,o,a,c){switch(r){case Io:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case Co:return!(e.byteLength!=t.byteLength||!a(new _r(e),new _r(t)));case So:case xo:case Po:return ve(+e,+t);case Ao:return e.name==t.name&&e.message==t.message;case ko:case No:return e==t+"";case Do:var i=mo;case Ro:var u=n&wo;if(i||(i=Oo),e.size!=t.size&&!u)return!1;var f=c.get(e);if(f)return f==t;n|=Eo,c.set(e,t);var s=_o(i(e),i(t),n,o,a,c);return c.delete(e),s;case To:if(Lo)return Lo.call(e)==Lo.call(t)}return!1},Fo=1,Mo=Object.prototype.hasOwnProperty;var Bo=function(e,t,r,n,o,a){var c=r&Fo,i=ar(e),u=i.length;if(u!=ar(t).length&&!c)return!1;for(var f=u;f--;){var s=i[f];if(!(c?s in t:Mo.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=c;++f<u;){var y=e[s=i[f]],h=t[s];if(n)var d=c?n(h,y,s,t,e,a):n(y,h,s,e,t,a);if(!(void 0===d?y===h||o(y,h,r,n,a):d)){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},$o=1,Vo="[object Arguments]",Ho="[object Array]",Yo="[object Object]",Wo=Object.prototype.hasOwnProperty;var qo=function(e,t,r,n,o,a){var c=f(e),i=f(t),u=c?Ho:br(e),s=i?Ho:br(t),l=(u=u==Vo?Yo:u)==Yo,p=(s=s==Vo?Yo:s)==Yo,v=u==s;if(v&>(e)){if(!gt(t))return!1;c=!0,l=!1}if(v&&!l)return a||(a=new nt),c||Pt(e)?_o(e,t,r,n,o,a):Uo(e,t,u,r,n,o,a);if(!(r&$o)){var y=l&&Wo.call(e,"__wrapped__"),h=p&&Wo.call(t,"__wrapped__");if(y||h){var d=y?e.value():e,b=h?t.value():t;return a||(a=new nt),o(d,b,r,n,a)}}return!!v&&(a||(a=new nt),Bo(e,t,r,n,o,a))};var Go=function e(t,r,n,o,a){return t===r||(null==t||null==r||!A(t)&&!A(r)?t!=t&&r!=r:qo(t,r,n,o,e,a))},Jo=1,Ko=2;var Qo=function(e,t,r,n){var o=r.length,a=o,c=!n;if(null==e)return!a;for(e=Object(e);o--;){var i=r[o];if(c&&i[2]?i[1]!==e[i[0]]:!(i[0]in e))return!1}for(;++o<a;){var u=(i=r[o])[0],f=e[u],s=i[1];if(c&&i[2]){if(void 0===f&&!(u in e))return!1}else{var l=new nt;if(n)var p=n(f,s,u,e,t,l);if(!(void 0===p?Go(s,f,Jo|Ko,n,l):p))return!1}}return!0};var Xo=function(e){return e==e&&!T(e)};var Zo=function(e){for(var t=Ft(e),r=t.length;r--;){var n=t[r],o=e[n];t[r]=[n,o,Xo(o)]}return t};var ea=function(e,t){return function(r){return null!=r&&r[e]===t&&(void 0!==t||e in Object(r))}};var ta=function(e){var t=Zo(e);return 1==t.length&&t[0][2]?ea(t[0][0],t[0][1]):function(r){return r===e||Qo(r,e,t)}};var ra=function(e,t){return null!=e&&t in Object(e)};var na=function(e,t,r){for(var n=-1,o=(t=Ye(t,e)).length,a=!1;++n<o;){var c=qe(t[n]);if(!(a=null!=e&&r(e,c)))break;e=e[c]}return a||++n!=o?a:!!(o=null==e?0:e.length)&&wt(o)&&mt(c,o)&&(f(e)||dt(e))};var oa=function(e,t){return null!=e&&na(e,t,ra)},aa=1,ca=2;var ia=function(e,t){return N(e)&&Xo(t)?ea(qe(e),t):function(r){var n=Je(r,e);return void 0===n&&n===t?oa(r,e):Go(t,n,aa|ca)}};var ua=function(e){return function(t){return null==t?void 0:t[e]}};var fa=function(e){return function(t){return Ge(t,e)}};var sa=function(e){return N(e)?ua(qe(e)):fa(e)};var la=function(e){return"function"==typeof e?e:null==e?zn:"object"==typeof e?f(e)?ia(e[0],e[1]):ta(e):sa(e)};var pa=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 va=function(e,t,r){var n=f(e)?io:pa,o=arguments.length<3;return n(e,la(t,4),r,o,fo)},ya=Object.prototype.hasOwnProperty;var ha=function(e,t){return null!=e&&ya.call(e,t)};var da=function(e,t){return null!=e&&na(e,t,ha)},ba="[object RegExp]";var ga=function(e){return A(e)&&x(e)==ba},ja=At&&At.isRegExp,_a=ja?xt(ja):ga,ma="[object Date]";var Oa=function(e){return A(e)&&x(e)==ma},wa=At&&At.isDate,Ea=wa?xt(wa):Oa,Sa="undefined"!=typeof Element,xa="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103,Aa=function(e){return e.$$typeof===xa};function Da(e,t,r,n,o){return r.push({diffType:o,pathString:n,prevValue:e,nextValue:t}),o!==Jn.different}function Pa(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 Da(t,r,n,o,Jn.different);if(f(t)&&f(r)){var a=t.length;if(a!==r.length)return Da(t,r,n,o,Jn.different);for(var c=!0,i=a;0!=i--;)e(t[i],r[i],n,"".concat(o,"[").concat(i,"]"))||(c=!1);return Da(t,r,n,o,c?Jn.deepEquals:Jn.different)}if(Ea(t)&&Ea(r))return t.getTime()===r.getTime()?Da(t,r,n,o,Jn.date):Da(t,r,n,o,Jn.different);if(_a(t)&&_a(r))return t.toString()===r.toString()?Da(t,r,n,o,Jn.regex):Da(t,r,n,o,Jn.different);if(Sa&&t instanceof Element&&r instanceof Element)return Da(t,r,n,o,Jn.different);if(Aa(t)&&Aa(r))return t.type===r.type?Da(t,r,n,o,Jn.reactElement):Da(t,r,n,o,Jn.different);if(F(t)&&F(r))return t.name===r.name?Da(t,r,n,o,Jn.function):Da(t,r,n,o,Jn.different);if(xn(t)&&xn(r)){var u=Ft(t),s=u.length;if(s!==Ft(r).length)return Da(t,r,n,o,Jn.different);for(var l=s;0!=l--;)if(!da(r,u[l]))return Da(t,r,n,o,Jn.different);for(var p=!0,v=s;0!=v--;){var y=u[v];e(t[y],r[y],n,"".concat(o,".").concat(y))||(p=!1)}return Da(t,r,n,o,p?Jn.deepEquals:Jn.different)}return Da(t,r,n,o,Jn.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 ka={};function Ra(e,t){var n=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).shallow;if(e===t)return!1;if(!(void 0===n||n))return Pa(e,t);var o=e||ka,a=t||ka,c=Object.keys(r({},o,a));return va(c,function(e,t){var r=Pa(o[t],a[t],t);return r&&(e=[].concat(u(e),u(r))),e},[])}function Na(e,t,r,n,o,a){return{propsDifferences:Ra(e,n),stateDifferences:Ra(t,o),hookDifferences:Ra(r,a,{shallow:!1})}}function Ta(e){var t=e.Component,r=e.displayName,n=e.hookName,o=e.prevProps,a=e.prevState,c=e.prevHook,i=e.nextProps,u=e.nextState,f=e.nextHook;return{Component:t,displayName:r,hookName:n,prevProps:o,prevState:a,prevHook:c,nextProps:i,nextState:u,nextHook:f,options:e.options,reason:Na(o,a,c,i,u,f)}}function Ca(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 Ia="function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115;function za(t,r,i,u){var f=function(i){function f(e,r){var o,c,i;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,f),c=this,i=n(f).call(this,e,r),(o=!i||"object"!=typeof i&&"function"!=typeof i?a(c):i).render&&!t.prototype.render){var u=o.render;o.render=function(){return f.prototype.render.apply(a(o)),u()}}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&&u.notifier(Ta({Component:t,displayName:r,prevProps:this._prevProps,prevState:this._prevState,nextProps:this.props,nextState:this.state,options:u})),this._prevProps=this.props,this._prevState=this.state,c(n(f.prototype),"render",this)&&c(n(f.prototype),"render",this).call(this)}}])&&e(s.prototype,l),p&&e(s,p),f}();return f.displayName=r,Gn(f,t),f}function La(e,t,r,n,o){return t.$$typeof===Ia?function(e,t,r,n){function o(o){var a=r.useRef(),c=a.current;if(a.current=o,c){var i=Ta({Component:e,displayName:t,prevProps:c,nextProps:o,options:n});i.reason.propsDifferences&&i.reason.propsDifferences.length>0&&n.notifier(i)}return e.type(o)}var a=r.memo(o),c=$n(e,Object.keys(a));return o.displayName=t,Gn(o,c),a.displayName=t,Gn(a,e),a}(t,r,n,o):t.prototype&&t.prototype.isReactComponent?za(t,r,0,o):function(e,t,r,n){function o(o){var a=r.useRef(),c=a.current;if(a.current=o,c){var i=Ta({Component:e,displayName:t,prevProps:c,nextProps:o,options:n});i.reason.propsDifferences&&n.notifier(i)}return e(o)}return o.displayName=t,Gn(o,e),o}(t,r,n,o)}var Ua={useState:{path:"0"},useReducer:{path:"0"},useContext:!0};return function(e,t){var n,o=no(t),a=e.createElement,c=e.createFactory,u=new WeakMap;return e.createElement=function(t){for(var r=("function"==typeof t||t.$$typeof===Ia)&&Ca(t,co(t),o),n=arguments.length,c=new Array(n>1?n-1:0),i=1;i<n;i++)c[i-1]=arguments[i];if(!r)return a.apply(e,[t].concat(c));var f=t&&t.whyDidYouRender&&t.whyDidYouRender.customName||co(t),s=function(e,t,r,n,o){if(e.has(t))return e.get(t);var a=La(0,t,r,n,o);return e.set(t,a),a}(u,t,f,e,o);return a.apply(e,[s].concat(c))},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,c),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(Ua).reduce(function(t,r){var a=i(r,2),c=a[0],u=a[1];return t[c]=function(){var t,r=(t=n)[c].apply(t,arguments);return u&&function(e,t,r,n,o){var a=t.path,c=r,i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current.type,u=co(i);if(!Ca(i,u,o))return c;var f=n.useRef(),s=f.current;if(f.current=c,s){var l=Ta({Component:i,displayName:u,hookName:e,prevHook:a?Je(s,a):s,nextHook:a?Je(c,a):c,options:o});l.reason.hookDifferences&&o.notifier(l)}f.current}(c,!0===u?{}:u,r,e,o),r},t},r({},n))}}),e.__REVERT_WHY_DID_YOU_RENDER__=function(){Object.assign(e,{createElement:a,createFactory:c}),u=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.3", | ||
| "version": "3.0.0-beta.4", | ||
| "description": "Monkey patches React to notify you about avoidable re-renders.", | ||
@@ -5,0 +5,0 @@ "main": "dist/cjs/whyDidYouRender.min.js", |
@@ -129,5 +129,5 @@ # Why Did You Render | ||
| - `logOnDifferentValues: false` | ||
| - `hotReloadBufferMs: 500` | ||
| - `onlyLogs: false` | ||
| - `collapseGroups: false` | ||
| - `hotReloadBufferMs: 500` | ||
| - `titleColor` | ||
@@ -163,2 +163,8 @@ - `diffNameColor` | ||
| #### hotReloadBufferMs | ||
| Time in milliseconds to ignore updates after a hot reload is detected. | ||
| We can't currently know exactly if a render was triggered by hot reload, | ||
| so instead, we ignore all updates for `hotReloadBufferMs` (default: 500) after a hot reload. | ||
| #### onlyLogs | ||
@@ -170,10 +176,7 @@ If you don't want to use `console.group` to group logs by component, you can print them as simple logs. | ||
| #### hotReloadBufferMs | ||
| Time in milliseconds to ignore updates after a hot reload is detected. | ||
| #### titleColor / diffNameColor / diffPathColor | ||
| Controls the colors used in the console notifications | ||
| We can't currently know exactly if a render was triggered by hot reload, | ||
| so instead, we ignore all updates for `hotReloadBufferMs` (default: 500) after a hot reload. | ||
| #### notifier | ||
| A notifier can be provided if the default one does not suite your needs. | ||
| You can create a custom notifier if the default one does not suite your needs. | ||
@@ -180,0 +183,0 @@ ## Credit |
@@ -201,3 +201,3 @@ /* eslint-disable no-console */ | ||
| expectLogTypes(['title', 'changedObjects'], expects) | ||
| expectLogTypes(['title', 'changedObjectValues'], expects) | ||
| }) | ||
@@ -204,0 +204,0 @@ }) |
@@ -6,3 +6,3 @@ import {reduce} from 'lodash' | ||
| export default function findObjectsDifferences(userPrevObj, userNextObj){ | ||
| export default function findObjectsDifferences(userPrevObj, userNextObj, {shallow = true} = {}){ | ||
| if(userPrevObj === userNextObj){ | ||
@@ -12,2 +12,6 @@ return false | ||
| if(!shallow){ | ||
| return calculateDeepEqualDiffs(userPrevObj, userNextObj) | ||
| } | ||
| const prevObj = userPrevObj || emptyObject | ||
@@ -14,0 +18,0 @@ const nextObj = userNextObj || emptyObject |
| import findObjectsDifferences from './findObjectsDifferences' | ||
| import {diffTypes} from './consts' | ||
| describe('findObjectsDifferences', () => { | ||
| describe('findObjectsDifferences shallow', () => { | ||
| test('for empty values', () => { | ||
@@ -36,4 +36,4 @@ const prev = null | ||
| const next = null | ||
| const diff = findObjectsDifferences(prev, next) | ||
| expect(diff).toEqual([ | ||
| const diffs = findObjectsDifferences(prev, next) | ||
| expect(diffs).toEqual([ | ||
| { | ||
@@ -52,4 +52,4 @@ pathString: 'prop', | ||
| const next = {prop: 'value', prop2} | ||
| const diff = findObjectsDifferences(prev, next) | ||
| expect(diff).toEqual([]) | ||
| const diffs = findObjectsDifferences(prev, next) | ||
| expect(diffs).toEqual([]) | ||
| }) | ||
@@ -60,4 +60,4 @@ | ||
| const next = {prop: {a: 'a'}} | ||
| const diff = findObjectsDifferences(prev, next) | ||
| expect(diff).toEqual([ | ||
| const diffs = findObjectsDifferences(prev, next) | ||
| expect(diffs).toEqual([ | ||
| { | ||
@@ -75,4 +75,4 @@ pathString: 'prop', | ||
| const next = {fn: function something(){}} | ||
| const diff = findObjectsDifferences(prev, next) | ||
| expect(diff).toEqual([ | ||
| const diffs = findObjectsDifferences(prev, next) | ||
| expect(diffs).toEqual([ | ||
| { | ||
@@ -90,4 +90,4 @@ pathString: 'fn', | ||
| const next = {prop: 'value', prop2: {a: 'a'}, prop3: 'ZZ', fn: function something(){}} | ||
| const diff = findObjectsDifferences(prev, next) | ||
| expect(diff).toEqual([ | ||
| const diffs = findObjectsDifferences(prev, next) | ||
| expect(diffs).toEqual([ | ||
| { | ||
@@ -114,1 +114,60 @@ pathString: 'prop2', | ||
| }) | ||
| describe('findObjectsDifferences not shallow', () => { | ||
| test('for empty values', () => { | ||
| const prev = null | ||
| const next = null | ||
| const diffs = findObjectsDifferences(prev, next, {shallow: false}) | ||
| expect(diffs).toEqual(false) | ||
| }) | ||
| test('For no differences', () => { | ||
| const prev = {prop: 'value'} | ||
| const next = prev | ||
| const diffs = findObjectsDifferences(prev, next, {shallow: false}) | ||
| expect(diffs).toEqual(false) | ||
| }) | ||
| test('For prev empty value', () => { | ||
| const prev = null | ||
| const next = {prop: 'value'} | ||
| const diffs = findObjectsDifferences(prev, next, {shallow: false}) | ||
| expect(diffs).toEqual([ | ||
| { | ||
| pathString: '', | ||
| diffType: diffTypes.different, | ||
| prevValue: null, | ||
| nextValue: {prop: 'value'} | ||
| } | ||
| ]) | ||
| }) | ||
| test('For next empty value', () => { | ||
| const prev = {prop: 'value'} | ||
| const next = null | ||
| const diffs = findObjectsDifferences(prev, next, {shallow: false}) | ||
| expect(diffs).toEqual([ | ||
| { | ||
| pathString: '', | ||
| diffType: diffTypes.different, | ||
| prevValue: {prop: 'value'}, | ||
| nextValue: null | ||
| } | ||
| ]) | ||
| }) | ||
| test('For objects different by reference but equal by value', () => { | ||
| const prop2 = {a: 'a'} | ||
| const prev = {prop: 'value', prop2} | ||
| const next = {prop: 'value', prop2} | ||
| const diffs = findObjectsDifferences(prev, next, {shallow: false}) | ||
| expect(diffs).toEqual([ | ||
| { | ||
| pathString: '', | ||
| diffType: diffTypes.deepEquals, | ||
| prevValue: {prop: 'value', prop2}, | ||
| nextValue: {prop: 'value', prop2} | ||
| } | ||
| ]) | ||
| }) | ||
| }) |
@@ -7,3 +7,3 @@ import findObjectsDifferences from './findObjectsDifferences' | ||
| stateDifferences: findObjectsDifferences(prevState, nextState), | ||
| hookDifferences: findObjectsDifferences(prevHook, nextHook) | ||
| hookDifferences: findObjectsDifferences(prevHook, nextHook, {shallow: false}) | ||
| } | ||
@@ -10,0 +10,0 @@ } |
@@ -194,2 +194,33 @@ import React, {useState, useLayoutEffect} from 'react' | ||
| }) | ||
| test('track memoized component', () => { | ||
| const ComponentWithHooks = React.memo(({a}) => { | ||
| const [currentState] = React.useState({b: 'b'}) | ||
| return ( | ||
| <div>hi! {a} {currentState.b}</div> | ||
| ) | ||
| }) | ||
| ComponentWithHooks.whyDidYouRender = true | ||
| const testRenderer = TestRenderer.create( | ||
| <ComponentWithHooks a={1}/> | ||
| ) | ||
| testRenderer.update( | ||
| <ComponentWithHooks a={2}/> | ||
| ) | ||
| expect(updateInfos).toHaveLength(1) | ||
| expect(updateInfos[0].reason).toEqual({ | ||
| propsDifferences: [{ | ||
| pathString: 'a', | ||
| diffType: diffTypes.different, | ||
| prevValue: 1, | ||
| nextValue: 2 | ||
| }], | ||
| stateDifferences: false, | ||
| hookDifferences: false | ||
| }) | ||
| }) | ||
| }) | ||
@@ -249,3 +280,3 @@ | ||
| diffType: diffTypes.deepEquals, | ||
| pathString: '0', | ||
| pathString: '', | ||
| nextValue: {b: 'b'}, | ||
@@ -282,3 +313,3 @@ prevValue: {b: 'b'} | ||
| diffType: diffTypes.deepEquals, | ||
| pathString: '0', | ||
| pathString: '', | ||
| nextValue: {b: 'b'}, | ||
@@ -291,2 +322,34 @@ prevValue: {b: 'b'} | ||
| }) | ||
| test('deep equals functional use', () => { | ||
| const ComponentWithHooks = ({a}) => { | ||
| const [currentState, setCurrentState] = React.useState({b: 'b'}) | ||
| React.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: '', | ||
| nextValue: {b: 'b'}, | ||
| prevValue: {b: 'b'} | ||
| }], | ||
| propsDifferences: false, | ||
| stateDifferences: false | ||
| }) | ||
| }) | ||
| }) | ||
@@ -357,3 +420,3 @@ | ||
| diffType: diffTypes.deepEquals, | ||
| pathString: '0', | ||
| pathString: '', | ||
| nextValue: {b: 'b'}, | ||
@@ -368,2 +431,134 @@ prevValue: {b: 'b'} | ||
| }) | ||
| describe('the useContext hook', () => { | ||
| test('same value', () => { | ||
| const MyContext = React.createContext('c') | ||
| const ComponentWithContextHook = ({a, b}) => { | ||
| const valueFromContext = React.useContext(MyContext) | ||
| return ( | ||
| <div>hi! {a} {b} {valueFromContext}</div> | ||
| ) | ||
| } | ||
| ComponentWithContextHook.whyDidYouRender = true | ||
| const OuterComponent = () => { | ||
| const [currentState, setCurrentState] = useState('c') | ||
| React.useLayoutEffect(() => { | ||
| setCurrentState('c') | ||
| }, []) | ||
| return ( | ||
| <MyContext.Provider value={currentState}> | ||
| <div> | ||
| <ComponentWithContextHook a={1} b={2}/> | ||
| </div> | ||
| </MyContext.Provider> | ||
| ) | ||
| } | ||
| TestRenderer.create( | ||
| <OuterComponent/> | ||
| ) | ||
| expect(updateInfos).toHaveLength(0) | ||
| }) | ||
| test('deep equals - memoized', () => { | ||
| const MyContext = React.createContext({c: 'c'}) | ||
| const ComponentWithContextHook = React.memo(({a, b}) => { | ||
| const valueFromContext = React.useContext(MyContext) | ||
| return ( | ||
| <div>hi! {a} {b} {valueFromContext.c}</div> | ||
| ) | ||
| }) | ||
| ComponentWithContextHook.whyDidYouRender = true | ||
| const OuterComponent = () => { | ||
| const [currentState, setCurrentState] = useState({c: 'c'}) | ||
| React.useLayoutEffect(() => { | ||
| setCurrentState({c: 'c'}) | ||
| }, []) | ||
| return ( | ||
| <MyContext.Provider value={currentState}> | ||
| <div> | ||
| <ComponentWithContextHook a={1} b={2}/> | ||
| </div> | ||
| </MyContext.Provider> | ||
| ) | ||
| } | ||
| TestRenderer.create( | ||
| <OuterComponent/> | ||
| ) | ||
| expect(updateInfos).toHaveLength(1) | ||
| expect(updateInfos[0].reason).toEqual({ | ||
| hookDifferences: [{ | ||
| diffType: diffTypes.deepEquals, | ||
| pathString: '', | ||
| nextValue: {c: 'c'}, | ||
| prevValue: {c: 'c'} | ||
| }], | ||
| propsDifferences: false, | ||
| stateDifferences: false | ||
| }) | ||
| }) | ||
| test('deep equals - not memoized', () => { | ||
| const MyContext = React.createContext({c: 'c'}) | ||
| const ComponentWithContextHook = ({a, b}) => { | ||
| const valueFromContext = React.useContext(MyContext) | ||
| return ( | ||
| <div>hi! {a} {b} {valueFromContext.c}</div> | ||
| ) | ||
| } | ||
| ComponentWithContextHook.whyDidYouRender = true | ||
| const OuterComponent = () => { | ||
| const [currentState, setCurrentState] = useState({c: 'c'}) | ||
| React.useLayoutEffect(() => { | ||
| setCurrentState({c: 'c'}) | ||
| }, []) | ||
| return ( | ||
| <MyContext.Provider value={currentState}> | ||
| <div> | ||
| <ComponentWithContextHook a={1} b={2}/> | ||
| </div> | ||
| </MyContext.Provider> | ||
| ) | ||
| } | ||
| TestRenderer.create( | ||
| <OuterComponent/> | ||
| ) | ||
| expect(updateInfos).toHaveLength(2) | ||
| expect(updateInfos[0].reason).toEqual({ | ||
| hookDifferences: false, | ||
| propsDifferences: [], | ||
| stateDifferences: false | ||
| }) | ||
| expect(updateInfos[1].reason).toEqual({ | ||
| hookDifferences: [{ | ||
| diffType: diffTypes.deepEquals, | ||
| pathString: '', | ||
| nextValue: {c: 'c'}, | ||
| prevValue: {c: 'c'} | ||
| }], | ||
| propsDifferences: false, | ||
| stateDifferences: false | ||
| }) | ||
| }) | ||
| }) | ||
| }) |
@@ -1,2 +0,2 @@ | ||
| import {defaults} from 'lodash' | ||
| import {defaults, omit, get} from 'lodash' | ||
@@ -83,3 +83,3 @@ import normalizeOptions from './normalizeOptions' | ||
| function patchMemoComponent(MemoComponent, displayName, React, options){ | ||
| const WDYRMemoizedFunctionalComponent = React.memo(nextProps => { | ||
| function InnerWDYRMemoizedFunctionalComponent(nextProps){ | ||
| const ref = React.useRef() | ||
@@ -99,5 +99,5 @@ | ||
| // if a functional component re-rendered without a props change | ||
| // if a memoized functional component re-rendered without props change / prop values change | ||
| // it was probably caused by a hook and we should not care about it | ||
| if(notification.reason.propsDifferences){ | ||
| if(notification.reason.propsDifferences && notification.reason.propsDifferences.length > 0){ | ||
| options.notifier(notification) | ||
@@ -108,4 +108,11 @@ } | ||
| return MemoComponent.type(nextProps) | ||
| }) | ||
| } | ||
| const WDYRMemoizedFunctionalComponent = React.memo(InnerWDYRMemoizedFunctionalComponent) | ||
| const MemoComponentExtra = omit(MemoComponent, Object.keys(WDYRMemoizedFunctionalComponent)) | ||
| InnerWDYRMemoizedFunctionalComponent.displayName = displayName | ||
| defaults(InnerWDYRMemoizedFunctionalComponent, MemoComponentExtra) | ||
| WDYRMemoizedFunctionalComponent.displayName = displayName | ||
@@ -117,3 +124,3 @@ defaults(WDYRMemoizedFunctionalComponent, MemoComponent) | ||
| function trackHookChanges(hookName, hookConfig, hookResult, React, options){ | ||
| function trackHookChanges(hookName, {path: hookPath}, hookResult, React, options){ | ||
| const nextHook = hookResult | ||
@@ -138,13 +145,8 @@ | ||
| hookName, | ||
| prevHook, | ||
| nextHook, | ||
| prevHook: hookPath ? get(prevHook, hookPath) : prevHook, | ||
| nextHook: hookPath ? get(nextHook, hookPath) : nextHook, | ||
| options | ||
| }) | ||
| const shouldNotifyHookDifference = ( | ||
| notification.reason.hookDifferences && ( | ||
| notification.reason.hookDifferences.length > 0 || | ||
| !hookConfig.allowShallow | ||
| ) | ||
| ) | ||
| if(shouldNotifyHookDifference){ | ||
| if(notification.reason.hookDifferences){ | ||
| options.notifier(notification) | ||
@@ -181,4 +183,5 @@ } | ||
| const hooksConfig = { | ||
| useState: {allowShallow: true}, | ||
| useReducer: true | ||
| useState: {path: '0'}, | ||
| useReducer: {path: '0'}, | ||
| useContext: true | ||
| } | ||
@@ -185,0 +188,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
- Total package byte prevSize
- increased by15.56%
1217425
- Lines of code
- increased by15.09%
15309
- Number of lines in readme file
- increased by1.6%
191
No dependency changes