349 lines
623 KiB
JavaScript
349 lines
623 KiB
JavaScript
|
import{__commonJS,__export,__toESM,require_memoizerific}from"./chunk-ZEU7PDD3.js";var require_object_assign=__commonJS({"../../node_modules/object-assign/index.js"(exports,module){"use strict";var getOwnPropertySymbols=Object.getOwnPropertySymbols,hasOwnProperty3=Object.prototype.hasOwnProperty,propIsEnumerable=Object.prototype.propertyIsEnumerable;function toObject(val){if(val==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(val)}function shouldUseNative(){try{if(!Object.assign)return!1;var test1=new String("abc");if(test1[5]="de",Object.getOwnPropertyNames(test1)[0]==="5")return!1;for(var test2={},i=0;i<10;i++)test2["_"+String.fromCharCode(i)]=i;var order2=Object.getOwnPropertyNames(test2).map(function(n){return test2[n]});if(order2.join("")!=="0123456789")return!1;var test3={};return"abcdefghijklmnopqrst".split("").forEach(function(letter){test3[letter]=letter}),Object.keys(Object.assign({},test3)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}module.exports=shouldUseNative()?Object.assign:function(target,source){for(var from2,to=toObject(target),symbols,s=1;s<arguments.length;s++){from2=Object(arguments[s]);for(var key in from2)hasOwnProperty3.call(from2,key)&&(to[key]=from2[key]);if(getOwnPropertySymbols){symbols=getOwnPropertySymbols(from2);for(var i=0;i<symbols.length;i++)propIsEnumerable.call(from2,symbols[i])&&(to[symbols[i]]=from2[symbols[i]])}}return to}}});var require_ReactPropTypesSecret=__commonJS({"../../node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports,module){"use strict";var ReactPropTypesSecret="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";module.exports=ReactPropTypesSecret}});var require_has=__commonJS({"../../node_modules/prop-types/lib/has.js"(exports,module){module.exports=Function.call.bind(Object.prototype.hasOwnProperty)}});var require_checkPropTypes=__commonJS({"../../node_modules/prop-types/checkPropTypes.js"(exports,module){"use strict";var printWarning=function(){};ReactPropTypesSecret=require_ReactPropTypesSecret(),loggedTypeFailures={},has=require_has(),printWarning=function(text){var message="Warning: "+text;typeof console<"u"&&console.error(message);try{throw new Error(message)}catch{}};var ReactPropTypesSecret,loggedTypeFailures,has;function checkPropTypes(typeSpecs,values,location,componentName,getStack){for(var typeSpecName in typeSpecs)if(has(typeSpecs,typeSpecName)){var error;try{if(typeof typeSpecs[typeSpecName]!="function"){var err=Error((componentName||"React class")+": "+location+" type `"+typeSpecName+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof typeSpecs[typeSpecName]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw err.name="Invariant Violation",err}error=typeSpecs[typeSpecName](values,typeSpecName,componentName,location,null,ReactPropTypesSecret)}catch(ex){error=ex}if(error&&!(error instanceof Error)&&printWarning((componentName||"React class")+": type specification of "+location+" `"+typeSpecName+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof error+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),error instanceof Error&&!(error.message in loggedTypeFailures)){loggedTypeFailures[error.message]=!0;var stack=getStack?getStack():"";printWarning("Failed "+location+" type: "+error.message+(stack??""))}}}checkPropTypes.resetWarningCache=function(){loggedTypeFailures={}};module.exports=checkPropTypes}});var require_react_development=__commonJS({"../../node_modules/react/cjs/react.development.js"(exports){"use strict";(function(){"use strict";var _assign=require_object_assign(),checkPropTypes=require_checkPropTypes(),ReactVersion="16.14.0",hasSymbol=typeof Symbol=="function"&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,REACT_PORTAL_TYPE=hasSymbol?Symbol.for("react.portal"):60106,REACT_FRAGMENT_TYPE=hasSymbol?Symbol.for
|
||
|
in `+(name||"Unknown")+sourceInfo}var Resolved=1;function refineResolvedLazyComponent(lazyComponent){return lazyComponent._status===Resolved?lazyComponent._result:null}function getWrappedName(outerType,innerType,wrapperName){var functionName=innerType.displayName||innerType.name||"";return outerType.displayName||(functionName!==""?wrapperName+"("+functionName+")":wrapperName)}function getComponentName(type){if(type==null)return null;if(typeof type.tag=="number"&&error("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),typeof type=="function")return type.displayName||type.name||null;if(typeof type=="string")return type;switch(type){case REACT_FRAGMENT_TYPE:return"Fragment";case REACT_PORTAL_TYPE:return"Portal";case REACT_PROFILER_TYPE:return"Profiler";case REACT_STRICT_MODE_TYPE:return"StrictMode";case REACT_SUSPENSE_TYPE:return"Suspense";case REACT_SUSPENSE_LIST_TYPE:return"SuspenseList"}if(typeof type=="object")switch(type.$$typeof){case REACT_CONTEXT_TYPE:return"Context.Consumer";case REACT_PROVIDER_TYPE:return"Context.Provider";case REACT_FORWARD_REF_TYPE:return getWrappedName(type,type.render,"ForwardRef");case REACT_MEMO_TYPE:return getComponentName(type.type);case REACT_BLOCK_TYPE:return getComponentName(type.render);case REACT_LAZY_TYPE:{var thenable=type,resolvedThenable=refineResolvedLazyComponent(thenable);if(resolvedThenable)return getComponentName(resolvedThenable);break}}return null}var ReactDebugCurrentFrame={},currentlyValidatingElement=null;function setCurrentlyValidatingElement(element){currentlyValidatingElement=element}ReactDebugCurrentFrame.getCurrentStack=null,ReactDebugCurrentFrame.getStackAddendum=function(){var stack="";if(currentlyValidatingElement){var name=getComponentName(currentlyValidatingElement.type),owner=currentlyValidatingElement._owner;stack+=describeComponentFrame(name,currentlyValidatingElement._source,owner&&getComponentName(owner.type))}var impl=ReactDebugCurrentFrame.getCurrentStack;return impl&&(stack+=impl()||""),stack};var IsSomeRendererActing={current:!1},ReactSharedInternals={ReactCurrentDispatcher,ReactCurrentBatchConfig,ReactCurrentOwner,IsSomeRendererActing,assign:_assign};_assign(ReactSharedInternals,{ReactDebugCurrentFrame,ReactComponentTreeHook:{}});function warn(format2){{for(var _len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];printWarning("warn",format2,args)}}function error(format2){{for(var _len2=arguments.length,args=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];printWarning("error",format2,args)}}function printWarning(level,format2,args){{var hasExistingStack=args.length>0&&typeof args[args.length-1]=="string"&&args[args.length-1].indexOf(`
|
||
|
in`)===0;if(!hasExistingStack){var ReactDebugCurrentFrame2=ReactSharedInternals.ReactDebugCurrentFrame,stack=ReactDebugCurrentFrame2.getStackAddendum();stack!==""&&(format2+="%s",args=args.concat([stack]))}var argsWithFormat=args.map(function(item){return""+item});argsWithFormat.unshift("Warning: "+format2),Function.prototype.apply.call(console[level],console,argsWithFormat);try{var argIndex=0,message="Warning: "+format2.replace(/%s/g,function(){return args[argIndex++]});throw new Error(message)}catch{}}}var didWarnStateUpdateForUnmountedComponent={};function warnNoop(publicInstance,callerName){{var _constructor=publicInstance.constructor,componentName=_constructor&&(_constructor.displayName||_constructor.name)||"ReactClass",warningKey=componentName+"."+callerName;if(didWarnStateUpdateForUnmountedComponent[warningKey])return;error("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",callerName,componentName),didWarnStateUpdateForUnmountedComponent[warningKey]=!0}}var ReactNoopUpdateQueue={isMounted:function(publicInstance){return!1},enqueueForceUpdate:function(publicInstance,callback,callerName){warnNoop(publicInstance,"forceUpdate")},enqueueReplaceState:function(publicInstance,completeState,callback,callerName){warnNoop(publicInstance,"replaceState")},enqueueSetState:function(publicInstance,partialState,callback,callerName){warnNoop(publicInstance,"setState")}},emptyObject={};Object.freeze(emptyObject);function Component(props,context,updater){this.props=props,this.context=context,this.refs=emptyObject,this.updater=updater||ReactNoopUpdateQueue}Component.prototype.isReactComponent={},Component.prototype.setState=function(partialState,callback){if(!(typeof partialState=="object"||typeof partialState=="function"||partialState==null))throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,partialState,callback,"setState")},Component.prototype.forceUpdate=function(callback){this.updater.enqueueForceUpdate(this,callback,"forceUpdate")};{var deprecatedAPIs={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]},defineDeprecationWarning=function(methodName,info){Object.defineProperty(Component.prototype,methodName,{get:function(){warn("%s(...) is deprecated in plain JavaScript React classes. %s",info[0],info[1])}})};for(var fnName in deprecatedAPIs)deprecatedAPIs.hasOwnProperty(fnName)&&defineDeprecationWarning(fnName,deprecatedAPIs[fnName])}function ComponentDummy(){}ComponentDummy.prototype=Component.prototype;function PureComponent(props,context,updater){this.props=props,this.context=context,this.refs=emptyObject,this.updater=updater||ReactNoopUpdateQueue}var pureComponentPrototype=PureComponent.prototype=new ComponentDummy;pureComponentPrototype.constructor=PureComponent,_assign(pureComponentPrototype,Component.prototype),pureComponentPrototype.isPureReactComponent=!0;function createRef(){var refObject={current:null};return Object.seal(refObject),refObject}var hasOwnProperty3=Object.prototype.hasOwnProperty,RESERVED_PROPS={key:!0,ref:!0,__self:!0,__source:!0},specialPropKeyWarningShown,specialPropRefWarningShown,didWarnAboutStringRefs;didWarnAboutStringRefs={};function hasValidRef(config){if(hasOwnProperty3.call(config,"ref")){var getter=Object.getOwnPropertyDescriptor(config,"ref").get;if(getter&&getter.isReactWarning)return!1}return config.ref!==void 0}function hasValidKey(config){if(hasOwnProperty3.call(config,"key")){var getter=Object.getOwnPropertyDescriptor(config,"key").get;if(getter&&getter.isReactWarning)return!1}return config.key!==void 0}function defineKeyPropWarningGetter(props,displayName){var
|
||
|
1. You might have mismatching versions of React and the renderer (such as React DOM)
|
||
|
2. You might be breaking the Rules of Hooks
|
||
|
3. You might have more than one copy of React in the same app
|
||
|
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.`);return dispatcher}function useContext3(Context,unstable_observedBits){var dispatcher=resolveDispatcher();if(unstable_observedBits!==void 0&&error("useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",unstable_observedBits,typeof unstable_observedBits=="number"&&Array.isArray(arguments[2])?`
|
||
|
|
||
|
Did you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://fb.me/rules-of-hooks`:""),Context._context!==void 0){var realContext=Context._context;realContext.Consumer===Context?error("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):realContext.Provider===Context&&error("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return dispatcher.useContext(Context,unstable_observedBits)}function useState(initialState){var dispatcher=resolveDispatcher();return dispatcher.useState(initialState)}function useReducer(reducer,initialArg,init){var dispatcher=resolveDispatcher();return dispatcher.useReducer(reducer,initialArg,init)}function useRef2(initialValue){var dispatcher=resolveDispatcher();return dispatcher.useRef(initialValue)}function useEffect(create3,deps){var dispatcher=resolveDispatcher();return dispatcher.useEffect(create3,deps)}function useLayoutEffect2(create3,deps){var dispatcher=resolveDispatcher();return dispatcher.useLayoutEffect(create3,deps)}function useCallback(callback,deps){var dispatcher=resolveDispatcher();return dispatcher.useCallback(callback,deps)}function useMemo(create3,deps){var dispatcher=resolveDispatcher();return dispatcher.useMemo(create3,deps)}function useImperativeHandle(ref,create3,deps){var dispatcher=resolveDispatcher();return dispatcher.useImperativeHandle(ref,create3,deps)}function useDebugValue(value,formatterFn){{var dispatcher=resolveDispatcher();return dispatcher.useDebugValue(value,formatterFn)}}var propTypesMisspellWarningShown;propTypesMisspellWarningShown=!1;function getDeclarationErrorAddendum(){if(ReactCurrentOwner.current){var name=getComponentName(ReactCurrentOwner.current.type);if(name)return`
|
||
|
|
||
|
Check the render method of \``+name+"`."}return""}function getSourceInfoErrorAddendum(source){if(source!==void 0){var fileName=source.fileName.replace(/^.*[\\\/]/,""),lineNumber=source.lineNumber;return`
|
||
|
|
||
|
Check your code at `+fileName+":"+lineNumber+"."}return""}function getSourceInfoErrorAddendumForProps(elementProps){return elementProps!=null?getSourceInfoErrorAddendum(elementProps.__source):""}var ownerHasKeyUseWarning={};function getCurrentComponentErrorInfo(parentType){var info=getDeclarationErrorAddendum();if(!info){var parentName=typeof parentType=="string"?parentType:parentType.displayName||parentType.name;parentName&&(info=`
|
||
|
|
||
|
Check the top-level render call using <`+parentName+">.")}return info}function validateExplicitKey(element,parentType){if(!(!element._store||element._store.validated||element.key!=null)){element._store.validated=!0;var currentComponentErrorInfo=getCurrentComponentErrorInfo(parentType);if(!ownerHasKeyUseWarning[currentComponentErrorInfo]){ownerHasKeyUseWarning[currentComponentErrorInfo]=!0;var childOwner="";element&&element._owner&&element._owner!==ReactCurrentOwner.current&&(childOwner=" It was passed a child from "+getComponentName(element._owner.type)+"."),setCurrentlyValidatingElement(element),error('Each child in a list should have a unique "key" prop.%s%s See https://fb.me/react-warning-keys for more information.',currentComponentErrorInfo,childOwner),setCurrentlyValidatingElement(null)}}}function validateChildKeys(node2,parentType){if(typeof node2=="object"){if(Array.isArray(node2))for(var i=0;i<node2.length;i++){var child=node2[i];isValidElement(child)&&validateExplicitKey(child,parentType)}else if(isValidElement(node2))node2._store&&(node2._store.validated=!0);else if(node2){var iteratorFn=getIteratorFn(node2);if(typeof iteratorFn=="function"&&iteratorFn!==node2.entries)for(var iterator=iteratorFn.call(node2),step;!(step=iterator.next()).done;)isValidElement(step.value)&&validateExplicitKey(step.value,parentType)}}}function validatePropTypes(element){{var type=element.type;if(type==null||typeof type=="string")return;var name=getComponentName(type),propTypes;if(typeof type=="function")propTypes=type.propTypes;else if(typeof type=="object"&&(type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_MEMO_TYPE))propTypes=type.propTypes;else return;propTypes?(setCurrentlyValidatingElement(element),checkPropTypes(propTypes,element.props,"prop",name,ReactDebugCurrentFrame.getStackAddendum),setCurrentlyValidatingElement(null)):type.PropTypes!==void 0&&!propTypesMisspellWarningShown&&(propTypesMisspellWarningShown=!0,error("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",name||"Unknown")),typeof type.getDefaultProps=="function"&&!type.getDefaultProps.isReactClassApproved&&error("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function validateFragmentProps(fragment){{setCurrentlyValidatingElement(fragment);for(var keys=Object.keys(fragment.props),i=0;i<keys.length;i++){var key=keys[i];if(key!=="children"&&key!=="key"){error("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",key);break}}fragment.ref!==null&&error("Invalid attribute `ref` supplied to `React.Fragment`."),setCurrentlyValidatingElement(null)}}function createElementWithValidation(type,props,children){var validType=isValidElementType(type);if(!validType){var info="";(type===void 0||typeof type=="object"&&type!==null&&Object.keys(type).length===0)&&(info+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var sourceInfo=getSourceInfoErrorAddendumForProps(props);sourceInfo?info+=sourceInfo:info+=getDeclarationErrorAddendum();var typeString;type===null?typeString="null":Array.isArray(type)?typeString="array":type!==void 0&&type.$$typeof===REACT_ELEMENT_TYPE?(typeString="<"+(getComponentName(type.type)||"Unknown")+" />",info=" Did you accidentally export a JSX literal instead of a component?"):typeString=typeof type,error("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",typeString,info)}var element=createElement2.apply(this,arguments);if(element==null)return element;if(validType)for(var i=2;i<arguments.length;i++)validateChildKeys(arguments[i],type);return type===REACT_FRAGMENT_TYPE?validateFragmentProps(element):validatePropTypes(element),element}var didWarnAboutDeprecatedCreateFactory=!1;function createFactoryWithValidation(type){var validatedFactory=createElementWithValidation.bind(null,type);retur
|
||
|
in`)===0;if(!hasExistingStack){var ReactDebugCurrentFrame2=ReactSharedInternals.ReactDebugCurrentFrame,stack=ReactDebugCurrentFrame2.getStackAddendum();stack!==""&&(format2+="%s",args=args.concat([stack]))}var argsWithFormat=args.map(function(item){return""+item});argsWithFormat.unshift("Warning: "+format2),Function.prototype.apply.call(console[level],console,argsWithFormat);try{var argIndex=0,message="Warning: "+format2.replace(/%s/g,function(){return args[argIndex++]});throw new Error(message)}catch{}}}if(!React3)throw Error("ReactDOM was loaded before React. Make sure you load the React package before loading ReactDOM.");var invokeGuardedCallbackImpl=function(name,func,context,a,b,c,d,e,f){var funcArgs=Array.prototype.slice.call(arguments,3);try{func.apply(context,funcArgs)}catch(error2){this.onError(error2)}};if(typeof window<"u"&&typeof window.dispatchEvent=="function"&&typeof document<"u"&&typeof document.createEvent=="function"){var fakeNode=document.createElement("react"),invokeGuardedCallbackDev=function(name,func,context,a,b,c,d,e,f){if(!(typeof document<"u"))throw Error("The `document` global was defined when React was initialized, but is not defined anymore. This can happen in a test environment if a component schedules an update from an asynchronous callback, but the test has already finished running. To solve this, you can either unmount the component at the end of your test (and ensure that any asynchronous operations get canceled in `componentWillUnmount`), or you can change the test itself to be asynchronous.");var evt=document.createEvent("Event"),didError=!0,windowEvent=window.event,windowEventDescriptor=Object.getOwnPropertyDescriptor(window,"event"),funcArgs=Array.prototype.slice.call(arguments,3);function callCallback2(){fakeNode.removeEventListener(evtType,callCallback2,!1),typeof window.event<"u"&&window.hasOwnProperty("event")&&(window.event=windowEvent),func.apply(context,funcArgs),didError=!1}var error2,didSetError=!1,isCrossOriginError=!1;function handleWindowError(event){if(error2=event.error,didSetError=!0,error2===null&&event.colno===0&&event.lineno===0&&(isCrossOriginError=!0),event.defaultPrevented&&error2!=null&&typeof error2=="object")try{error2._suppressLogging=!0}catch{}}var evtType="react-"+(name||"invokeguardedcallback");window.addEventListener("error",handleWindowError),fakeNode.addEventListener(evtType,callCallback2,!1),evt.initEvent(evtType,!1,!1),fakeNode.dispatchEvent(evt),windowEventDescriptor&&Object.defineProperty(window,"event",windowEventDescriptor),didError&&(didSetError?isCrossOriginError&&(error2=new Error("A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://fb.me/react-crossorigin-error for more information.")):error2=new Error(`An error was thrown inside one of your components, but React doesn't know what it was. This is likely due to browser flakiness. React does its best to preserve the "Pause on exceptions" behavior of the DevTools, which requires some DEV-mode only tricks. It's possible that these don't work in your browser. Try triggering the error in production mode, or switching to a modern browser. If you suspect that this is actually an issue with React, please file an issue.`),this.onError(error2)),window.removeEventListener("error",handleWindowError)};invokeGuardedCallbackImpl=invokeGuardedCallbackDev}var invokeGuardedCallbackImpl$1=invokeGuardedCallbackImpl,hasError=!1,caughtError=null,hasRethrowError=!1,rethrowError=null,reporter={onError:function(error2){hasError=!0,caughtError=error2}};function invokeGuardedCallback(name,func,context,a,b,c,d,e,f){hasError=!1,caughtError=null,invokeGuardedCallbackImpl$1.apply(reporter,arguments)}function invokeGuardedCallbackAndCatchFirstError(name,func,context,a,b,c,d,e,f){if(invokeGuardedCallback.apply(this,arguments),hasError){var error2=clearCaughtError();hasRethrowError||(hasRethrowError=!0,rethrowError=error2)}}function rethrowCaughtError(){if(hasRethrowError){var error2=rethrowError;throw hasRethrowError=!1,rethrowError=null,error2}}function hasCau
|
||
|
in `+(name||"Unknown")+sourceInfo}var hasSymbol=typeof Symbol=="function"&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for("react.element"):60103,REACT_PORTAL_TYPE=hasSymbol?Symbol.for("react.portal"):60106,REACT_FRAGMENT_TYPE=hasSymbol?Symbol.for("react.fragment"):60107,REACT_STRICT_MODE_TYPE=hasSymbol?Symbol.for("react.strict_mode"):60108,REACT_PROFILER_TYPE=hasSymbol?Symbol.for("react.profiler"):60114,REACT_PROVIDER_TYPE=hasSymbol?Symbol.for("react.provider"):60109,REACT_CONTEXT_TYPE=hasSymbol?Symbol.for("react.context"):60110,REACT_CONCURRENT_MODE_TYPE=hasSymbol?Symbol.for("react.concurrent_mode"):60111,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for("react.forward_ref"):60112,REACT_SUSPENSE_TYPE=hasSymbol?Symbol.for("react.suspense"):60113,REACT_SUSPENSE_LIST_TYPE=hasSymbol?Symbol.for("react.suspense_list"):60120,REACT_MEMO_TYPE=hasSymbol?Symbol.for("react.memo"):60115,REACT_LAZY_TYPE=hasSymbol?Symbol.for("react.lazy"):60116,REACT_BLOCK_TYPE=hasSymbol?Symbol.for("react.block"):60121,MAYBE_ITERATOR_SYMBOL=typeof Symbol=="function"&&Symbol.iterator,FAUX_ITERATOR_SYMBOL="@@iterator";function getIteratorFn(maybeIterable){if(maybeIterable===null||typeof maybeIterable!="object")return null;var maybeIterator=MAYBE_ITERATOR_SYMBOL&&maybeIterable[MAYBE_ITERATOR_SYMBOL]||maybeIterable[FAUX_ITERATOR_SYMBOL];return typeof maybeIterator=="function"?maybeIterator:null}var Uninitialized=-1,Pending=0,Resolved=1,Rejected=2;function refineResolvedLazyComponent(lazyComponent){return lazyComponent._status===Resolved?lazyComponent._result:null}function initializeLazyComponentType(lazyComponent){if(lazyComponent._status===Uninitialized){lazyComponent._status=Pending;var ctor=lazyComponent._ctor,thenable=ctor();lazyComponent._result=thenable,thenable.then(function(moduleObject){if(lazyComponent._status===Pending){var defaultExport=moduleObject.default;defaultExport===void 0&&error(`lazy: Expected the result of a dynamic import() call. Instead received: %s
|
||
|
|
||
|
Your code should look like:
|
||
|
const MyComponent = lazy(() => import('./MyComponent'))`,moduleObject),lazyComponent._status=Resolved,lazyComponent._result=defaultExport}},function(error2){lazyComponent._status===Pending&&(lazyComponent._status=Rejected,lazyComponent._result=error2)})}}function getWrappedName(outerType,innerType,wrapperName){var functionName=innerType.displayName||innerType.name||"";return outerType.displayName||(functionName!==""?wrapperName+"("+functionName+")":wrapperName)}function getComponentName(type){if(type==null)return null;if(typeof type.tag=="number"&&error("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),typeof type=="function")return type.displayName||type.name||null;if(typeof type=="string")return type;switch(type){case REACT_FRAGMENT_TYPE:return"Fragment";case REACT_PORTAL_TYPE:return"Portal";case REACT_PROFILER_TYPE:return"Profiler";case REACT_STRICT_MODE_TYPE:return"StrictMode";case REACT_SUSPENSE_TYPE:return"Suspense";case REACT_SUSPENSE_LIST_TYPE:return"SuspenseList"}if(typeof type=="object")switch(type.$$typeof){case REACT_CONTEXT_TYPE:return"Context.Consumer";case REACT_PROVIDER_TYPE:return"Context.Provider";case REACT_FORWARD_REF_TYPE:return getWrappedName(type,type.render,"ForwardRef");case REACT_MEMO_TYPE:return getComponentName(type.type);case REACT_BLOCK_TYPE:return getComponentName(type.render);case REACT_LAZY_TYPE:{var thenable=type,resolvedThenable=refineResolvedLazyComponent(thenable);if(resolvedThenable)return getComponentName(resolvedThenable);break}}return null}var ReactDebugCurrentFrame$1=ReactSharedInternals.ReactDebugCurrentFrame;function describeFiber(fiber){switch(fiber.tag){case HostRoot:case HostPortal:case HostText:case Fragment2:case ContextProvider:case ContextConsumer:return"";default:var owner=fiber._debugOwner,source=fiber._debugSource,name=getComponentName(fiber.type),ownerName=null;return owner&&(ownerName=getComponentName(owner.type)),describeComponentFrame(name,source,ownerName)}}function getStackByFiberInDevAndProd(workInProgress2){var info="",node2=workInProgress2;do info+=describeFiber(node2),node2=node2.return;while(node2);return info}var current=null,isRendering=!1;function getCurrentFiberOwnerNameInDevOrNull(){{if(current===null)return null;var owner=current._debugOwner;if(owner!==null&&typeof owner<"u")return getComponentName(owner.type)}return null}function getCurrentFiberStackInDev(){return current===null?"":getStackByFiberInDevAndProd(current)}function resetCurrentFiber(){ReactDebugCurrentFrame$1.getCurrentStack=null,current=null,isRendering=!1}function setCurrentFiber(fiber){ReactDebugCurrentFrame$1.getCurrentStack=getCurrentFiberStackInDev,current=fiber,isRendering=!1}function setIsRendering(rendering){isRendering=rendering}function toString(value){return""+value}function getToStringValue(value){switch(typeof value){case"boolean":case"number":case"object":case"string":case"undefined":return value;default:return""}}var ReactDebugCurrentFrame$2=null,ReactControlledValuePropTypes={checkPropTypes:null};{ReactDebugCurrentFrame$2=ReactSharedInternals.ReactDebugCurrentFrame;var hasReadOnlyValue={button:!0,checkbox:!0,image:!0,hidden:!0,radio:!0,reset:!0,submit:!0},propTypes={value:function(props,propName,componentName){return hasReadOnlyValue[props.type]||props.onChange||props.readOnly||props.disabled||props[propName]==null||enableDeprecatedFlareAPI?null:new Error("You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.")},checked:function(props,propName,componentName){return props.onChange||props.readOnly||props.disabled||props[propName]==null||enableDeprecatedFlareAPI?null:new Error("You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`.")}};ReactControlledValuePropTypes.checkPropTypes=function(tagName,props){c
|
||
|
|
||
|
Check the render method of \``+ownerName+"`.":""}var valuePropNames=["value","defaultValue"];function checkSelectPropTypes(props){{ReactControlledValuePropTypes.checkPropTypes("select",props);for(var i=0;i<valuePropNames.length;i++){var propName=valuePropNames[i];if(props[propName]!=null){var isArray2=Array.isArray(props[propName]);props.multiple&&!isArray2?error("The `%s` prop supplied to <select> must be an array if `multiple` is true.%s",propName,getDeclarationErrorAddendum()):!props.multiple&&isArray2&&error("The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.%s",propName,getDeclarationErrorAddendum())}}}}function updateOptions(node2,multiple,propValue,setDefaultSelected){var options=node2.options;if(multiple){for(var selectedValues=propValue,selectedValue={},i=0;i<selectedValues.length;i++)selectedValue["$"+selectedValues[i]]=!0;for(var _i=0;_i<options.length;_i++){var selected=selectedValue.hasOwnProperty("$"+options[_i].value);options[_i].selected!==selected&&(options[_i].selected=selected),selected&&setDefaultSelected&&(options[_i].defaultSelected=!0)}}else{for(var _selectedValue=toString(getToStringValue(propValue)),defaultSelected=null,_i2=0;_i2<options.length;_i2++){if(options[_i2].value===_selectedValue){options[_i2].selected=!0,setDefaultSelected&&(options[_i2].defaultSelected=!0);return}defaultSelected===null&&!options[_i2].disabled&&(defaultSelected=options[_i2])}defaultSelected!==null&&(defaultSelected.selected=!0)}}function getHostProps$2(element,props){return _assign({},props,{value:void 0})}function initWrapperState$1(element,props){var node2=element;checkSelectPropTypes(props),node2._wrapperState={wasMultiple:!!props.multiple},props.value!==void 0&&props.defaultValue!==void 0&&!didWarnValueDefaultValue$1&&(error("Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://fb.me/react-controlled-components"),didWarnValueDefaultValue$1=!0)}function postMountWrapper$2(element,props){var node2=element;node2.multiple=!!props.multiple;var value=props.value;value!=null?updateOptions(node2,!!props.multiple,value,!1):props.defaultValue!=null&&updateOptions(node2,!!props.multiple,props.defaultValue,!0)}function postUpdateWrapper(element,props){var node2=element,wasMultiple=node2._wrapperState.wasMultiple;node2._wrapperState.wasMultiple=!!props.multiple;var value=props.value;value!=null?updateOptions(node2,!!props.multiple,value,!1):wasMultiple!==!!props.multiple&&(props.defaultValue!=null?updateOptions(node2,!!props.multiple,props.defaultValue,!0):updateOptions(node2,!!props.multiple,props.multiple?[]:"",!1))}function restoreControlledState$1(element,props){var node2=element,value=props.value;value!=null&&updateOptions(node2,!!props.multiple,value,!1)}var didWarnValDefaultVal=!1;function getHostProps$3(element,props){var node2=element;if(props.dangerouslySetInnerHTML!=null)throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");var hostProps=_assign({},props,{value:void 0,defaultValue:void 0,children:toString(node2._wrapperState.initialValue)});return hostProps}function initWrapperState$2(element,props){var node2=element;ReactControlledValuePropTypes.checkPropTypes("textarea",props),props.value!==void 0&&props.defaultValue!==void 0&&!didWarnValDefaultVal&&(error("%s contains a textarea with both value and defaultValue props. Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://fb.me/react-controlled-components",getCurrentFiberOwnerNameInDevOrNull()||"A component"),didWarnValDefaultVal=!0);var initialValue=props.value;if(initialValue==null){var children=props.children,defaultValue=props.defaultValue;if(children!=null){error("Use the `defaultValue` or `value` props instead of setting children on
|
||
|
`).replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX,"")},warnForTextDifference=function(serverText,clientText){if(!didWarnInvalidHydration){var normalizedClientText=normalizeMarkupForTextOrAttribute(clientText),normalizedServerText=normalizeMarkupForTextOrAttribute(serverText);normalizedServerText!==normalizedClientText&&(didWarnInvalidHydration=!0,error('Text content did not match. Server: "%s" Client: "%s"',normalizedServerText,normalizedClientText))}},warnForPropDifference=function(propName,serverValue,clientValue){if(!didWarnInvalidHydration){var normalizedClientValue=normalizeMarkupForTextOrAttribute(clientValue),normalizedServerValue=normalizeMarkupForTextOrAttribute(serverValue);normalizedServerValue!==normalizedClientValue&&(didWarnInvalidHydration=!0,error("Prop `%s` did not match. Server: %s Client: %s",propName,JSON.stringify(normalizedServerValue),JSON.stringify(normalizedClientValue)))}},warnForExtraAttributes=function(attributeNames){if(!didWarnInvalidHydration){didWarnInvalidHydration=!0;var names=[];attributeNames.forEach(function(name){names.push(name)}),error("Extra attributes from the server: %s",names)}},warnForInvalidEventListener=function(registrationName,listener){listener===!1?error("Expected `%s` listener to be a function, instead got `false`.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.",registrationName,registrationName,registrationName):error("Expected `%s` listener to be a function, instead got a value of `%s` type.",registrationName,typeof listener)},normalizeHTML=function(parent,html){var testElement=parent.namespaceURI===HTML_NAMESPACE$1?parent.ownerDocument.createElement(parent.tagName):parent.ownerDocument.createElementNS(parent.namespaceURI,parent.tagName);return testElement.innerHTML=html,testElement.innerHTML}}function ensureListeningTo(rootContainerElement,registrationName){var isDocumentOrFragment=rootContainerElement.nodeType===DOCUMENT_NODE||rootContainerElement.nodeType===DOCUMENT_FRAGMENT_NODE,doc=isDocumentOrFragment?rootContainerElement:rootContainerElement.ownerDocument;legacyListenToEvent(registrationName,doc)}function getOwnerDocumentFromRootContainer(rootContainerElement){return rootContainerElement.nodeType===DOCUMENT_NODE?rootContainerElement:rootContainerElement.ownerDocument}function noop(){}function trapClickOnNonInteractiveElement(node2){node2.onclick=noop}function setInitialDOMProperties(tag,domElement,rootContainerElement,nextProps,isCustomComponentTag){for(var propKey in nextProps)if(nextProps.hasOwnProperty(propKey)){var nextProp=nextProps[propKey];if(propKey===STYLE)nextProp&&Object.freeze(nextProp),setValueForStyles(domElement,nextProp);else if(propKey===DANGEROUSLY_SET_INNER_HTML){var nextHtml=nextProp?nextProp[HTML$1]:void 0;nextHtml!=null&&setInnerHTML(domElement,nextHtml)}else if(propKey===CHILDREN)if(typeof nextProp=="string"){var canSetTextContent=tag!=="textarea"||nextProp!=="";canSetTextContent&&setTextContent(domElement,nextProp)}else typeof nextProp=="number"&&setTextContent(domElement,""+nextProp);else propKey===SUPPRESS_CONTENT_EDITABLE_WARNING||propKey===SUPPRESS_HYDRATION_WARNING||propKey===AUTOFOCUS||(registrationNameModules.hasOwnProperty(propKey)?nextProp!=null&&(typeof nextProp!="function"&&warnForInvalidEventListener(propKey,nextProp),ensureListeningTo(rootContainerElement,propKey)):nextProp!=null&&setValueForProperty(domElement,propKey,nextProp,isCustomComponentTag))}}function updateDOMProperties(domElement,updatePayload,wasCustomComponentTag,isCustomComponentTag){for(var i=0;i<updatePayload.length;i+=2){var propKey=updatePayload[i],propValue=updatePayload[i+1];propKey===STYLE?setValueForStyles(domElement,propValue):propKey===DANGEROUSLY_SET_INNER_HTML?setInnerHTML(domElement,propValue):propKey===CHILDREN?setTextContent(domElement,propValue):setValueForProperty(domElement,propKey,propValue,isCustomComponentTag)}}function createElement2(type,props,rootContainerElement,parentNamespace){var isCustomComponentTag,ownerDocument=getOwnerDocumentFromRootContainer(rootContainerEle
|
||
|
|
||
|
* Move code with side effects to componentDidMount, and set initial state in the constructor.
|
||
|
|
||
|
Please update the following components: %s`,sortedNames)}if(UNSAFE_componentWillReceivePropsUniqueNames.size>0){var _sortedNames=setToSortedString(UNSAFE_componentWillReceivePropsUniqueNames);error(`Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://fb.me/react-unsafe-component-lifecycles for details.
|
||
|
|
||
|
* Move data fetching code or side effects to componentDidUpdate.
|
||
|
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
|
||
|
|
||
|
Please update the following components: %s`,_sortedNames)}if(UNSAFE_componentWillUpdateUniqueNames.size>0){var _sortedNames2=setToSortedString(UNSAFE_componentWillUpdateUniqueNames);error(`Using UNSAFE_componentWillUpdate in strict mode is not recommended and may indicate bugs in your code. See https://fb.me/react-unsafe-component-lifecycles for details.
|
||
|
|
||
|
* Move data fetching code or side effects to componentDidUpdate.
|
||
|
|
||
|
Please update the following components: %s`,_sortedNames2)}if(componentWillMountUniqueNames.size>0){var _sortedNames3=setToSortedString(componentWillMountUniqueNames);warn(`componentWillMount has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.
|
||
|
|
||
|
* Move code with side effects to componentDidMount, and set initial state in the constructor.
|
||
|
* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
|
||
|
|
||
|
Please update the following components: %s`,_sortedNames3)}if(componentWillReceivePropsUniqueNames.size>0){var _sortedNames4=setToSortedString(componentWillReceivePropsUniqueNames);warn(`componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.
|
||
|
|
||
|
* Move data fetching code or side effects to componentDidUpdate.
|
||
|
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
|
||
|
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
|
||
|
|
||
|
Please update the following components: %s`,_sortedNames4)}if(componentWillUpdateUniqueNames.size>0){var _sortedNames5=setToSortedString(componentWillUpdateUniqueNames);warn(`componentWillUpdate has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.
|
||
|
|
||
|
* Move data fetching code or side effects to componentDidUpdate.
|
||
|
* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
|
||
|
|
||
|
Please update the following components: %s`,_sortedNames5)}};var pendingLegacyContextWarning=new Map,didWarnAboutLegacyContext=new Set;ReactStrictModeWarnings.recordLegacyContextWarning=function(fiber,instance){var strictRoot=findStrictRoot(fiber);if(strictRoot===null){error("Expected to find a StrictMode component in a strict mode tree. This error is likely caused by a bug in React. Please file an issue.");return}if(!didWarnAboutLegacyContext.has(fiber.type)){var warningsForRoot=pendingLegacyContextWarning.get(strictRoot);(fiber.type.contextTypes!=null||fiber.type.childContextTypes!=null||instance!==null&&typeof instance.getChildContext=="function")&&(warningsForRoot===void 0&&(warningsForRoot=[],pendingLegacyContextWarning.set(strictRoot,warningsForRoot)),warningsForRoot.push(fiber))}},ReactStrictModeWarnings.flushLegacyContextWarning=function(){pendingLegacyContextWarning.forEach(function(fiberArray,strictRoot){if(fiberArray.length!==0){var firstFiber=fiberArray[0],uniqueNames=new Set;fiberArray.forEach(function(fiber){uniqueNames.add(getComponentName(fiber.type)||"Component"),didWarnAboutLegacyContext.add(fiber.type)});var sortedNames=setToSortedString(uniqueNames),firstComponentStack=getStackByFiberInDevAndProd(firstFiber);error(`Legacy context API has been detected within a strict-mode tree.
|
||
|
|
||
|
The old API will be supported in all 16.x releases, but applications using it should migrate to the new version.
|
||
|
|
||
|
Please update the following components: %s
|
||
|
|
||
|
Learn more about this warning here: https://fb.me/react-legacy-context%s`,sortedNames,firstComponentStack)}})},ReactStrictModeWarnings.discardPendingWarnings=function(){pendingComponentWillMountWarnings=[],pendingUNSAFE_ComponentWillMountWarnings=[],pendingComponentWillReceivePropsWarnings=[],pendingUNSAFE_ComponentWillReceivePropsWarnings=[],pendingComponentWillUpdateWarnings=[],pendingUNSAFE_ComponentWillUpdateWarnings=[],pendingLegacyContextWarning=new Map}}var resolveFamily=null,failedBoundaries=null,setRefreshHandler=function(handler){resolveFamily=handler};function resolveFunctionForHotReloading(type){{if(resolveFamily===null)return type;var family=resolveFamily(type);return family===void 0?type:family.current}}function resolveClassForHotReloading(type){return resolveFunctionForHotReloading(type)}function resolveForwardRefForHotReloading(type){{if(resolveFamily===null)return type;var family=resolveFamily(type);if(family===void 0){if(type!=null&&typeof type.render=="function"){var currentRender=resolveFunctionForHotReloading(type.render);if(type.render!==currentRender){var syntheticType={$$typeof:REACT_FORWARD_REF_TYPE,render:currentRender};return type.displayName!==void 0&&(syntheticType.displayName=type.displayName),syntheticType}}return type}return family.current}}function isCompatibleFamilyForHotReloading(fiber,element){{if(resolveFamily===null)return!1;var prevType=fiber.elementType,nextType=element.type,needsCompareFamilies=!1,$$typeofNextType=typeof nextType=="object"&&nextType!==null?nextType.$$typeof:null;switch(fiber.tag){case ClassComponent:{typeof nextType=="function"&&(needsCompareFamilies=!0);break}case FunctionComponent:{(typeof nextType=="function"||$$typeofNextType===REACT_LAZY_TYPE)&&(needsCompareFamilies=!0);break}case ForwardRef:{($$typeofNextType===REACT_FORWARD_REF_TYPE||$$typeofNextType===REACT_LAZY_TYPE)&&(needsCompareFamilies=!0);break}case MemoComponent:case SimpleMemoComponent:{($$typeofNextType===REACT_MEMO_TYPE||$$typeofNextType===REACT_LAZY_TYPE)&&(needsCompareFamilies=!0);break}default:return!1}if(needsCompareFamilies){var prevFamily=resolveFamily(prevType);if(prevFamily!==void 0&&prevFamily===resolveFamily(nextType))return!0}return!1}}function markFailedErrorBoundaryForHotReloading(fiber){{if(resolveFamily===null||typeof WeakSet!="function")return;failedBoundaries===null&&(failedBoundaries=new WeakSet),failedBoundaries.add(fiber)}}var scheduleRefresh=function(root2,update){{if(resolveFamily===null)return;var staleFamilies=update.staleFamilies,updatedFamilies=update.updatedFamilies;flushPassiveEffects(),flushSync(function(){scheduleFibersWithFamiliesRecursively(root2.current,updatedFamilies,staleFamilies)})}},scheduleRoot=function(root2,element){{if(root2.context!==emptyContextObject)return;flushPassiveEffects(),syncUpdates(function(){updateContainer(element,root2,null,null)})}};function scheduleFibersWithFamiliesRecursively(fiber,updatedFamilies,staleFamilies){{var alternate=fiber.alternate,child=fiber.child,sibling=fiber.sibling,tag=fiber.tag,type=fiber.type,candidateType=null;switch(tag){case FunctionComponent:case SimpleMemoComponent:case ClassComponent:candidateType=type;break;case ForwardRef:candidateType=type.render;break}if(resolveFamily===null)throw new Error("Expected resolveFamily to be set during hot reload.");var needsRender=!1,needsRemount=!1;if(candidateType!==null){var family=resolveFamily(candidateType);family!==void 0&&(staleFamilies.has(family)?needsRemount=!0:updatedFamilies.has(family)&&(tag===ClassComponent?needsRemount=!0:needsRender=!0))}failedBoundaries!==null&&(failedBoundaries.has(fiber)||alternate!==null&&failedBoundaries.has(alternate))&&(needsRemount=!0),needsRemount&&(fiber._debugNeedsRemount=!0),(needsRemount||needsRender)&&scheduleWork(fiber,Sync),child!==null&&!needsRemount&&scheduleFibersWithFamiliesRecursively(child,updatedFamilies,staleFamilies),sibling!==null&&scheduleFibersWithFamiliesRecursively(sibling,updatedFamilies,staleFamilies)}}var findHostInstancesForRefresh=function(root2,families){{var hostInstances=new Set,types=new Set(families.map(f
|
||
|
|
||
|
%s uses %s but also contains the following legacy lifecycles:%s%s%s
|
||
|
|
||
|
The above lifecycles should be removed. Learn more about this warning here:
|
||
|
https://fb.me/react-unsafe-component-lifecycles`,_componentName,newApiName,foundWillMountName!==null?`
|
||
|
`+foundWillMountName:"",foundWillReceivePropsName!==null?`
|
||
|
`+foundWillReceivePropsName:"",foundWillUpdateName!==null?`
|
||
|
`+foundWillUpdateName:""))}}}return isLegacyContextConsumer&&cacheContext(workInProgress2,unmaskedContext,context),instance}function callComponentWillMount(workInProgress2,instance){startPhaseTimer(workInProgress2,"componentWillMount");var oldState=instance.state;typeof instance.componentWillMount=="function"&&instance.componentWillMount(),typeof instance.UNSAFE_componentWillMount=="function"&&instance.UNSAFE_componentWillMount(),stopPhaseTimer(),oldState!==instance.state&&(error("%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",getComponentName(workInProgress2.type)||"Component"),classComponentUpdater.enqueueReplaceState(instance,instance.state,null))}function callComponentWillReceiveProps(workInProgress2,instance,newProps,nextContext){var oldState=instance.state;if(startPhaseTimer(workInProgress2,"componentWillReceiveProps"),typeof instance.componentWillReceiveProps=="function"&&instance.componentWillReceiveProps(newProps,nextContext),typeof instance.UNSAFE_componentWillReceiveProps=="function"&&instance.UNSAFE_componentWillReceiveProps(newProps,nextContext),stopPhaseTimer(),instance.state!==oldState){{var componentName=getComponentName(workInProgress2.type)||"Component";didWarnAboutStateAssignmentForComponent.has(componentName)||(didWarnAboutStateAssignmentForComponent.add(componentName),error("%s.componentWillReceiveProps(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",componentName))}classComponentUpdater.enqueueReplaceState(instance,instance.state,null)}}function mountClassInstance(workInProgress2,ctor,newProps,renderExpirationTime2){checkClassInstance(workInProgress2,ctor,newProps);var instance=workInProgress2.stateNode;instance.props=newProps,instance.state=workInProgress2.memoizedState,instance.refs=emptyRefsObject,initializeUpdateQueue(workInProgress2);var contextType=ctor.contextType;if(typeof contextType=="object"&&contextType!==null)instance.context=readContext(contextType);else{var unmaskedContext=getUnmaskedContext(workInProgress2,ctor,!0);instance.context=getMaskedContext(workInProgress2,unmaskedContext)}{if(instance.state===newProps){var componentName=getComponentName(ctor)||"Component";didWarnAboutDirectlyAssigningPropsToState.has(componentName)||(didWarnAboutDirectlyAssigningPropsToState.add(componentName),error("%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",componentName))}workInProgress2.mode&StrictMode&&ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress2,instance),ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(workInProgress2,instance)}processUpdateQueue(workInProgress2,newProps,instance,renderExpirationTime2),instance.state=workInProgress2.memoizedState;var getDerivedStateFromProps=ctor.getDerivedStateFromProps;typeof getDerivedStateFromProps=="function"&&(applyDerivedStateFromProps(workInProgress2,ctor,getDerivedStateFromProps,newProps),instance.state=workInProgress2.memoizedState),typeof ctor.getDerivedStateFromProps!="function"&&typeof instance.getSnapshotBeforeUpdate!="function"&&(typeof instance.UNSAFE_componentWillMount=="function"||typeof instance.componentWillMount=="function")&&(callComponentWillMount(workInProgress2,instance),processUpdateQueue(workInProgress2,newProps,instance,renderExpirationTime2),instance.state=workInProgress2.memoizedState),typeof instance.componentDidMount=="function"&&(workInProgress2.effectTag|=Update)}function resumeMountClassInstance(workInProgress2,ctor,newProps,renderExpirationTime2){var instance=workInProgress2.stateNode,oldProps=workInProgress2.memoizedProps;instance.props=oldProps;var oldContext=instance.context,contextType=ctor.contextType,nextContext=emptyContextObject;if(typeof contextType=="object"&&contextType!==null)nextContext=readContext(contextType);else{var nextLegacyUnmaskedContext=getUnmaskedContext(workInProgress2,ctor,!0);nextContext=getMaskedCont
|
||
|
1. You may be adding a ref to a function component
|
||
|
2. You may be adding a ref to a component that was not created inside a component's render method
|
||
|
3. You have multiple copies of React loaded
|
||
|
See https://fb.me/react-refs-must-have-owner for more information.`)}}return mixedRef}function throwOnInvalidObjectType(returnFiber,newChild){if(returnFiber.type!=="textarea"){var addendum="";throw addendum=" If you meant to render a collection of children, use an array instead."+getCurrentFiberStackInDev(),Error("Objects are not valid as a React child (found: "+(Object.prototype.toString.call(newChild)==="[object Object]"?"object with keys {"+Object.keys(newChild).join(", ")+"}":newChild)+")."+addendum)}}function warnOnFunctionType(){{var currentComponentErrorInfo="Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it."+getCurrentFiberStackInDev();if(ownerHasFunctionTypeWarning[currentComponentErrorInfo])return;ownerHasFunctionTypeWarning[currentComponentErrorInfo]=!0,error("Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.")}}function ChildReconciler(shouldTrackSideEffects){function deleteChild(returnFiber,childToDelete){if(shouldTrackSideEffects){var last=returnFiber.lastEffect;last!==null?(last.nextEffect=childToDelete,returnFiber.lastEffect=childToDelete):returnFiber.firstEffect=returnFiber.lastEffect=childToDelete,childToDelete.nextEffect=null,childToDelete.effectTag=Deletion}}function deleteRemainingChildren(returnFiber,currentFirstChild){if(!shouldTrackSideEffects)return null;for(var childToDelete=currentFirstChild;childToDelete!==null;)deleteChild(returnFiber,childToDelete),childToDelete=childToDelete.sibling;return null}function mapRemainingChildren(returnFiber,currentFirstChild){for(var existingChildren=new Map,existingChild=currentFirstChild;existingChild!==null;)existingChild.key!==null?existingChildren.set(existingChild.key,existingChild):existingChildren.set(existingChild.index,existingChild),existingChild=existingChild.sibling;return existingChildren}function useFiber(fiber,pendingProps){var clone=createWorkInProgress(fiber,pendingProps);return clone.index=0,clone.sibling=null,clone}function placeChild(newFiber,lastPlacedIndex,newIndex){if(newFiber.index=newIndex,!shouldTrackSideEffects)return lastPlacedIndex;var current2=newFiber.alternate;if(current2!==null){var oldIndex=current2.index;return oldIndex<lastPlacedIndex?(newFiber.effectTag=Placement,lastPlacedIndex):oldIndex}else return newFiber.effectTag=Placement,lastPlacedIndex}function placeSingleChild(newFiber){return shouldTrackSideEffects&&newFiber.alternate===null&&(newFiber.effectTag=Placement),newFiber}function updateTextNode(returnFiber,current2,textContent,expirationTime){if(current2===null||current2.tag!==HostText){var created=createFiberFromText(textContent,returnFiber.mode,expirationTime);return created.return=returnFiber,created}else{var existing=useFiber(current2,textContent);return existing.return=returnFiber,existing}}function updateElement(returnFiber,current2,element,expirationTime){if(current2!==null&&(current2.elementType===element.type||isCompatibleFamilyForHotReloading(current2,element))){var existing=useFiber(current2,element.props);return existing.ref=coerceRef(returnFiber,current2,element),existing.return=returnFiber,existing._debugSource=element._source,existing._debugOwner=element._owner,existing}var created=createFiberFromElement(element,returnFiber.mode,expirationTime);return created.ref=coerceRef(returnFiber,current2,element),created.return=returnFiber,created}function updatePortal(returnFiber,current2,portal,expirationTime){if(current2===null||current2.tag!==HostPortal||current2.stateNode.containerInfo!==portal.containerInfo||current2.stateNode.implementation!==portal.implementation){var created=createFiberFromPortal(portal,returnFiber.mode,expirationTime);return created.return=returnFiber,created}else{var existing=useFiber(current2,portal.children||[]);return existing.return=returnFiber,existing}}function updateFragment2(returnFiber,current2,fragment,expirati
|
||
|
`,table+=row}error(`React has detected a change in the order of Hooks called by %s. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: https://fb.me/rules-of-hooks
|
||
|
|
||
|
Previous render Next render
|
||
|
------------------------------------------------------
|
||
|
%s ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||
|
`,componentName,table)}}}function throwInvalidHookError(){throw Error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
|
||
|
1. You might have mismatching versions of React and the renderer (such as React DOM)
|
||
|
2. You might be breaking the Rules of Hooks
|
||
|
3. You might have more than one copy of React in the same app
|
||
|
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.`)}function areHookInputsEqual(nextDeps,prevDeps){if(ignorePreviousDependencies)return!1;if(prevDeps===null)return error("%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",currentHookNameInDev),!1;nextDeps.length!==prevDeps.length&&error(`The final argument passed to %s changed size between renders. The order and size of this array must remain constant.
|
||
|
|
||
|
Previous: %s
|
||
|
Incoming: %s`,currentHookNameInDev,"["+prevDeps.join(", ")+"]","["+nextDeps.join(", ")+"]");for(var i=0;i<prevDeps.length&&i<nextDeps.length;i++)if(!objectIs(nextDeps[i],prevDeps[i]))return!1;return!0}function renderWithHooks(current2,workInProgress2,Component,props,secondArg,nextRenderExpirationTime){renderExpirationTime=nextRenderExpirationTime,currentlyRenderingFiber$1=workInProgress2,hookTypesDev=current2!==null?current2._debugHookTypes:null,hookTypesUpdateIndexDev=-1,ignorePreviousDependencies=current2!==null&¤t2.type!==workInProgress2.type,workInProgress2.memoizedState=null,workInProgress2.updateQueue=null,workInProgress2.expirationTime=NoWork,current2!==null&¤t2.memoizedState!==null?ReactCurrentDispatcher.current=HooksDispatcherOnUpdateInDEV:hookTypesDev!==null?ReactCurrentDispatcher.current=HooksDispatcherOnMountWithHookTypesInDEV:ReactCurrentDispatcher.current=HooksDispatcherOnMountInDEV;var children=Component(props,secondArg);if(workInProgress2.expirationTime===renderExpirationTime){var numberOfReRenders=0;do{if(workInProgress2.expirationTime=NoWork,!(numberOfReRenders<RE_RENDER_LIMIT))throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");numberOfReRenders+=1,ignorePreviousDependencies=!1,currentHook=null,workInProgressHook=null,workInProgress2.updateQueue=null,hookTypesUpdateIndexDev=-1,ReactCurrentDispatcher.current=HooksDispatcherOnRerenderInDEV,children=Component(props,secondArg)}while(workInProgress2.expirationTime===renderExpirationTime)}ReactCurrentDispatcher.current=ContextOnlyDispatcher,workInProgress2._debugHookTypes=hookTypesDev;var didRenderTooFewHooks=currentHook!==null&¤tHook.next!==null;if(renderExpirationTime=NoWork,currentlyRenderingFiber$1=null,currentHook=null,workInProgressHook=null,currentHookNameInDev=null,hookTypesDev=null,hookTypesUpdateIndexDev=-1,didScheduleRenderPhaseUpdate=!1,didRenderTooFewHooks)throw Error("Rendered fewer hooks than expected. This may be caused by an accidental early return statement.");return children}function bailoutHooks(current2,workInProgress2,expirationTime){workInProgress2.updateQueue=current2.updateQueue,workInProgress2.effectTag&=~(Passive|Update),current2.expirationTime<=expirationTime&&(current2.expirationTime=NoWork)}function resetHooksAfterThrow(){if(ReactCurrentDispatcher.current=ContextOnlyDispatcher,didScheduleRenderPhaseUpdate)for(var hook=currentlyRenderingFiber$1.memoizedState;hook!==null;){var queue=hook.queue;queue!==null&&(queue.pending=null),hook=hook.next}renderExpirationTime=NoWork,currentlyRenderingFiber$1=null,currentHook=null,workInProgressHook=null,hookTypesDev=null,hookTypesUpdateIndexDev=-1,currentHookNameInDev=null,didScheduleRenderPhaseUpdate=!1}function mountWorkInProgressHook(){var hook={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return workInProgressHook===null?currentlyRenderingFiber$1.memoizedState=workInProgressHook=hook:workInProgressHook=workInProgressHook.next=hook,workInProgressHook}function updateWorkInProgressHook(){var nextCurrentHook;if(currentHook===null){var current2=currentlyRenderingFiber$1.alternate;current2!==null?nextCurrentHook=current2.memoizedState:nextCurrentHook=null}else nextCurrentHook=currentHook.next;var nextWorkInProgressHook;if(workInProgressHook===null?nextWorkInProgressHook=currentlyRenderingFiber$1.memoizedState:nextWorkInProgressHook=workInProgressHook.next,nextWorkInProgressHook!==null)workInProgressHook=nextWorkInProgressHook,nextWorkInProgressHook=workInProgressHook.next,currentHook=nextCurrentHook;else{if(nextCurrentHook===null)throw Error("Rendered more hooks than during the previous render.");currentHook=nextCurrentHook;var newHook={memoizedState:currentHook.memoizedState,baseState:currentHook.baseState,baseQueue:currentHook.baseQueue,queue:currentHook.queue,next:null};workInProgressHook===null?currentlyRenderingFiber$1.memoizedState=workInProgressHook=newHook:workInProgressHook=workInProgressHook.next=newHook}return workInProgressHook}function createFunctionComponentUpdateQueue(){return{lastEffect:n
|
||
|
|
||
|
Check the render method of \``+ownerName+"`.");var warningKey=ownerName||workInProgress2._debugID||"",debugSource=workInProgress2._debugSource;debugSource&&(warningKey=debugSource.fileName+":"+debugSource.lineNumber),didWarnAboutFunctionRefs[warningKey]||(didWarnAboutFunctionRefs[warningKey]=!0,error("Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?%s",info))}if(typeof Component.getDerivedStateFromProps=="function"){var _componentName2=getComponentName(Component)||"Unknown";didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2]||(error("%s: Function components do not support getDerivedStateFromProps.",_componentName2),didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2]=!0)}if(typeof Component.contextType=="object"&&Component.contextType!==null){var _componentName3=getComponentName(Component)||"Unknown";didWarnAboutContextTypeOnFunctionComponent[_componentName3]||(error("%s: Function components do not support contextType.",_componentName3),didWarnAboutContextTypeOnFunctionComponent[_componentName3]=!0)}}}var SUSPENDED_MARKER={dehydrated:null,retryTime:NoWork};function shouldRemainOnFallback(suspenseContext,current2,workInProgress2){return hasSuspenseContext(suspenseContext,ForceSuspenseFallback)&&(current2===null||current2.memoizedState!==null)}function updateSuspenseComponent(current2,workInProgress2,renderExpirationTime2){var mode=workInProgress2.mode,nextProps=workInProgress2.pendingProps;shouldSuspend(workInProgress2)&&(workInProgress2.effectTag|=DidCapture);var suspenseContext=suspenseStackCursor.current,nextDidTimeout=!1,didSuspend=(workInProgress2.effectTag&DidCapture)!==NoEffect;if(didSuspend||shouldRemainOnFallback(suspenseContext,current2)?(nextDidTimeout=!0,workInProgress2.effectTag&=~DidCapture):(current2===null||current2.memoizedState!==null)&&nextProps.fallback!==void 0&&nextProps.unstable_avoidThisFallback!==!0&&(suspenseContext=addSubtreeSuspenseContext(suspenseContext,InvisibleParentSuspenseContext)),suspenseContext=setDefaultShallowSuspenseContext(suspenseContext),pushSuspenseContext(workInProgress2,suspenseContext),current2===null)if(nextProps.fallback!==void 0&&tryToClaimNextHydratableInstance(workInProgress2),nextDidTimeout){var nextFallbackChildren=nextProps.fallback,primaryChildFragment=createFiberFromFragment(null,mode,NoWork,null);if(primaryChildFragment.return=workInProgress2,(workInProgress2.mode&BlockingMode)===NoMode){var progressedState=workInProgress2.memoizedState,progressedPrimaryChild=progressedState!==null?workInProgress2.child.child:workInProgress2.child;primaryChildFragment.child=progressedPrimaryChild;for(var progressedChild=progressedPrimaryChild;progressedChild!==null;)progressedChild.return=primaryChildFragment,progressedChild=progressedChild.sibling}var fallbackChildFragment=createFiberFromFragment(nextFallbackChildren,mode,renderExpirationTime2,null);return fallbackChildFragment.return=workInProgress2,primaryChildFragment.sibling=fallbackChildFragment,workInProgress2.memoizedState=SUSPENDED_MARKER,workInProgress2.child=primaryChildFragment,fallbackChildFragment}else{var nextPrimaryChildren=nextProps.children;return workInProgress2.memoizedState=null,workInProgress2.child=mountChildFibers(workInProgress2,null,nextPrimaryChildren,renderExpirationTime2)}else{var prevState=current2.memoizedState;if(prevState!==null){var currentPrimaryChildFragment=current2.child,currentFallbackChildFragment=currentPrimaryChildFragment.sibling;if(nextDidTimeout){var _nextFallbackChildren2=nextProps.fallback,_primaryChildFragment2=createWorkInProgress(currentPrimaryChildFragment,currentPrimaryChildFragment.pendingProps);if(_primaryChildFragment2.return=workInProgress2,(workInProgress2.mode&BlockingMode)===NoMode){var _progressedState=workInProgress2.memoizedState,_progressedPrimaryChild=_progressedState!==null?workInProgress2.child.child:workInProgress2.child;if(_progressedPrimaryChild!==currentPrimaryChildFragment.child){_primaryChildFragment2.child=_progressedPrimaryChild;for(var _progressedChild2=_progresse
|
||
|
Recreating the tree from scratch failed so React will unmount the tree.`:errorBoundaryMessage=`Consider adding an error boundary to your tree to customize error handling behavior.
|
||
|
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.`;var combinedMessage=""+componentNameMessage+componentStack+`
|
||
|
|
||
|
`+(""+errorBoundaryMessage);console.error(combinedMessage)}}var didWarnAboutUndefinedSnapshotBeforeUpdate=null;didWarnAboutUndefinedSnapshotBeforeUpdate=new Set;var PossiblyWeakSet=typeof WeakSet=="function"?WeakSet:Set;function logError(boundary,errorInfo){var source=errorInfo.source,stack=errorInfo.stack;stack===null&&source!==null&&(stack=getStackByFiberInDevAndProd(source));var capturedError={componentName:source!==null?getComponentName(source.type):null,componentStack:stack!==null?stack:"",error:errorInfo.value,errorBoundary:null,errorBoundaryName:null,errorBoundaryFound:!1,willRetry:!1};boundary!==null&&boundary.tag===ClassComponent&&(capturedError.errorBoundary=boundary.stateNode,capturedError.errorBoundaryName=getComponentName(boundary.type),capturedError.errorBoundaryFound=!0,capturedError.willRetry=!0);try{logCapturedError(capturedError)}catch(e){setTimeout(function(){throw e})}}var callComponentWillUnmountWithTimer=function(current2,instance){startPhaseTimer(current2,"componentWillUnmount"),instance.props=current2.memoizedProps,instance.state=current2.memoizedState,instance.componentWillUnmount(),stopPhaseTimer()};function safelyCallComponentWillUnmount(current2,instance){if(invokeGuardedCallback(null,callComponentWillUnmountWithTimer,null,current2,instance),hasCaughtError()){var unmountError=clearCaughtError();captureCommitPhaseError(current2,unmountError)}}function safelyDetachRef(current2){var ref=current2.ref;if(ref!==null)if(typeof ref=="function"){if(invokeGuardedCallback(null,ref,null,null),hasCaughtError()){var refError=clearCaughtError();captureCommitPhaseError(current2,refError)}}else ref.current=null}function safelyCallDestroy(current2,destroy){if(invokeGuardedCallback(null,destroy,null),hasCaughtError()){var error2=clearCaughtError();captureCommitPhaseError(current2,error2)}}function commitBeforeMutationLifeCycles(current2,finishedWork){switch(finishedWork.tag){case FunctionComponent:case ForwardRef:case SimpleMemoComponent:case Block:return;case ClassComponent:{if(finishedWork.effectTag&Snapshot&¤t2!==null){var prevProps=current2.memoizedProps,prevState=current2.memoizedState;startPhaseTimer(finishedWork,"getSnapshotBeforeUpdate");var instance=finishedWork.stateNode;finishedWork.type===finishedWork.elementType&&!didWarnAboutReassigningProps&&(instance.props!==finishedWork.memoizedProps&&error("Expected %s props to match memoized props before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",getComponentName(finishedWork.type)||"instance"),instance.state!==finishedWork.memoizedState&&error("Expected %s state to match memoized state before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",getComponentName(finishedWork.type)||"instance"));var snapshot=instance.getSnapshotBeforeUpdate(finishedWork.elementType===finishedWork.type?prevProps:resolveDefaultProps(finishedWork.type,prevProps),prevState);{var didWarnSet=didWarnAboutUndefinedSnapshotBeforeUpdate;snapshot===void 0&&!didWarnSet.has(finishedWork.type)&&(didWarnSet.add(finishedWork.type),error("%s.getSnapshotBeforeUpdate(): A snapshot value (or null) must be returned. You have returned undefined.",getComponentName(finishedWork.type)))}instance.__reactInternalSnapshotBeforeUpdate=snapshot,stopPhaseTimer()}return}case HostRoot:case HostComponent:case HostText:case HostPortal:case IncompleteClassComponent:return}throw Error("This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.")}function commitHookEffectListUnmount(tag,finishedWork){var updateQueue=finishedWork.updateQueue,lastEffect=updateQueue!==null?updateQueue.lastEffect:null;if(lastEffect!==null){var firstEffect=lastEffect.next,effect=firstEffect;do{if((effect.tag&tag)===tag){var destroy=effect.destroy;effect.destroy=void 0,destroy!==void 0&&destroy()}effect=effect.next}while(effect!==firstEffect)}}function commitHookEffec
|
||
|
|
||
|
It looks like you wrote useEffect(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:
|
||
|
|
||
|
useEffect(() => {
|
||
|
async function fetchData() {
|
||
|
// You can await here
|
||
|
const response = await MyAPI.getData(someId);
|
||
|
// ...
|
||
|
}
|
||
|
fetchData();
|
||
|
}, [someId]); // Or [] if effect doesn't need props or state
|
||
|
|
||
|
Learn more about data fetching with Hooks: https://fb.me/react-hooks-data-fetching`:addendum=" You returned: "+destroy,error("An effect function must not return anything besides a function, which is used for clean-up.%s%s",addendum,getStackByFiberInDevAndProd(finishedWork))}}}effect=effect.next}while(effect!==firstEffect)}}function commitPassiveHookEffects(finishedWork){if((finishedWork.effectTag&Passive)!==NoEffect)switch(finishedWork.tag){case FunctionComponent:case ForwardRef:case SimpleMemoComponent:case Block:{commitHookEffectListUnmount(Passive$1|HasEffect,finishedWork),commitHookEffectListMount(Passive$1|HasEffect,finishedWork);break}}}function commitLifeCycles(finishedRoot,current2,finishedWork,committedExpirationTime){switch(finishedWork.tag){case FunctionComponent:case ForwardRef:case SimpleMemoComponent:case Block:{commitHookEffectListMount(Layout|HasEffect,finishedWork);return}case ClassComponent:{var instance=finishedWork.stateNode;if(finishedWork.effectTag&Update)if(current2===null)startPhaseTimer(finishedWork,"componentDidMount"),finishedWork.type===finishedWork.elementType&&!didWarnAboutReassigningProps&&(instance.props!==finishedWork.memoizedProps&&error("Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",getComponentName(finishedWork.type)||"instance"),instance.state!==finishedWork.memoizedState&&error("Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",getComponentName(finishedWork.type)||"instance")),instance.componentDidMount(),stopPhaseTimer();else{var prevProps=finishedWork.elementType===finishedWork.type?current2.memoizedProps:resolveDefaultProps(finishedWork.type,current2.memoizedProps),prevState=current2.memoizedState;startPhaseTimer(finishedWork,"componentDidUpdate"),finishedWork.type===finishedWork.elementType&&!didWarnAboutReassigningProps&&(instance.props!==finishedWork.memoizedProps&&error("Expected %s props to match memoized props before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",getComponentName(finishedWork.type)||"instance"),instance.state!==finishedWork.memoizedState&&error("Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",getComponentName(finishedWork.type)||"instance")),instance.componentDidUpdate(prevProps,prevState,instance.__reactInternalSnapshotBeforeUpdate),stopPhaseTimer()}var updateQueue=finishedWork.updateQueue;updateQueue!==null&&(finishedWork.type===finishedWork.elementType&&!didWarnAboutReassigningProps&&(instance.props!==finishedWork.memoizedProps&&error("Expected %s props to match memoized props before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",getComponentName(finishedWork.type)||"instance"),instance.state!==finishedWork.memoizedState&&error("Expected %s state to match memoized state before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",getComponentName(finishedWork.type)||"instance")),commitUpdateQueue(finishedWork,updateQueue,instance));return}case HostRoot:{var _updateQueue=finishedWork.updateQueue;if(_updateQueue!==null){var _instance=null;if(finishedWork.child!==null)switch(finishedWork.child.tag){case HostComponent:_instance=finishedWork.child.stateNode;break;case ClassComponent:_instance=finishedWork.child.stateNode;break}commitUpdateQueue(finishedWork,_updateQueue,_instance)}return}case HostComponent:{var _instance2=finishedWork.stateNode;if(current2===null&&finishedWork.effectTag&Update){var type=finishedWork.type,props
|
||
|
|
||
|
Add a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.`+getStackByFiberInDevAndProd(sourceFiber))}renderDidError(),value=createCapturedValue(value,sourceFiber);var workInProgress2=returnFiber;do{switch(workInProgress2.tag){case HostRoot:{var _errorInfo=value;workInProgress2.effectTag|=ShouldCapture,workInProgress2.expirationTime=renderExpirationTime2;var _update=createRootErrorUpdate(workInProgress2,_errorInfo,renderExpirationTime2);enqueueCapturedUpdate(workInProgress2,_update);return}case ClassComponent:var errorInfo=value,ctor=workInProgress2.type,instance=workInProgress2.stateNode;if((workInProgress2.effectTag&DidCapture)===NoEffect&&(typeof ctor.getDerivedStateFromError=="function"||instance!==null&&typeof instance.componentDidCatch=="function"&&!isAlreadyFailedLegacyErrorBoundary(instance))){workInProgress2.effectTag|=ShouldCapture,workInProgress2.expirationTime=renderExpirationTime2;var _update2=createClassErrorUpdate(workInProgress2,errorInfo,renderExpirationTime2);enqueueCapturedUpdate(workInProgress2,_update2);return}break}workInProgress2=workInProgress2.return}while(workInProgress2!==null)}var ceil=Math.ceil,ReactCurrentDispatcher$1=ReactSharedInternals.ReactCurrentDispatcher,ReactCurrentOwner$2=ReactSharedInternals.ReactCurrentOwner,IsSomeRendererActing=ReactSharedInternals.IsSomeRendererActing,NoContext=0,BatchedContext=1,EventContext=2,DiscreteEventContext=4,LegacyUnbatchedContext=8,RenderContext=16,CommitContext=32,RootIncomplete=0,RootFatalErrored=1,RootErrored=2,RootSuspended=3,RootSuspendedWithDelay=4,RootCompleted=5,executionContext=NoContext,workInProgressRoot=null,workInProgress=null,renderExpirationTime$1=NoWork,workInProgressRootExitStatus=RootIncomplete,workInProgressRootFatalError=null,workInProgressRootLatestProcessedExpirationTime=Sync,workInProgressRootLatestSuspenseTimeout=Sync,workInProgressRootCanSuspendUsingConfig=null,workInProgressRootNextUnprocessedUpdateTime=NoWork,workInProgressRootHasPendingPing=!1,globalMostRecentFallbackTime=0,FALLBACK_THROTTLE_MS=500,nextEffect=null,hasUncaughtError=!1,firstUncaughtError=null,legacyErrorBoundariesThatAlreadyFailed=null,rootDoesHavePassiveEffects=!1,rootWithPendingPassiveEffects=null,pendingPassiveEffectsRenderPriority=NoPriority,pendingPassiveEffectsExpirationTime=NoWork,rootsWithPendingDiscreteUpdates=null,NESTED_UPDATE_LIMIT=50,nestedUpdateCount=0,rootWithNestedUpdates=null,NESTED_PASSIVE_UPDATE_LIMIT=50,nestedPassiveUpdateCount=0,interruptedBy=null,spawnedWorkDuringRender=null,currentEventTime=NoWork;function requestCurrentTimeForUpdate(){return(executionContext&(RenderContext|CommitContext))!==NoContext?msToExpirationTime(now()):(currentEventTime!==NoWork||(currentEventTime=msToExpirationTime(now())),currentEventTime)}function getCurrentTime(){return msToExpirationTime(now())}function computeExpirationForFiber(currentTime,fiber,suspenseConfig){var mode=fiber.mode;if((mode&BlockingMode)===NoMode)return Sync;var priorityLevel=getCurrentPriorityLevel();if((mode&ConcurrentMode)===NoMode)return priorityLevel===ImmediatePriority?Sync:Batched;if((executionContext&RenderContext)!==NoContext)return renderExpirationTime$1;var expirationTime;if(suspenseConfig!==null)expirationTime=computeSuspenseExpiration(currentTime,suspenseConfig.timeoutMs|0||LOW_PRIORITY_EXPIRATION);else switch(priorityLevel){case ImmediatePriority:expirationTime=Sync;break;case UserBlockingPriority$1:expirationTime=computeInteractiveExpiration(currentTime);break;case NormalPriority:case LowPriority:expirationTime=computeAsyncExpiration(currentTime);break;case IdlePriority:expirationTime=Idle;break;default:throw Error("Expected a valid priority level")}return workInProgressRoot!==null&&expirationTime===renderExpirationTime$1&&(expirationTime-=1),expirationTime}function scheduleUpdateOnFiber(fiber,expirationTime){checkForNestedUpdates(),warnAboutRenderPhaseUpdatesInDEV(fiber);var root2=markUpdateTimeFromFiberToRoot(fiber,expirationTime);if(root2===null){warnAboutUpdateOnUnmountedFiberInDEV(fiber);return}checkForInterruptio
|
||
|
Be sure to use the matching version of act() corresponding to your renderer:
|
||
|
|
||
|
// for react-dom:
|
||
|
import {act} from 'react-dom/test-utils';
|
||
|
// ...
|
||
|
act(() => ...);
|
||
|
|
||
|
// for react-test-renderer:
|
||
|
import TestRenderer from 'react-test-renderer';
|
||
|
const {act} = TestRenderer;
|
||
|
// ...
|
||
|
act(() => ...);%s`,getStackByFiberInDevAndProd(fiber))}function warnIfNotCurrentlyActingEffectsInDEV(fiber){(fiber.mode&StrictMode)!==NoMode&&IsSomeRendererActing.current===!1&&IsThisRendererActing.current===!1&&error(`An update to %s ran an effect, but was not wrapped in act(...).
|
||
|
|
||
|
When testing, code that causes React state updates should be wrapped into act(...):
|
||
|
|
||
|
act(() => {
|
||
|
/* fire events that update state */
|
||
|
});
|
||
|
/* assert on the output */
|
||
|
|
||
|
This ensures that you're testing the behavior the user would see in the browser. Learn more at https://fb.me/react-wrap-tests-with-act%s`,getComponentName(fiber.type),getStackByFiberInDevAndProd(fiber))}function warnIfNotCurrentlyActingUpdatesInDEV(fiber){executionContext===NoContext&&IsSomeRendererActing.current===!1&&IsThisRendererActing.current===!1&&error(`An update to %s inside a test was not wrapped in act(...).
|
||
|
|
||
|
When testing, code that causes React state updates should be wrapped into act(...):
|
||
|
|
||
|
act(() => {
|
||
|
/* fire events that update state */
|
||
|
});
|
||
|
/* assert on the output */
|
||
|
|
||
|
This ensures that you're testing the behavior the user would see in the browser. Learn more at https://fb.me/react-wrap-tests-with-act%s`,getComponentName(fiber.type),getStackByFiberInDevAndProd(fiber))}var warnIfNotCurrentlyActingUpdatesInDev=warnIfNotCurrentlyActingUpdatesInDEV,didWarnAboutUnmockedScheduler=!1;function warnIfUnmockedScheduler(fiber){didWarnAboutUnmockedScheduler===!1&&Scheduler.unstable_flushAllWithoutAsserting===void 0&&(fiber.mode&BlockingMode||fiber.mode&ConcurrentMode)&&(didWarnAboutUnmockedScheduler=!0,error(`In Concurrent or Sync modes, the "scheduler" module needs to be mocked to guarantee consistent behaviour across tests and browsers. For example, with jest:
|
||
|
jest.mock('scheduler', () => require('scheduler/unstable_mock'));
|
||
|
|
||
|
For more info, visit https://fb.me/react-mock-scheduler`))}function computeThreadID(root2,expirationTime){return expirationTime*1e3+root2.interactionThreadID}function markSpawnedWork(expirationTime){spawnedWorkDuringRender===null?spawnedWorkDuringRender=[expirationTime]:spawnedWorkDuringRender.push(expirationTime)}function scheduleInteractions(root2,expirationTime,interactions){if(interactions.size>0){var pendingInteractionMap=root2.pendingInteractionMap,pendingInteractions=pendingInteractionMap.get(expirationTime);pendingInteractions!=null?interactions.forEach(function(interaction){pendingInteractions.has(interaction)||interaction.__count++,pendingInteractions.add(interaction)}):(pendingInteractionMap.set(expirationTime,new Set(interactions)),interactions.forEach(function(interaction){interaction.__count++}));var subscriber=tracing.__subscriberRef.current;if(subscriber!==null){var threadID=computeThreadID(root2,expirationTime);subscriber.onWorkScheduled(interactions,threadID)}}}function schedulePendingInteractions(root2,expirationTime){scheduleInteractions(root2,expirationTime,tracing.__interactionsRef.current)}function startWorkOnPendingInteractions(root2,expirationTime){var interactions=new Set;if(root2.pendingInteractionMap.forEach(function(scheduledInteractions,scheduledExpirationTime){scheduledExpirationTime>=expirationTime&&scheduledInteractions.forEach(function(interaction){return interactions.add(interaction)})}),root2.memoizedInteractions=interactions,interactions.size>0){var subscriber=tracing.__subscriberRef.current;if(subscriber!==null){var threadID=computeThreadID(root2,expirationTime);try{subscriber.onWorkStarted(interactions,threadID)}catch(error2){scheduleCallback(ImmediatePriority,function(){throw error2})}}}}function finishPendingInteractions(root2,committedExpirationTime){var earliestRemainingTimeAfterCommit=root2.firstPendingTime,subscriber;try{if(subscriber=tracing.__subscriberRef.current,subscriber!==null&&root2.memoizedInteractions.size>0){var threadID=computeThreadID(root2,committedExpirationTime);subscriber.onWorkStopped(root2.memoizedInteractions,threadID)}}catch(error2){scheduleCallback(ImmediatePriority,function(){throw error2})}finally{var pendingInteractionMap=root2.pendingInteractionMap;pendingInteractionMap.forEach(function(scheduledInteractions,scheduledExpirationTime){scheduledExpirationTime>earliestRemainingTimeAfterCommit&&(pendingInteractionMap.delete(scheduledExpirationTime),scheduledInteractions.forEach(function(interaction){if(interaction.__count--,subscriber!==null&&interaction.__count===0)try{subscriber.onInteractionScheduledWorkCompleted(interaction)}catch(error2){scheduleCallback(ImmediatePriority,function(){throw error2})}}))})}}var onScheduleFiberRoot=null,onCommitFiberRoot=null,onCommitFiberUnmount=null,hasLoggedError=!1,isDevToolsPresent=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u";function injectInternals(internals){if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u")return!1;var hook=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(hook.isDisabled)return!0;if(!hook.supportsFiber)return error("The installed version of React DevTools is too old and will not work with the current version of React. Please update React DevTools. https://fb.me/react-devtools"),!0;try{var rendererID=hook.inject(internals);typeof hook.onScheduleFiberRoot=="function"&&(onScheduleFiberRoot=function(root2,children){try{hook.onScheduleFiberRoot(rendererID,root2,children)}catch(err){hasLoggedError||(hasLoggedError=!0,error("React instrumentation encountered an error: %s",err))}}),onCommitFiberRoot=function(root2,expirationTime){try{var didError=(root2.current.effectTag&DidCapture)===DidCapture;if(enableProfilerTimer){var currentTime=getCurrentTime(),priorityLevel=inferPriorityFromExpirationTime(currentTime,expirationTime);hook.onCommitFiberRoot(rendererID,root2,priorityLevel,didError)}else hook.onCommitFiberRoot(rendererID,root2,void 0,didError)}catch(err){hasLoggedError||(hasLoggedError=!0,error("React instrumentation encountered an error: %s",err))}},onCommitFiberUnmount=function(fiber){try{hook.onCommitFiberUnmount(rende
|
||
|
|
||
|
Check the render method of \``+ownerName+"`.")}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+(type==null?type:typeof type)+"."+info)}}return fiber=createFiber(fiberTag,pendingProps,key,mode),fiber.elementType=type,fiber.type=resolvedType,fiber.expirationTime=expirationTime,fiber}function createFiberFromElement(element,mode,expirationTime){var owner=null;owner=element._owner;var type=element.type,key=element.key,pendingProps=element.props,fiber=createFiberFromTypeAndProps(type,key,pendingProps,owner,mode,expirationTime);return fiber._debugSource=element._source,fiber._debugOwner=element._owner,fiber}function createFiberFromFragment(elements,mode,expirationTime,key){var fiber=createFiber(Fragment2,elements,key,mode);return fiber.expirationTime=expirationTime,fiber}function createFiberFromProfiler(pendingProps,mode,expirationTime,key){(typeof pendingProps.id!="string"||typeof pendingProps.onRender!="function")&&error('Profiler must specify an "id" string and "onRender" function as props');var fiber=createFiber(Profiler,pendingProps,key,mode|ProfileMode);return fiber.elementType=REACT_PROFILER_TYPE,fiber.type=REACT_PROFILER_TYPE,fiber.expirationTime=expirationTime,fiber}function createFiberFromSuspense(pendingProps,mode,expirationTime,key){var fiber=createFiber(SuspenseComponent,pendingProps,key,mode);return fiber.type=REACT_SUSPENSE_TYPE,fiber.elementType=REACT_SUSPENSE_TYPE,fiber.expirationTime=expirationTime,fiber}function createFiberFromSuspenseList(pendingProps,mode,expirationTime,key){var fiber=createFiber(SuspenseListComponent,pendingProps,key,mode);return fiber.type=REACT_SUSPENSE_LIST_TYPE,fiber.elementType=REACT_SUSPENSE_LIST_TYPE,fiber.expirationTime=expirationTime,fiber}function createFiberFromText(content,mode,expirationTime){var fiber=createFiber(HostText,content,null,mode);return fiber.expirationTime=expirationTime,fiber}function createFiberFromHostInstanceForDeletion(){var fiber=createFiber(HostComponent,null,null,NoMode);return fiber.elementType="DELETED",fiber.type="DELETED",fiber}function createFiberFromPortal(portal,mode,expirationTime){var pendingProps=portal.children!==null?portal.children:[],fiber=createFiber(HostPortal,pendingProps,portal.key,mode);return fiber.expirationTime=expirationTime,fiber.stateNode={containerInfo:portal.containerInfo,pendingChildren:null,implementation:portal.implementation},fiber}function assignFiberPropertiesInDEV(target,source){return target===null&&(target=createFiber(IndeterminateComponent,null,null,NoMode)),target.tag=source.tag,target.key=source.key,target.elementType=source.elementType,target.type=source.type,target.stateNode=source.stateNode,target.return=source.return,target.child=source.child,target.sibling=source.sibling,target.index=source.index,target.ref=source.ref,target.pendingProps=source.pendingProps,target.memoizedProps=source.memoizedProps,target.updateQueue=source.updateQueue,target.memoizedState=source.memoizedState,target.dependencies=source.dependencies,target.mode=source.mode,target.effectTag=source.effectTag,target.nextEffect=source.nextEffect,target.firstEffect=source.firstEffect,target.lastEffect=source.lastEffect,target.expirationTime=source.expirationTime,target.childExpirationTime=source.childExpirationTime,target.alternate=source.alternate,target.actualDuration=source.actualDuration,target.actualStartTime=source.actualStartTime,target.selfBaseDuration=source.selfBaseDuration,target.treeBaseDuration=source.treeBaseDuration,target._debugID=source._debugID,target._debugSource=source._debugSource,target._debugOwner=source._debugOwner,target._debugIsCurrentlyTiming=source._debugIsCurrentlyTiming,target._debugNeedsRemount=source._debugNeedsRemount,target._debugHookTypes=source._debugHookTypes,target}function FiberRootNode(containerInfo,tag,hydrate2){this.tag=tag,this.current=null,this.containerInfo=containerInfo,this.pendingChildren=null,this.pingCache=null,this.finishedExpirationTime=NoWork,this.finishedWork=null,this.timeoutHandle=noTimeout,this.context=n
|
||
|
|
||
|
Check the render method of %s.`,getComponentName(current.type)||"Unknown"));var update=createUpdate(expirationTime,suspenseConfig);return update.payload={element},callback=callback===void 0?null:callback,callback!==null&&(typeof callback!="function"&&error("render(...): Expected the last optional `callback` argument to be a function. Instead received: %s.",callback),update.callback=callback),enqueueUpdate(current$1,update),scheduleWork(current$1,expirationTime),expirationTime}function getPublicRootInstance(container){var containerFiber=container.current;if(!containerFiber.child)return null;switch(containerFiber.child.tag){case HostComponent:return containerFiber.child.stateNode;default:return containerFiber.child.stateNode}}function markRetryTimeImpl(fiber,retryTime){var suspenseState=fiber.memoizedState;suspenseState!==null&&suspenseState.dehydrated!==null&&suspenseState.retryTime<retryTime&&(suspenseState.retryTime=retryTime)}function markRetryTimeIfNotHydrated(fiber,retryTime){markRetryTimeImpl(fiber,retryTime);var alternate=fiber.alternate;alternate&&markRetryTimeImpl(alternate,retryTime)}function attemptUserBlockingHydration$1(fiber){if(fiber.tag===SuspenseComponent){var expTime=computeInteractiveExpiration(requestCurrentTimeForUpdate());scheduleWork(fiber,expTime),markRetryTimeIfNotHydrated(fiber,expTime)}}function attemptContinuousHydration$1(fiber){fiber.tag===SuspenseComponent&&(scheduleWork(fiber,ContinuousHydration),markRetryTimeIfNotHydrated(fiber,ContinuousHydration))}function attemptHydrationAtCurrentPriority$1(fiber){if(fiber.tag===SuspenseComponent){var currentTime=requestCurrentTimeForUpdate(),expTime=computeExpirationForFiber(currentTime,fiber,null);scheduleWork(fiber,expTime),markRetryTimeIfNotHydrated(fiber,expTime)}}function findHostInstanceWithNoPortals(fiber){var hostFiber=findCurrentHostFiberWithNoPortals(fiber);return hostFiber===null?null:hostFiber.tag===FundamentalComponent?hostFiber.stateNode.instance:hostFiber.stateNode}var shouldSuspendImpl=function(fiber){return!1};function shouldSuspend(fiber){return shouldSuspendImpl(fiber)}var overrideHookState=null,overrideProps=null,scheduleUpdate=null,setSuspenseHandler=null;{var copyWithSetImpl=function(obj,path,idx,value){if(idx>=path.length)return value;var key=path[idx],updated=Array.isArray(obj)?obj.slice():_assign({},obj);return updated[key]=copyWithSetImpl(obj[key],path,idx+1,value),updated},copyWithSet=function(obj,path,value){return copyWithSetImpl(obj,path,0,value)};overrideHookState=function(fiber,id,path,value){for(var currentHook2=fiber.memoizedState;currentHook2!==null&&id>0;)currentHook2=currentHook2.next,id--;if(currentHook2!==null){var newState=copyWithSet(currentHook2.memoizedState,path,value);currentHook2.memoizedState=newState,currentHook2.baseState=newState,fiber.memoizedProps=_assign({},fiber.memoizedProps),scheduleWork(fiber,Sync)}},overrideProps=function(fiber,path,value){fiber.pendingProps=copyWithSet(fiber.memoizedProps,path,value),fiber.alternate&&(fiber.alternate.pendingProps=fiber.pendingProps),scheduleWork(fiber,Sync)},scheduleUpdate=function(fiber){scheduleWork(fiber,Sync)},setSuspenseHandler=function(newShouldSuspendImpl){shouldSuspendImpl=newShouldSuspendImpl}}function injectIntoDevTools(devToolsConfig){var findFiberByHostInstance=devToolsConfig.findFiberByHostInstance,ReactCurrentDispatcher2=ReactSharedInternals.ReactCurrentDispatcher;return injectInternals(_assign({},devToolsConfig,{overrideHookState,overrideProps,setSuspenseHandler,scheduleUpdate,currentDispatcherRef:ReactCurrentDispatcher2,findHostInstanceByFiber:function(fiber){var hostFiber=findCurrentHostFiber(fiber);return hostFiber===null?null:hostFiber.stateNode},findFiberByHostInstance:function(instance){return findFiberByHostInstance?findFiberByHostInstance(instance):null},findHostInstancesForRefresh,scheduleRefresh,scheduleRoot,setRefreshHandler,getCurrentFiber:function(){return current}}))}var IsSomeRendererActing$1=ReactSharedInternals.IsSomeRendererActing;function ReactDOMRoot(container,options){this._internalRoot=createRootImpl(container,ConcurrentRoo
|
||
|
You might need to use a local HTTP server (instead of file://): https://fb.me/react-devtools-faq`:""),"font-weight:bold")}exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Internals,exports.createPortal=createPortal$1,exports.findDOMNode=findDOMNode,exports.flushSync=flushSync,exports.hydrate=hydrate,exports.render=render,exports.unmountComponentAtNode=unmountComponentAtNode,exports.unstable_batchedUpdates=batchedUpdates$1,exports.unstable_createPortal=unstable_createPortal,exports.unstable_renderSubtreeIntoContainer=renderSubtreeIntoContainer,exports.version=ReactVersion})()}});var require_react_dom=__commonJS({"../../node_modules/react-dom/index.js"(exports,module){"use strict";module.exports=require_react_dom_development()}});var scope=(()=>{let win;return typeof window<"u"?win=window:typeof globalThis<"u"?win=globalThis:typeof global<"u"?win=global:typeof self<"u"?win=self:win={},win})();var dist_exports2={};__export(dist_exports2,{CacheProvider:()=>CacheProvider,ClassNames:()=>ClassNames,Global:()=>Global,ThemeProvider:()=>ThemeProvider,background:()=>background,color:()=>color,convert:()=>convert,create:()=>create,createCache:()=>createCache,createGlobal:()=>createGlobal,createReset:()=>createReset,css:()=>css,darken:()=>darkenColor,ensure:()=>ensure,ignoreSsrWarning:()=>ignoreSsrWarning,isPropValid:()=>isPropValid,jsx:()=>jsx,keyframes:()=>keyframes,lighten:()=>lightenColor,styled:()=>newStyled,themes:()=>themes,typography:()=>typography,useTheme:()=>useTheme,withTheme:()=>withTheme});var dist_exports={};__export(dist_exports,{deprecate:()=>deprecate,logger:()=>logger,once:()=>once,pretty:()=>pretty});var{LOGLEVEL}=scope,levels={trace:1,debug:2,info:3,warn:4,error:5,silent:10},currentLogLevelString=LOGLEVEL,currentLogLevelNumber=levels[currentLogLevelString]||levels.info,logger={trace:(message,...rest)=>{currentLogLevelNumber<=levels.trace&&console.trace(message,...rest)},debug:(message,...rest)=>{currentLogLevelNumber<=levels.debug&&console.debug(message,...rest)},info:(message,...rest)=>{currentLogLevelNumber<=levels.info&&console.info(message,...rest)},warn:(message,...rest)=>{currentLogLevelNumber<=levels.warn&&console.warn(message,...rest)},error:(message,...rest)=>{currentLogLevelNumber<=levels.error&&console.error(message,...rest)},log:(message,...rest)=>{currentLogLevelNumber<levels.silent&&console.log(message,...rest)}},logged=new Set,once=type=>(message,...rest)=>{if(!logged.has(message))return logged.add(message),logger[type](message,...rest)};once.clear=()=>logged.clear();once.trace=once("trace");once.debug=once("debug");once.info=once("info");once.warn=once("warn");once.error=once("error");once.log=once("log");var deprecate=once("warn"),pretty=type=>(...args)=>{let argArray=[];if(args.length){let startTagRe=/<span\s+style=(['"])([^'"]*)\1\s*>/gi,endTagRe=/<\/span>/gi,reResultArray;for(argArray.push(args[0].replace(startTagRe,"%c").replace(endTagRe,"%c"));reResultArray=startTagRe.exec(args[0]);)argArray.push(reResultArray[2]),argArray.push("");for(let j=1;j<args.length;j++)argArray.push(args[j])}logger[type].apply(logger,argArray)};pretty.trace=pretty("trace");pretty.debug=pretty("debug");pretty.info=pretty("info");pretty.warn=pretty("warn");pretty.error=pretty("error");var __create=Object.create,__defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropNames=Object.getOwnPropertyNames,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__commonJS2=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__copyProps=(to,from2,except,desc)=>{if(from2&&typeof from2=="object"||typeof from2=="function")for(let key of __getOwnPropNames(from2))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from2[key],enumerable:!(desc=__getOwnPropDesc(from2,key))||desc.enumerable});return to},__toESM2=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,
|
||
|
|
||
|
`,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
|
||
|
|
||
|
`,3:`Passed an incorrect argument to a color function, please pass a string representation of a color.
|
||
|
|
||
|
`,4:`Couldn't generate valid rgb string from %s, it returned %s.
|
||
|
|
||
|
`,5:`Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.
|
||
|
|
||
|
`,6:`Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).
|
||
|
|
||
|
`,7:`Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).
|
||
|
|
||
|
`,8:`Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.
|
||
|
|
||
|
`,9:`Please provide a number of steps to the modularScale helper.
|
||
|
|
||
|
`,10:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
|
||
|
|
||
|
`,11:`Invalid value passed as base to modularScale, expected number or em string but got "%s"
|
||
|
|
||
|
`,12:`Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.
|
||
|
|
||
|
`,13:`Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.
|
||
|
|
||
|
`,14:`Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.
|
||
|
|
||
|
`,15:`Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.
|
||
|
|
||
|
`,16:`You must provide a template to this method.
|
||
|
|
||
|
`,17:`You passed an unsupported selector state to this method.
|
||
|
|
||
|
`,18:`minScreen and maxScreen must be provided as stringified numbers with the same units.
|
||
|
|
||
|
`,19:`fromSize and toSize must be provided as stringified numbers with the same units.
|
||
|
|
||
|
`,20:`expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
|
||
|
|
||
|
`,21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:`fontFace expects a name of a font-family.
|
||
|
|
||
|
`,24:`fontFace expects either the path to the font file(s) or a name of a local copy.
|
||
|
|
||
|
`,25:`fontFace expects localFonts to be an array.
|
||
|
|
||
|
`,26:`fontFace expects fileFormats to be an array.
|
||
|
|
||
|
`,27:`radialGradient requries at least 2 color-stops to properly render.
|
||
|
|
||
|
`,28:`Please supply a filename to retinaImage() as the first argument.
|
||
|
|
||
|
`,29:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
|
||
|
|
||
|
`,30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation
|
||
|
|
||
|
`,32:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])
|
||
|
To pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')
|
||
|
|
||
|
`,33:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation
|
||
|
|
||
|
`,34:`borderRadius expects a radius value as a string or number as the second argument.
|
||
|
|
||
|
`,35:`borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
|
||
|
|
||
|
`,36:`Property must be a string value.
|
||
|
|
||
|
`,37:`Syntax Error at %s.
|
||
|
|
||
|
`,38:`Formula contains a function that needs parentheses at %s.
|
||
|
|
||
|
`,39:`Formula is missing closing parenthesis at %s.
|
||
|
|
||
|
`,40:`Formula has too many closing parentheses at %s.
|
||
|
|
||
|
`,41:`All values in a formula must have the same unit or be unitless.
|
||
|
|
||
|
`,42:`Please provide a number of steps to the modularScale helper.
|
||
|
|
||
|
`,43:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
|
||
|
|
||
|
`,44:`Invalid value passed as base to modularScale, expected number or em/rem string but got %s.
|
||
|
|
||
|
`,45:`Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.
|
||
|
|
||
|
`,46:`Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.
|
||
|
|
||
|
`,47:`minScreen and maxScreen must be provided as stringified numbers with the same units.
|
||
|
|
||
|
`,48:`fromSize and toSize must be provided as stringified numbers with the same units.
|
||
|
|
||
|
`,49:`Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
|
||
|
|
||
|
`,50:`Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.
|
||
|
|
||
|
`,51:`Expects the first argument object to have the properties prop, fromSize, and toSize.
|
||
|
|
||
|
`,52:`fontFace expects either the path to the font file(s) or a name of a local copy.
|
||
|
|
||
|
`,53:`fontFace expects localFonts to be an array.
|
||
|
|
||
|
`,54:`fontFace expects fileFormats to be an array.
|
||
|
|
||
|
`,55:`fontFace expects a name of a font-family.
|
||
|
|
||
|
`,56:`linearGradient requries at least 2 color-stops to properly render.
|
||
|
|
||
|
`,57:`radialGradient requries at least 2 color-stops to properly render.
|
||
|
|
||
|
`,58:`Please supply a filename to retinaImage() as the first argument.
|
||
|
|
||
|
`,59:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
|
||
|
|
||
|
`,60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:`Property must be a string value.
|
||
|
|
||
|
`,62:`borderRadius expects a radius value as a string or number as the second argument.
|
||
|
|
||
|
`,63:`borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
|
||
|
|
||
|
`,64:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.
|
||
|
|
||
|
`,65:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').
|
||
|
|
||
|
`,66:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.
|
||
|
|
||
|
`,67:`You must provide a template to this method.
|
||
|
|
||
|
`,68:`You passed an unsupported selector state to this method.
|
||
|
|
||
|
`,69:`Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.
|
||
|
|
||
|
`,70:`Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.
|
||
|
|
||
|
`,71:`Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.
|
||
|
|
||
|
`,72:`Passed invalid base value %s to %s(), please pass a value like "12px" or 12.
|
||
|
|
||
|
`,73:`Please provide a valid CSS variable.
|
||
|
|
||
|
`,74:`CSS variable not found and no default was provided.
|
||
|
|
||
|
`,75:`important requires a valid style object, got a %s instead.
|
||
|
|
||
|
`,76:`fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.
|
||
|
|
||
|
`,77:`remToPx expects a value in "rem" but you provided it in "%s".
|
||
|
|
||
|
`,78:`base must be set in "px" or "%" but you set it in "%s".
|
||
|
`};function format(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a=args[0],b=[],c;for(c=1;c<args.length;c+=1)b.push(args[c]);return b.forEach(function(d){a=a.replace(/%[a-z]/,d)}),a}var PolishedError=function(_Error){_inheritsLoose(PolishedError2,_Error);function PolishedError2(code){for(var _this,_len2=arguments.length,args=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];return _this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args)))||this,_assertThisInitialized(_this)}return PolishedError2}(_wrapNativeSuper(Error));function colorToInt(color2){return Math.round(color2*255)}function convertToInt(red,green,blue){return colorToInt(red)+","+colorToInt(green)+","+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert2){if(convert2===void 0&&(convert2=convertToInt),saturation===0)return convert2(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert2(finalRed,finalGreen,finalBlue)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",
|
||
|
`+rule+"\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."),this._alreadyInsertedOrderInsensitiveRule=this._alreadyInsertedOrderInsensitiveRule||!isImportRule3,this.isSpeedy){var sheet=sheetForTag(tag);try{sheet.insertRule(rule,sheet.cssRules.length)}catch(e){/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(rule)||console.error('There was a problem inserting the following rule: "'+rule+'"',e)}}else tag.appendChild(document.createTextNode(rule));this.ctr++},_proto.flush=function(){this.tags.forEach(function(tag){return tag.parentNode&&tag.parentNode.removeChild(tag)}),this.tags=[],this.ctr=0,this._alreadyInsertedOrderInsensitiveRule=!1},StyleSheet2}(),MS="-ms-",MOZ="-moz-",WEBKIT="-webkit-",COMMENT="comm",RULESET="rule",DECLARATION="decl",IMPORT="@import",KEYFRAMES="@keyframes",LAYER="@layer",abs=Math.abs,from=String.fromCharCode,assign=Object.assign;function hash(value,length2){return charat(value,0)^45?(((length2<<2^charat(value,0))<<2^charat(value,1))<<2^charat(value,2))<<2^charat(value,3):0}function trim(value){return value.trim()}function match(value,pattern){return(value=pattern.exec(value))?value[0]:value}function replace(value,pattern,replacement){return value.replace(pattern,replacement)}function indexof(value,search){return value.indexOf(search)}function charat(value,index){return value.charCodeAt(index)|0}function substr(value,begin,end){return value.slice(begin,end)}function strlen(value){return value.length}function sizeof(value){return value.length}function append(value,array){return array.push(value),value}function combine(array,callback){return array.map(callback).join("")}var line=1,column=1,length=0,position=0,character=0,characters="";function node(value,root,parent,type,props,children,length2){return{value,root,parent,type,props,children,line,column,length:length2,return:""}}function copy(root,props){return assign(node("",null,null,"",null,null,0),root,{length:-root.length},props)}function char(){return character}function prev(){return character=position>0?charat(characters,--position):0,column--,character===10&&(column=1,line--),character}function next(){return character=position<length?charat(characters,position++):0,column++,character===10&&(column=1,line++),character}function peek(){return charat(characters,position)}function caret(){return position}function slice(begin,end){return substr(characters,begin,end)}function token(type){switch(type){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function alloc(value){return line=column=1,length=strlen(characters=value),position=0,[]}function dealloc(value){return characters="",value}function delimit(type){return trim(slice(position-1,delimiter(type===91?type+2:type===40?type+1:type)))}function whitespace(type){for(;(character=peek())&&character<33;)next();return token(type)>2||token(character)>3?"":" "}function escaping(index,count){for(;--count&&next()&&!(character<48||character>102||character>57&&character<65||character>70&&character<97););return slice(index,caret()+(count<6&&peek()==32&&next()==32))}function delimiter(type){for(;next();)switch(character){case type:return position;case 34:case 39:type!==34&&type!==39&&delimiter(character);break;case 40:type===41&&delimiter(type);break;case 92:next();break}return position}function commenter(type,index){for(;next()&&type+character!==47+10&&!(type+character===42+42&&peek()===47););return"/*"+slice(index,position-1)+"*"+from(type===47?type:next())}function identifier(index){for(;!token(peek());)next();return slice(index,position)}function compile(value){return dealloc(parse("",null,null,null,[""],value=alloc(value),0,[0],value))}function parse(value,root,parent,rule,rules,rulesets,pseudo,points,decla
|
||
|
If multiple caches share the same key they might "fight" for each other's style elements.`);if(key==="css"){var ssrStyles=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(ssrStyles,function(node2){var dataEmotionAttribute=node2.getAttribute("data-emotion");dataEmotionAttribute.indexOf(" ")!==-1&&(document.head.appendChild(node2),node2.setAttribute("data-s",""))})}var stylisPlugins=options.stylisPlugins||defaultStylisPlugins;if(/[^a-z-]/.test(key))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+key+'" was passed');var inserted={},container,nodesToHydrate=[];container=options.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+key+' "]'),function(node2){for(var attrib=node2.getAttribute("data-emotion").split(" "),i=1;i<attrib.length;i++)inserted[attrib[i]]=!0;nodesToHydrate.push(node2)});var _insert,omnipresentPlugins=[compat,removeLabel];omnipresentPlugins.push(createUnsafeSelectorsAlarm({get compat(){return cache.compat}}),incorrectImportAlarm);{var currentSheet,finalizingPlugins=[stringify,function(element){element.root||(element.return?currentSheet.insert(element.return):element.value&&element.type!==COMMENT&¤tSheet.insert(element.value+"{}"))}],serializer=middleware(omnipresentPlugins.concat(stylisPlugins,finalizingPlugins)),stylis=function(styles){return serialize(compile(styles),serializer)};_insert=function(selector,serialized,sheet,shouldCache){currentSheet=sheet,serialized.map!==void 0&&(currentSheet={insert:function(rule){sheet.insert(rule+serialized.map)}}),stylis(selector?selector+"{"+serialized.styles+"}":serialized.styles),shouldCache&&(cache.inserted[serialized.name]=!0)}}var cache={key,sheet:new StyleSheet({key,container,nonce:options.nonce,speedy:options.speedy,prepend:options.prepend,insertionPoint:options.insertionPoint}),nonce:options.nonce,inserted,registered:{},insert:_insert};return cache.sheet.hydrate(nodesToHydrate),cache};function _extends22(){return _extends22=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends22.apply(this,arguments)}var import_hoist_non_react_statics=__toESM2(require_hoist_non_react_statics_cjs()),hoistNonReactStatics=function(targetComponent,sourceComponent){return(0,import_hoist_non_react_statics.default)(targetComponent,sourceComponent)},isBrowser=!0;function getRegisteredStyles(registered,registeredStyles,classNames){var rawClassName="";return classNames.split(" ").forEach(function(className){registered[className]!==void 0?registeredStyles.push(registered[className]+";"):rawClassName+=className+" "}),rawClassName}var registerStyles=function(cache,serialized,isStringTag){var className=cache.key+"-"+serialized.name;(isStringTag===!1||isBrowser===!1)&&cache.registered[className]===void 0&&(cache.registered[className]=serialized.styles)},insertStyles=function(cache,serialized,isStringTag){registerStyles(cache,serialized,isStringTag);var className=cache.key+"-"+serialized.name;if(cache.inserted[serialized.name]===void 0){var current=serialized;do cache.insert(serialized===current?"."+className:"",current,cache.sheet,!0),current=current.next;while(current!==void 0)}};function murmur2(str){for(var h=0,k,i=0,len=str.length;len>=4;++i,len-=4)k=str.charCodeAt(i)&255|(str.charCodeAt(++i)&255)<<8|(str.charCodeAt(++i)&255)<<16|(str.charCodeAt(++i)&255)<<24,k=(k&65535)*1540483477+((k>>>16)*59797<<16),k^=k>>>24,h=(k&65535)*1540483477+((k>>>16)*59797<<16)^(h&65535)*1540483477+((h>>>16)*59797<<16);switch(len){case 3:h^=(str.charCodeAt(i+2)&255)<<16;case 2:h^=(str.charCodeAt(i+1)&255)<<8;case 1:h^=str.charCodeAt(i)&255,h=(h&65535)*1540483477+((h>>>16)*59797<<16)}return h^=h>>>13,h=(h&65535)*1540483477+((h>>>16)*59797<<16),((h^h>>>15)>>>0).toString(36)}var unitlessKeys={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,
|
||
|
Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
|
||
|
You can read more about this here:
|
||
|
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,UNDEFINED_AS_OBJECT_KEY_ERROR="You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).",hyphenateRegex=/[A-Z]|^ms/g,animationRegex=/_EMO_([^_]+?)_([^]*?)_EMO_/g,isCustomProperty=function(property){return property.charCodeAt(1)===45},isProcessableValue=function(value){return value!=null&&typeof value!="boolean"},processStyleName=memoize(function(styleName){return isCustomProperty(styleName)?styleName:styleName.replace(hyphenateRegex,"-$&").toLowerCase()}),processStyleValue=function(key,value){switch(key){case"animation":case"animationName":if(typeof value=="string")return value.replace(animationRegex,function(match2,p1,p2){return cursor={name:p1,styles:p2,next:cursor},p1})}return unitlessKeys[key]!==1&&!isCustomProperty(key)&&typeof value=="number"&&value!==0?value+"px":value};contentValuePattern=/(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/,contentValues=["normal","none","initial","inherit","unset"],oldProcessStyleValue=processStyleValue,msPattern=/^-ms-/,hyphenPattern=/-(.)/g,hyphenatedCache={},processStyleValue=function(key,value){if(key==="content"&&(typeof value!="string"||contentValues.indexOf(value)===-1&&!contentValuePattern.test(value)&&(value.charAt(0)!==value.charAt(value.length-1)||value.charAt(0)!=='"'&&value.charAt(0)!=="'")))throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+value+"\"'`");var processed=oldProcessStyleValue(key,value);return processed!==""&&!isCustomProperty(key)&&key.indexOf("-")!==-1&&hyphenatedCache[key]===void 0&&(hyphenatedCache[key]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+key.replace(msPattern,"ms-").replace(hyphenPattern,function(str,_char){return _char.toUpperCase()})+"?")),processed};var contentValuePattern,contentValues,oldProcessStyleValue,msPattern,hyphenPattern,hyphenatedCache,noComponentSelectorMessage="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function handleInterpolation(mergedProps,registered,interpolation){if(interpolation==null)return"";if(interpolation.__emotion_styles!==void 0){if(interpolation.toString()==="NO_COMPONENT_SELECTOR")throw new Error(noComponentSelectorMessage);return interpolation}switch(typeof interpolation){case"boolean":return"";case"object":{if(interpolation.anim===1)return cursor={name:interpolation.name,styles:interpolation.styles,next:cursor},interpolation.name;if(interpolation.styles!==void 0){var next2=interpolation.next;if(next2!==void 0)for(;next2!==void 0;)cursor={name:next2.name,styles:next2.styles,next:cursor},next2=next2.next;var styles=interpolation.styles+";";return interpolation.map!==void 0&&(styles+=interpolation.map),styles}return createStringFromObject(mergedProps,registered,interpolation)}case"function":{if(mergedProps!==void 0){var previousCursor=cursor,result=interpolation(mergedProps);return cursor=previousCursor,handleInterpolation(mergedProps,registered,result)}else console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");break}case"string":var matched=[],replaced=interpolation.replace(animationRegex,function(match2,p1,p2){var fakeVarName="animation"+matched.length;return matched.push("const "+fakeVarName+" = keyframes`"+p2.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+fakeVarName+"}"});matched.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[
|
||
|
`)+`
|
||
|
|
||
|
You should wrap it with \`css\` like this:
|
||
|
|
||
|
`+("css`"+replaced+"`"));break}if(registered==null)return interpolation;var cached=registered[interpolation];return cached!==void 0?cached:interpolation}function createStringFromObject(mergedProps,registered,obj){var string="";if(Array.isArray(obj))for(var i=0;i<obj.length;i++)string+=handleInterpolation(mergedProps,registered,obj[i])+";";else for(var _key in obj){var value=obj[_key];if(typeof value!="object")registered!=null&®istered[value]!==void 0?string+=_key+"{"+registered[value]+"}":isProcessableValue(value)&&(string+=processStyleName(_key)+":"+processStyleValue(_key,value)+";");else{if(_key==="NO_COMPONENT_SELECTOR")throw new Error(noComponentSelectorMessage);if(Array.isArray(value)&&typeof value[0]=="string"&&(registered==null||registered[value[0]]===void 0))for(var _i=0;_i<value.length;_i++)isProcessableValue(value[_i])&&(string+=processStyleName(_key)+":"+processStyleValue(_key,value[_i])+";");else{var interpolated=handleInterpolation(mergedProps,registered,value);switch(_key){case"animation":case"animationName":{string+=processStyleName(_key)+":"+interpolated+";";break}default:_key==="undefined"&&console.error(UNDEFINED_AS_OBJECT_KEY_ERROR),string+=_key+"{"+interpolated+"}"}}}}return string}var labelPattern=/label:\s*([^\s;\n{]+)\s*(;|$)/g,sourceMapPattern;sourceMapPattern=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g;var cursor,serializeStyles=function(args,registered,mergedProps){if(args.length===1&&typeof args[0]=="object"&&args[0]!==null&&args[0].styles!==void 0)return args[0];var stringMode=!0,styles="";cursor=void 0;var strings=args[0];strings==null||strings.raw===void 0?(stringMode=!1,styles+=handleInterpolation(mergedProps,registered,strings)):(strings[0]===void 0&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR),styles+=strings[0]);for(var i=1;i<args.length;i++)styles+=handleInterpolation(mergedProps,registered,args[i]),stringMode&&(strings[i]===void 0&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR),styles+=strings[i]);var sourceMap;styles=styles.replace(sourceMapPattern,function(match3){return sourceMap=match3,""}),labelPattern.lastIndex=0;for(var identifierName="",match2;(match2=labelPattern.exec(styles))!==null;)identifierName+="-"+match2[1];var name=murmur2(styles)+identifierName;return{name,styles,map:sourceMap,next:cursor,toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}},hasOwnProperty={}.hasOwnProperty,EmotionCacheContext=React2.createContext(typeof HTMLElement<"u"?createCache({key:"css"}):null);EmotionCacheContext.displayName="EmotionCacheContext";var CacheProvider=EmotionCacheContext.Provider,withEmotionCache=function(func){return(0,import_react.forwardRef)(function(props,ref){var cache=(0,import_react.useContext)(EmotionCacheContext);return func(props,cache,ref)})},ThemeContext=React2.createContext({});ThemeContext.displayName="EmotionThemeContext";var useTheme=function(){return React2.useContext(ThemeContext)},getTheme=function(outerTheme,theme3){if(typeof theme3=="function"){var mergedTheme=theme3(outerTheme);if(mergedTheme==null||typeof mergedTheme!="object"||Array.isArray(mergedTheme))throw new Error("[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!");return mergedTheme}if(theme3==null||typeof theme3!="object"||Array.isArray(theme3))throw new Error("[ThemeProvider] Please make your theme prop a plain object");return _extends22({},outerTheme,theme3)},createCacheWithTheme=weakMemoize(function(outerTheme){return weakMemoize(function(theme3){return getTheme(outerTheme,theme3)})}),ThemeProvider=function(props){var theme3=React2.useContext(ThemeContext);return props.theme!==theme3&&(theme3=createCacheWithTheme(theme3)(props.theme)),React2.createElement(ThemeContext.Provider,{value:theme3},props.children)};function withTheme(Component){var componentName=Component.displayName||Component.name||"Component",render=function(props,ref){var theme
|
||
|
`),i=0;i<lines.length;i++){var functionName=getFunctionNameFromStackTraceLine(lines[i]);if(functionName){if(internalReactFunctionNames.has(functionName))break;if(/^[A-Z]/.test(functionName))return sanitizeIdentifier(functionName)}}},typePropName="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",labelPropName="__EMOTION_LABEL_PLEASE_DO_NOT_USE__",createEmotionProps=function(type,props){if(typeof props.css=="string"&&props.css.indexOf(":")!==-1)throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`"+props.css+"`");var newProps={};for(var key in props)hasOwnProperty.call(props,key)&&(newProps[key]=props[key]);if(newProps[typePropName]=type,props.css&&(typeof props.css!="object"||typeof props.css.name!="string"||props.css.name.indexOf("-")===-1)){var label=getLabelFromStackTrace(new Error().stack);label&&(newProps[labelPropName]=label)}return newProps},Insertion=function(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return registerStyles(cache,serialized,isStringTag),useInsertionEffectAlwaysWithSyncFallback(function(){return insertStyles(cache,serialized,isStringTag)}),null},Emotion=withEmotionCache(function(props,cache,ref){var cssProp=props.css;typeof cssProp=="string"&&cache.registered[cssProp]!==void 0&&(cssProp=cache.registered[cssProp]);var WrappedComponent=props[typePropName],registeredStyles=[cssProp],className="";typeof props.className=="string"?className=getRegisteredStyles(cache.registered,registeredStyles,props.className):props.className!=null&&(className=props.className+" ");var serialized=serializeStyles(registeredStyles,void 0,React2.useContext(ThemeContext));if(serialized.name.indexOf("-")===-1){var labelFromStack=props[labelPropName];labelFromStack&&(serialized=serializeStyles([serialized,"label:"+labelFromStack+";"]))}className+=cache.key+"-"+serialized.name;var newProps={};for(var key in props)hasOwnProperty.call(props,key)&&key!=="css"&&key!==typePropName&&key!==labelPropName&&(newProps[key]=props[key]);return newProps.ref=ref,newProps.className=className,React2.createElement(React2.Fragment,null,React2.createElement(Insertion,{cache,serialized,isStringTag:typeof WrappedComponent=="string"}),React2.createElement(WrappedComponent,newProps))});Emotion.displayName="EmotionCssPropInternal";var Emotion$1=Emotion;__toESM2(require_hoist_non_react_statics_cjs());var pkg={name:"@emotion/react",version:"11.11.1",main:"dist/emotion-react.cjs.js",module:"dist/emotion-react.esm.js",browser:{"./dist/emotion-react.esm.js":"./dist/emotion-react.browser.esm.js"},exports:{".":{module:{worker:"./dist/emotion-react.worker.esm.js",browser:"./dist/emotion-react.browser.esm.js",default:"./dist/emotion-react.esm.js"},import:"./dist/emotion-react.cjs.mjs",default:"./dist/emotion-react.cjs.js"},"./jsx-runtime":{module:{worker:"./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",browser:"./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",default:"./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"},import:"./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",default:"./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"},"./_isolated-hnrs":{module:{worker:"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",browser:"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",default:"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"},import:"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",default:"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"},"./jsx-dev-runtime":{module:{worker:"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",browser:"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",default:"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"},import:"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",default:"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"},"./package.json":"./package.json","./types/css-prop":"./types/css-prop.d.ts","./macro":{types:{import:"./macro.d.mts",defa
|
||
|
Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
|
||
|
You can read more about this here:
|
||
|
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,Insertion5=function(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return registerStyles(cache,serialized,isStringTag),useInsertionEffectAlwaysWithSyncFallback(function(){return insertStyles(cache,serialized,isStringTag)}),null},createStyled=function createStyled2(tag,options){if(tag===void 0)throw new Error(`You are trying to create a styled element with an undefined component.
|
||
|
You may have forgotten to import it.`);var isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base||tag,identifierName,targetClassName;options!==void 0&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp||getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp("as");return function(){var args=arguments,styles=isReal&&tag.__emotion_styles!==void 0?tag.__emotion_styles.slice(0):[];if(identifierName!==void 0&&styles.push("label:"+identifierName+";"),args[0]==null||args[0].raw===void 0)styles.push.apply(styles,args);else{args[0][0]===void 0&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2),styles.push(args[0][0]);for(var len=args.length,i=1;i<len;i++)args[0][i]===void 0&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2),styles.push(args[i],args[0][i])}var Styled=withEmotionCache(function(props,cache,ref){var FinalTag=shouldUseAs&&props.as||baseTag,className="",classInterpolations=[],mergedProps=props;if(props.theme==null){mergedProps={};for(var key in props)mergedProps[key]=props[key];mergedProps.theme=React2.useContext(ThemeContext)}typeof props.className=="string"?className=getRegisteredStyles(cache.registered,classInterpolations,props.className):props.className!=null&&(className=props.className+" ");var serialized=serializeStyles(styles.concat(classInterpolations),cache.registered,mergedProps);className+=cache.key+"-"+serialized.name,targetClassName!==void 0&&(className+=" "+targetClassName);var finalShouldForwardProp=shouldUseAs&&shouldForwardProp===void 0?getDefaultShouldForwardProp(FinalTag):defaultShouldForwardProp,newProps={};for(var _key in props)shouldUseAs&&_key==="as"||finalShouldForwardProp(_key)&&(newProps[_key]=props[_key]);return newProps.className=className,newProps.ref=ref,React2.createElement(React2.Fragment,null,React2.createElement(Insertion5,{cache,serialized,isStringTag:typeof FinalTag=="string"}),React2.createElement(FinalTag,newProps))});return Styled.displayName=identifierName!==void 0?identifierName:"Styled("+(typeof baseTag=="string"?baseTag:baseTag.displayName||baseTag.name||"Component")+")",Styled.defaultProps=tag.defaultProps,Styled.__emotion_real=Styled,Styled.__emotion_base=baseTag,Styled.__emotion_styles=styles,Styled.__emotion_forwardProp=shouldForwardProp,Object.defineProperty(Styled,"toString",{value:function(){return targetClassName===void 0?"NO_COMPONENT_SELECTOR":"."+targetClassName}}),Styled.withComponent=function(nextTag,nextOptions){return createStyled2(nextTag,_extends2({},options,nextOptions,{shouldForwardProp:composeShouldForwardProps(Styled,nextOptions,!0)})).apply(void 0,styles)},Styled}},tags=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],newStyled=createStyled.bind();tags.forEach(function(tagName){newStyled[tagName]=newStyled(tagName)});var createReset=(0,import_memoizerific.default)(1)(({typography:typography2})=>({body:{fontFamily:typography2.fonts.base,fontSize:typography2.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighli
|
||
|
from {
|
||
|
transform: rotate(0deg);
|
||
|
}
|
||
|
to {
|
||
|
transform: rotate(360deg);
|
||
|
}
|
||
|
`,glow=keyframes`
|
||
|
0%, 100% { opacity: 1; }
|
||
|
50% { opacity: .4; }
|
||
|
`,float=keyframes`
|
||
|
0% { transform: translateY(1px); }
|
||
|
25% { transform: translateY(0px); }
|
||
|
50% { transform: translateY(-3px); }
|
||
|
100% { transform: translateY(1px); }
|
||
|
`,jiggle=keyframes`
|
||
|
0%, 100% { transform:translate3d(0,0,0); }
|
||
|
12.5%, 62.5% { transform:translate3d(-4px,0,0); }
|
||
|
37.5%, 87.5% { transform: translate3d(4px,0,0); }
|
||
|
`,inlineGlow=css`
|
||
|
animation: ${glow} 1.5s ease-in-out infinite;
|
||
|
color: transparent;
|
||
|
cursor: progress;
|
||
|
`,hoverable=css`
|
||
|
transition: all 150ms ease-out;
|
||
|
transform: translate3d(0, 0, 0);
|
||
|
|
||
|
&:hover {
|
||
|
transform: translate3d(0, -2px, 0);
|
||
|
}
|
||
|
|
||
|
&:active {
|
||
|
transform: translate3d(0, 0, 0);
|
||
|
}
|
||
|
`,animation={rotate360,glow,float,jiggle,inlineGlow,hoverable},chromeDark={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"rgb(36, 36, 36)",BASE_COLOR:"rgb(213, 213, 213)",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(227, 110, 236)",OBJECT_VALUE_NULL_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_REGEXP_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_STRING_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_NUMBER_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_BOOLEAN_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(85, 106, 242)",HTML_TAG_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(155, 187, 220)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(242, 151, 102)",HTML_COMMENT_COLOR:"rgb(137, 137, 137)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"rgb(145, 145, 145)",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"rgb(85, 85, 85)",TABLE_TH_BACKGROUND_COLOR:"rgb(44, 44, 44)",TABLE_TH_HOVER_COLOR:"rgb(48, 48, 48)",TABLE_SORT_ICON_COLOR:"black",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(51, 139, 255, 0.0980392))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},chromeLight={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"white",BASE_COLOR:"black",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(136, 19, 145)",OBJECT_VALUE_NULL_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_REGEXP_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_STRING_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_NUMBER_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_BOOLEAN_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(13, 34, 170)",HTML_TAG_COLOR:"rgb(168, 148, 166)",HTML_TAGNAME_COLOR:"rgb(136, 18, 128)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(153, 69, 0)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(26, 26, 166)",HTML_COMMENT_COLOR:"rgb(35, 110, 37)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"#6e6e6e",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"#aaa",TABLE_TH_BACKGROUND_COLOR:"#eee",TABLE_TH_HOVER_COLOR:"hsla(0, 0%, 90%, 1)",TABLE_SORT_ICON_COLOR:"#6e6e6e",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},convertColors=colors=>Object.entries(colors).reduce((acc,[k,v])=>({...acc,[k]:mkColor(v)}),{}),create2=({colors,mono})=>{let colorsObjs=convertColors(colors);return{token:{fontFamily:mono,WebkitFontSmoothing:"antialiased","&.tag":colorsObjs.red3,"&.comment":{...colorsObjs.green1,fontStyle:"italic"},"&.prolog":{...colorsObjs.green1,fontStyle:"italic"},"&.doctype":{...colorsObjs.green1,fontStyle:"italic"},"&.cdata":{...colorsObjs.green1,fontStyle:"italic"},"&.string":colorsObjs.red1,"&.url":colorsObjs.cyan1,"&.symbol":colorsObjs.cyan1,"&.number":colorsObjs.cyan1,"&.boolean":colorsObjs.cyan1,"&.variable":colorsObjs.cyan1,"&.constant":colorsObjs.cyan1,"&.inserted":colorsObjs.cyan1,"&.atrule":colorsObjs.blue1,"&.keyword":colorsObjs.blue1,"&.attr-value":colorsObjs.blue1,"&.punctuation":colorsObjs.gray1,"&.operator":colorsObjs.gray1,"&.function":colorsObjs.gray1,"&.deleted":colorsObjs.red2,"&.important":{fontWeight:"bold"},"&.bold":{fontWeight:"bold"},"&.italic":{fontStyle:"italic"},"&.class-name":colorsObjs.cyan2,"&.selector":colorsObjs.red3,"&.attr-name":colorsObjs.red4,"&.property"
|
||
|
[ ]{`+Math.min.apply(Math,indentLengths)+"}","g");strings=strings.map(function(str){return str.replace(pattern_1,`
|
||
|
`)})}strings[0]=strings[0].replace(/^\r?\n/,"");var string=strings[0];return values.forEach(function(value,i){var endentations=string.match(/(?:^|\n)( *)$/),endentation=endentations?endentations[1]:"",indentedValue=value;typeof value=="string"&&value.includes(`
|
||
|
`)&&(indentedValue=String(value).split(`
|
||
|
`).map(function(str,i2){return i2===0?str:""+endentation+str}).join(`
|
||
|
`)),string+=indentedValue+strings[i+1]}),string}var ensure=input=>{if(!input)return convert(light_default);let missing=deleted_default(light_default,input);return Object.keys(missing).length&&logger.warn(dedent`
|
||
|
Your theme is missing properties, you should update your theme!
|
||
|
|
||
|
theme-data missing:
|
||
|
`,missing),convert(input)},ignoreSsrWarning="/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */";export{scope,require_object_assign,require_ReactPropTypesSecret,require_has,require_checkPropTypes,require_react,require_react_dom,logger,once,deprecate,pretty,dist_exports,color,typography,lightenColor,create,isPropValid,useTheme,ThemeProvider,withTheme,Global,keyframes,newStyled,createGlobal,ensure,ignoreSsrWarning,dist_exports2};
|