348 lines
702 KiB
JavaScript
348 lines
702 KiB
JavaScript
|
import{__commonJS,__export,__toESM,require_memoizerific}from"./chunk-ZR5JZWHI.js";var require_react_development=__commonJS({"../../node_modules/react/cjs/react.development.js"(exports,module){"use strict";(function(){"use strict";typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error);var ReactVersion="18.2.0",REACT_ELEMENT_TYPE=Symbol.for("react.element"),REACT_PORTAL_TYPE=Symbol.for("react.portal"),REACT_FRAGMENT_TYPE=Symbol.for("react.fragment"),REACT_STRICT_MODE_TYPE=Symbol.for("react.strict_mode"),REACT_PROFILER_TYPE=Symbol.for("react.profiler"),REACT_PROVIDER_TYPE=Symbol.for("react.provider"),REACT_CONTEXT_TYPE=Symbol.for("react.context"),REACT_FORWARD_REF_TYPE=Symbol.for("react.forward_ref"),REACT_SUSPENSE_TYPE=Symbol.for("react.suspense"),REACT_SUSPENSE_LIST_TYPE=Symbol.for("react.suspense_list"),REACT_MEMO_TYPE=Symbol.for("react.memo"),REACT_LAZY_TYPE=Symbol.for("react.lazy"),REACT_OFFSCREEN_TYPE=Symbol.for("react.offscreen"),MAYBE_ITERATOR_SYMBOL=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 ReactCurrentDispatcher={current:null},ReactCurrentBatchConfig={transition:null},ReactCurrentActQueue={current:null,isBatchingLegacy:!1,didScheduleLegacyUpdate:!1},ReactCurrentOwner={current:null},ReactDebugCurrentFrame={},currentExtraStackFrame=null;function setExtraStackFrame(stack){currentExtraStackFrame=stack}ReactDebugCurrentFrame.setExtraStackFrame=function(stack){currentExtraStackFrame=stack},ReactDebugCurrentFrame.getCurrentStack=null,ReactDebugCurrentFrame.getStackAddendum=function(){var stack="";currentExtraStackFrame&&(stack+=currentExtraStackFrame);var impl=ReactDebugCurrentFrame.getCurrentStack;return impl&&(stack+=impl()||""),stack};var enableScopeAPI=!1,enableCacheElement=!1,enableTransitionTracing=!1,enableLegacyHidden=!1,enableDebugTracing=!1,ReactSharedInternals={ReactCurrentDispatcher,ReactCurrentBatchConfig,ReactCurrentOwner};ReactSharedInternals.ReactDebugCurrentFrame=ReactDebugCurrentFrame,ReactSharedInternals.ReactCurrentActQueue=ReactCurrentActQueue;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 ReactDebugCurrentFrame2=ReactSharedInternals.ReactDebugCurrentFrame,stack=ReactDebugCurrentFrame2.getStackAddendum();stack!==""&&(format2+="%s",args=args.concat([stack]));var argsWithFormat=args.map(function(item){return String(item)});argsWithFormat.unshift("Warning: "+format2),Function.prototype.apply.call(console[level],console,argsWithFormat)}}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,caller
|
||
|
|
||
|
Your code should look like:
|
||
|
const MyComponent = lazy(() => import('./MyComponent'))
|
||
|
|
||
|
Did you accidentally put curly braces around the import?`,moduleObject),"default"in moduleObject||error(`lazy: Expected the result of a dynamic import() call. Instead received: %s
|
||
|
|
||
|
Your code should look like:
|
||
|
const MyComponent = lazy(() => import('./MyComponent'))`,moduleObject),moduleObject.default}else throw payload._result}function lazy(ctor){var payload={_status:Uninitialized,_result:ctor},lazyType={$$typeof:REACT_LAZY_TYPE,_payload:payload,_init:lazyInitializer};{var defaultProps,propTypes;Object.defineProperties(lazyType,{defaultProps:{configurable:!0,get:function(){return defaultProps},set:function(newDefaultProps){error("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),defaultProps=newDefaultProps,Object.defineProperty(lazyType,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return propTypes},set:function(newPropTypes){error("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),propTypes=newPropTypes,Object.defineProperty(lazyType,"propTypes",{enumerable:!0})}}})}return lazyType}function forwardRef3(render){render!=null&&render.$$typeof===REACT_MEMO_TYPE?error("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):typeof render!="function"?error("forwardRef requires a render function but was given %s.",render===null?"null":typeof render):render.length!==0&&render.length!==2&&error("forwardRef render functions accept exactly two parameters: props and ref. %s",render.length===1?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),render!=null&&(render.defaultProps!=null||render.propTypes!=null)&&error("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");var elementType={$$typeof:REACT_FORWARD_REF_TYPE,render};{var ownName;Object.defineProperty(elementType,"displayName",{enumerable:!1,configurable:!0,get:function(){return ownName},set:function(name){ownName=name,!render.name&&!render.displayName&&(render.displayName=name)}})}return elementType}var REACT_MODULE_REFERENCE;REACT_MODULE_REFERENCE=Symbol.for("react.module.reference");function isValidElementType(type){return!!(typeof type=="string"||typeof type=="function"||type===REACT_FRAGMENT_TYPE||type===REACT_PROFILER_TYPE||enableDebugTracing||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||enableLegacyHidden||type===REACT_OFFSCREEN_TYPE||enableScopeAPI||enableCacheElement||enableTransitionTracing||typeof type=="object"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_MODULE_REFERENCE||type.getModuleId!==void 0))}function memo(type,compare){isValidElementType(type)||error("memo: The first argument must be a component. Instead received: %s",type===null?"null":typeof type);var elementType={$$typeof:REACT_MEMO_TYPE,type,compare:compare===void 0?null:compare};{var ownName;Object.defineProperty(elementType,"displayName",{enumerable:!1,configurable:!0,get:function(){return ownName},set:function(name){ownName=name,!type.name&&!type.displayName&&(type.displayName=name)}})}return elementType}function resolveDispatcher(){var dispatcher=ReactCurrentDispatcher.current;return dispatcher===null&&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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`),dispatcher}function useContext3(Context){var dispatcher=resolveDispatcher();if(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)}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 useInsertionEffect3(create3,deps){var dispatcher=resolveDispatcher();return dispatcher.useInsertionEffect(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)}}function useTransition(){var dispatcher=resolveDispatcher();return dispatcher.useTransition()}function useDeferredValue(value){var dispatcher=resolveDispatcher();return dispatcher.useDeferredValue(value)}function useId(){var dispatcher=resolveDispatcher();return dispatcher.useId()}function useSyncExternalStore(subscribe,getSnapshot,getServerSnapshot){var dispatcher=resolveDispatcher();return dispatcher.useSyncExternalStore(subscribe,getSnapshot,getServerSnapshot)}var disabledDepth=0,prevLog,prevInfo,prevWarn,prevError,prevGroup,prevGroupCollapsed,prevGroupEnd;function disabledLog(){}disabledLog.__reactDisabledLog=!0;function disableLogs(){{if(disabledDepth===0){prevLog=console.log,prevInfo=console.info,prevWarn=console.warn,prevError=console.error,prevGroup=console.group,prevGroupCollapsed=console.groupCollapsed,prevGroupEnd=console.groupEnd;var props={configurable:!0,enumerable:!0,value:disabledLog,writable:!0};Object.defineProperties(console,{info:props,log:props,warn:props,error:props,group:props,groupCollapsed:props,groupEnd:props})}disabledDepth++}}function reenableLogs(){{if(disabledDepth--,disabledDepth===0){var props={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:assign2({},props,{value:prevLog}),info:assign2({},props,{value:prevInfo}),warn:assign2({},props,{value:prevWarn}),error:assign2({},props,{value:prevError}),group:assign2({},props,{value:prevGroup}),groupCollapsed:assign2({},props,{value:prevGroupCollapsed}),groupEnd:assign2({},props,{value:prevGroupEnd})})}disabledDepth<0&&error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ReactCurrentDispatcher$1=ReactSharedInternals.ReactCurrentDispatcher,prefix2;function describeBuiltInComponentFrame(name,source,ownerFn){{if(prefix2===void 0)try{throw Error()}catch(x){var match2=x.stack.trim().match(/\n( *(at )?)/);prefix2=match2&&match2[1]||""}return`
|
||
|
`+prefix2+name}}var reentry=!1,componentFrameCache;{var PossiblyWeakMap=typeof WeakMap=="function"?WeakMap:Map;componentFrameCache=new PossiblyWeakMap}function describeNativeComponentFrame(fn,construct){if(!fn||reentry)return"";{var frame=componentFrameCache.get(fn);if(frame!==void 0)return frame}var control;reentry=!0;var previousPrepareStackTrace=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var previousDispatcher;previousDispatcher=ReactCurrentDispatcher$1.current,ReactCurrentDispatcher$1.current=null,disableLogs();try{if(construct){var Fake=function(){throw Error()};if(Object.defineProperty(Fake.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(Fake,[])}catch(x){control=x}Reflect.construct(fn,[],Fake)}else{try{Fake.call()}catch(x){control=x}fn.call(Fake.prototype)}}else{try{throw Error()}catch(x){control=x}fn()}}catch(sample){if(sample&&control&&typeof sample.stack=="string"){for(var sampleLines=sample.stack.split(`
|
||
|
`),controlLines=control.stack.split(`
|
||
|
`),s=sampleLines.length-1,c=controlLines.length-1;s>=1&&c>=0&&sampleLines[s]!==controlLines[c];)c--;for(;s>=1&&c>=0;s--,c--)if(sampleLines[s]!==controlLines[c]){if(s!==1||c!==1)do if(s--,c--,c<0||sampleLines[s]!==controlLines[c]){var _frame=`
|
||
|
`+sampleLines[s].replace(" at new "," at ");return fn.displayName&&_frame.includes("<anonymous>")&&(_frame=_frame.replace("<anonymous>",fn.displayName)),typeof fn=="function"&&componentFrameCache.set(fn,_frame),_frame}while(s>=1&&c>=0);break}}}finally{reentry=!1,ReactCurrentDispatcher$1.current=previousDispatcher,reenableLogs(),Error.prepareStackTrace=previousPrepareStackTrace}var name=fn?fn.displayName||fn.name:"",syntheticFrame=name?describeBuiltInComponentFrame(name):"";return typeof fn=="function"&&componentFrameCache.set(fn,syntheticFrame),syntheticFrame}function describeFunctionComponentFrame(fn,source,ownerFn){return describeNativeComponentFrame(fn,!1)}function shouldConstruct(Component2){var prototype=Component2.prototype;return!!(prototype&&prototype.isReactComponent)}function describeUnknownElementTypeFrameInDEV(type,source,ownerFn){if(type==null)return"";if(typeof type=="function")return describeNativeComponentFrame(type,shouldConstruct(type));if(typeof type=="string")return describeBuiltInComponentFrame(type);switch(type){case REACT_SUSPENSE_TYPE:return describeBuiltInComponentFrame("Suspense");case REACT_SUSPENSE_LIST_TYPE:return describeBuiltInComponentFrame("SuspenseList")}if(typeof type=="object")switch(type.$$typeof){case REACT_FORWARD_REF_TYPE:return describeFunctionComponentFrame(type.render);case REACT_MEMO_TYPE:return describeUnknownElementTypeFrameInDEV(type.type,source,ownerFn);case REACT_LAZY_TYPE:{var lazyComponent=type,payload=lazyComponent._payload,init=lazyComponent._init;try{return describeUnknownElementTypeFrameInDEV(init(payload),source,ownerFn)}catch{}}}return""}var loggedTypeFailures={},ReactDebugCurrentFrame$1=ReactSharedInternals.ReactDebugCurrentFrame;function setCurrentlyValidatingElement(element){if(element){var owner=element._owner,stack=describeUnknownElementTypeFrameInDEV(element.type,element._source,owner?owner.type:null);ReactDebugCurrentFrame$1.setExtraStackFrame(stack)}else ReactDebugCurrentFrame$1.setExtraStackFrame(null)}function checkPropTypes(typeSpecs,values,location,componentName,element){{var has=Function.call.bind(hasOwnProperty2);for(var typeSpecName in typeSpecs)if(has(typeSpecs,typeSpecName)){var error$1=void 0;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$1=typeSpecs[typeSpecName](values,typeSpecName,componentName,location,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(ex){error$1=ex}error$1&&!(error$1 instanceof Error)&&(setCurrentlyValidatingElement(element),error("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",componentName||"React class",location,typeSpecName,typeof error$1),setCurrentlyValidatingElement(null)),error$1 instanceof Error&&!(error$1.message in loggedTypeFailures)&&(loggedTypeFailures[error$1.message]=!0,setCurrentlyValidatingElement(element),error("Failed %s type: %s",location,error$1.message),setCurrentlyValidatingElement(null))}}}function setCurrentlyValidatingElement$1(element){if(element){var owner=element._owner,stack=describeUnknownElementTypeFrameInDEV(element.type,element._source,owner?owner.type:null);setExtraStackFrame(stack)}else setExtraStackFrame(null)}var propTypesMisspellWarningShown;propTypesMisspellWarningShown=!1;function getDeclarationErrorAddendum(){if(ReactCurrentOwner.current){var name=getComponentNameFromType(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 "+getComponentNameFromType(element._owner.type)+"."),setCurrentlyValidatingElement$1(element),error('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',currentComponentErrorInfo,childOwner),setCurrentlyValidatingElement$1(null)}}}function validateChildKeys(node2,parentType){if(typeof node2=="object"){if(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 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;if(propTypes){var name=getComponentNameFromType(type);checkPropTypes(propTypes,element.props,"prop",name,element)}else if(type.PropTypes!==void 0&&!propTypesMisspellWarningShown){propTypesMisspellWarningShown=!0;var _name=getComponentNameFromType(type);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){{for(var keys=Object.keys(fragment.props),i=0;i<keys.length;i++){var key=keys[i];if(key!=="children"&&key!=="key"){setCurrentlyValidatingElement$1(fragment),error("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",key),setCurrentlyValidatingElement$1(null);break}}fragment.ref!==null&&(setCurrentlyValidatingElement$1(fragment),error("Invalid attribute `ref` supplied to `React.Fragment`."),setCurrentlyValidatingElement$1(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":isArray(type)?typeString="array":type!==void 0&&type.$$typeof===REACT_ELEMENT_TYPE?(typeString="<"+(getComponentNameFromType(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 validatedFac
|
||
|
`+prefix2+name}}var reentry=!1,componentFrameCache;{var PossiblyWeakMap=typeof WeakMap=="function"?WeakMap:Map;componentFrameCache=new PossiblyWeakMap}function describeNativeComponentFrame(fn,construct){if(!fn||reentry)return"";{var frame=componentFrameCache.get(fn);if(frame!==void 0)return frame}var control;reentry=!0;var previousPrepareStackTrace=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var previousDispatcher;previousDispatcher=ReactCurrentDispatcher.current,ReactCurrentDispatcher.current=null,disableLogs();try{if(construct){var Fake=function(){throw Error()};if(Object.defineProperty(Fake.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(Fake,[])}catch(x){control=x}Reflect.construct(fn,[],Fake)}else{try{Fake.call()}catch(x){control=x}fn.call(Fake.prototype)}}else{try{throw Error()}catch(x){control=x}fn()}}catch(sample){if(sample&&control&&typeof sample.stack=="string"){for(var sampleLines=sample.stack.split(`
|
||
|
`),controlLines=control.stack.split(`
|
||
|
`),s=sampleLines.length-1,c=controlLines.length-1;s>=1&&c>=0&&sampleLines[s]!==controlLines[c];)c--;for(;s>=1&&c>=0;s--,c--)if(sampleLines[s]!==controlLines[c]){if(s!==1||c!==1)do if(s--,c--,c<0||sampleLines[s]!==controlLines[c]){var _frame=`
|
||
|
`+sampleLines[s].replace(" at new "," at ");return fn.displayName&&_frame.includes("<anonymous>")&&(_frame=_frame.replace("<anonymous>",fn.displayName)),typeof fn=="function"&&componentFrameCache.set(fn,_frame),_frame}while(s>=1&&c>=0);break}}}finally{reentry=!1,ReactCurrentDispatcher.current=previousDispatcher,reenableLogs(),Error.prepareStackTrace=previousPrepareStackTrace}var name=fn?fn.displayName||fn.name:"",syntheticFrame=name?describeBuiltInComponentFrame(name):"";return typeof fn=="function"&&componentFrameCache.set(fn,syntheticFrame),syntheticFrame}function describeClassComponentFrame(ctor,source,ownerFn){return describeNativeComponentFrame(ctor,!0)}function describeFunctionComponentFrame(fn,source,ownerFn){return describeNativeComponentFrame(fn,!1)}function shouldConstruct(Component){var prototype=Component.prototype;return!!(prototype&&prototype.isReactComponent)}function describeUnknownElementTypeFrameInDEV(type,source,ownerFn){if(type==null)return"";if(typeof type=="function")return describeNativeComponentFrame(type,shouldConstruct(type));if(typeof type=="string")return describeBuiltInComponentFrame(type);switch(type){case REACT_SUSPENSE_TYPE:return describeBuiltInComponentFrame("Suspense");case REACT_SUSPENSE_LIST_TYPE:return describeBuiltInComponentFrame("SuspenseList")}if(typeof type=="object")switch(type.$$typeof){case REACT_FORWARD_REF_TYPE:return describeFunctionComponentFrame(type.render);case REACT_MEMO_TYPE:return describeUnknownElementTypeFrameInDEV(type.type,source,ownerFn);case REACT_LAZY_TYPE:{var lazyComponent=type,payload=lazyComponent._payload,init=lazyComponent._init;try{return describeUnknownElementTypeFrameInDEV(init(payload),source,ownerFn)}catch{}}}return""}function describeFiber(fiber){var owner=fiber._debugOwner?fiber._debugOwner.type:null,source=fiber._debugSource;switch(fiber.tag){case HostComponent:return describeBuiltInComponentFrame(fiber.type);case LazyComponent:return describeBuiltInComponentFrame("Lazy");case SuspenseComponent:return describeBuiltInComponentFrame("Suspense");case SuspenseListComponent:return describeBuiltInComponentFrame("SuspenseList");case FunctionComponent:case IndeterminateComponent:case SimpleMemoComponent:return describeFunctionComponentFrame(fiber.type);case ForwardRef:return describeFunctionComponentFrame(fiber.type.render);case ClassComponent:return describeClassComponentFrame(fiber.type);default:return""}}function getStackByFiberInDevAndProd(workInProgress2){try{var info="",node2=workInProgress2;do info+=describeFiber(node2),node2=node2.return;while(node2);return info}catch(x){return`
|
||
|
Error generating stack: `+x.message+`
|
||
|
`+x.stack}}function getWrappedName(outerType,innerType,wrapperName){var displayName=outerType.displayName;if(displayName)return displayName;var functionName=innerType.displayName||innerType.name||"";return functionName!==""?wrapperName+"("+functionName+")":wrapperName}function getContextName(type){return type.displayName||"Context"}function getComponentNameFromType(type){if(type==null)return null;if(typeof type.tag=="number"&&error("Received an unexpected object in getComponentNameFromType(). 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:var context=type;return getContextName(context)+".Consumer";case REACT_PROVIDER_TYPE:var provider=type;return getContextName(provider._context)+".Provider";case REACT_FORWARD_REF_TYPE:return getWrappedName(type,type.render,"ForwardRef");case REACT_MEMO_TYPE:var outerName=type.displayName||null;return outerName!==null?outerName:getComponentNameFromType(type.type)||"Memo";case REACT_LAZY_TYPE:{var lazyComponent=type,payload=lazyComponent._payload,init=lazyComponent._init;try{return getComponentNameFromType(init(payload))}catch{return null}}}return null}function getWrappedName$1(outerType,innerType,wrapperName){var functionName=innerType.displayName||innerType.name||"";return outerType.displayName||(functionName!==""?wrapperName+"("+functionName+")":wrapperName)}function getContextName$1(type){return type.displayName||"Context"}function getComponentNameFromFiber(fiber){var tag=fiber.tag,type=fiber.type;switch(tag){case CacheComponent:return"Cache";case ContextConsumer:var context=type;return getContextName$1(context)+".Consumer";case ContextProvider:var provider=type;return getContextName$1(provider._context)+".Provider";case DehydratedFragment:return"DehydratedFragment";case ForwardRef:return getWrappedName$1(type,type.render,"ForwardRef");case Fragment2:return"Fragment";case HostComponent:return type;case HostPortal:return"Portal";case HostRoot:return"Root";case HostText:return"Text";case LazyComponent:return getComponentNameFromType(type);case Mode:return type===REACT_STRICT_MODE_TYPE?"StrictMode":"Mode";case OffscreenComponent:return"Offscreen";case Profiler:return"Profiler";case ScopeComponent:return"Scope";case SuspenseComponent:return"Suspense";case SuspenseListComponent:return"SuspenseList";case TracingMarkerComponent:return"TracingMarker";case ClassComponent:case FunctionComponent:case IncompleteClassComponent:case IndeterminateComponent:case MemoComponent:case SimpleMemoComponent:if(typeof type=="function")return type.displayName||type.name||null;if(typeof type=="string")return type;break}return null}var ReactDebugCurrentFrame=ReactSharedInternals.ReactDebugCurrentFrame,current=null,isRendering=!1;function getCurrentFiberOwnerNameInDevOrNull(){{if(current===null)return null;var owner=current._debugOwner;if(owner!==null&&typeof owner<"u")return getComponentNameFromFiber(owner)}return null}function getCurrentFiberStackInDev(){return current===null?"":getStackByFiberInDevAndProd(current)}function resetCurrentFiber(){ReactDebugCurrentFrame.getCurrentStack=null,current=null,isRendering=!1}function setCurrentFiber(fiber){ReactDebugCurrentFrame.getCurrentStack=fiber===null?null:getCurrentFiberStackInDev,current=fiber,isRendering=!1}function getCurrentFiber(){return current}function setIsRendering(rendering){isRendering=rendering}function toString(value){return""+value}function getToStringValue(value){switch(typeof value){case"boolean":case"number":case"string":case"undefined":return value;case"object":return checkFormFieldValueStringCoercion(value),value;default:return""}}var hasReadOnlyValue={button:!0,checkbox:!0,image:!0,hidden:!0,radi
|
||
|
|
||
|
Check the render method of \``+ownerName+"`.":""}var valuePropNames=["value","defaultValue"];function checkSelectPropTypes(props){{checkControlledValueProps("select",props);for(var i=0;i<valuePropNames.length;i++){var propName=valuePropNames[i];if(props[propName]!=null){var propNameIsArray=isArray(props[propName]);props.multiple&&!propNameIsArray?error("The `%s` prop supplied to <select> must be an array if `multiple` is true.%s",propName,getDeclarationErrorAddendum()):!props.multiple&&propNameIsArray&&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 options2=node2.options;if(multiple){for(var selectedValues=propValue,selectedValue={},i=0;i<selectedValues.length;i++)selectedValue["$"+selectedValues[i]]=!0;for(var _i=0;_i<options2.length;_i++){var selected=selectedValue.hasOwnProperty("$"+options2[_i].value);options2[_i].selected!==selected&&(options2[_i].selected=selected),selected&&setDefaultSelected&&(options2[_i].defaultSelected=!0)}}else{for(var _selectedValue=toString(getToStringValue(propValue)),defaultSelected=null,_i2=0;_i2<options2.length;_i2++){if(options2[_i2].value===_selectedValue){options2[_i2].selected=!0,setDefaultSelected&&(options2[_i2].defaultSelected=!0);return}defaultSelected===null&&!options2[_i2].disabled&&(defaultSelected=options2[_i2])}defaultSelected!==null&&(defaultSelected.selected=!0)}}function getHostProps$1(element,props){return assign2({},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://reactjs.org/link/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$2(element,props){var node2=element;if(props.dangerouslySetInnerHTML!=null)throw new Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");var hostProps=assign2({},props,{value:void 0,defaultValue:void 0,children:toString(node2._wrapperState.initialValue)});return hostProps}function initWrapperState$2(element,props){var node2=element;checkControlledValueProps("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://reactjs.org/link/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
|
||
|
`).replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX,"")}function checkForUnmatchedText(serverText,clientText,isConcurrentMode,shouldWarnDev){var normalizedClientText=normalizeMarkupForTextOrAttribute(clientText),normalizedServerText=normalizeMarkupForTextOrAttribute(serverText);if(normalizedServerText!==normalizedClientText&&(shouldWarnDev&&(didWarnInvalidHydration||(didWarnInvalidHydration=!0,error('Text content did not match. Server: "%s" Client: "%s"',normalizedServerText,normalizedClientText))),isConcurrentMode&&enableClientRenderFallbackOnTextMismatch))throw new Error("Text content does not match server-rendered HTML.")}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||(registrationNameDependencies.hasOwnProperty(propKey)?nextProp!=null&&(typeof nextProp!="function"&&warnForInvalidEventListener(propKey,nextProp),propKey==="onScroll"&&listenToNonDelegatedEvent("scroll",domElement)):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(rootContainerElement),domElement,namespaceURI=parentNamespace;if(namespaceURI===HTML_NAMESPACE&&(namespaceURI=getIntrinsicNamespace(type)),namespaceURI===HTML_NAMESPACE){if(isCustomComponentTag=isCustomComponent(type,props),!isCustomComponentTag&&type!==type.toLowerCase()&&error("<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",type),type==="script"){var div=ownerDocument.createElement("div");div.innerHTML="<script><\/script>";var firstChild=div.firstChild;domElement=div.removeChild(firstChild)}else if(typeof props.is=="string")domElement=ownerDocument.createElement(type,{is:props.is});else if(domElement=ownerDocument.createElement(type),type==="select"){var node2=domElement;props.multiple?node2.multiple=!0:props.size&&(node2.size=props.size)}}else domElement=ownerDocument.createElementNS(namespaceURI,type);return namespaceURI===HTML_NAMESPACE&&!isCustomComponentTag&&Object.prototype.toString.call(domElement)==="[object HTMLUnknownElement]"&&!hasOwnProperty2.call(warnedUnknownTags,type)&&(warnedUnknownTags[type]=!0,error("The tag <%s> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.",type)),domElement}function createTextNode(text,rootContainerElement){return getOwnerDocumentFromRootContainer(rootContainerElement).createTextNode(text)}function setInitialProperties(domElement,tag,rawProps,rootContainerElement){var isCustomComponentTag=isCustomComponent(tag,rawProps);validatePropert
|
||
|
|
||
|
* 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://reactjs.org/link/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://reactjs.org/link/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://reactjs.org/link/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://reactjs.org/link/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 18.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://reactjs.org/link/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://reactjs.org/link/derived-state
|
||
|
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 18.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://reactjs.org/link/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 18.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(getComponentNameFromFiber(fiber)||"Component"),didWarnAboutLegacyContext.add(fiber.type)});var sortedNames=setToSortedString(uniqueNames);try{setCurrentFiber(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://reactjs.org/link/legacy-context`,sortedNames)}finally{resetCurrentFiber()}}})},ReactStrictModeWarnings.discardPendingWarnings=function(){pendingComponentWillMountWarnings=[],pendingUNSAFE_ComponentWillMountWarnings=[],pendingComponentWillReceivePropsWarnings=[],pendingUNSAFE_ComponentWillReceivePropsWarnings=[],pendingComponentWillUpdateWarnings=[],pendingUNSAFE_ComponentWillUpdateWarnings=[],pendingLegacyContextWarning=new Map}}function resolveDefaultProps(Component,baseProps){if(Component&&Component.defaultProps){var props=assign2({},baseProps),defaultProps=Component.defaultProps;for(var propName in defaultProps)props[propName]===void 0&&(props[propName]=defaultProps[propName]);return props}return baseProps}var valueCursor=createCursor(null),rendererSigil;rendererSigil={};var currentlyRenderingFiber=null,lastContextDependency=null,lastFullyObservedContext=null,isDisallowedContextReadInDEV=!1;function resetContextDependencies(){currentlyRenderingFiber=null,lastContextDependency=null,lastFullyObservedContext=null,isDisallowedContextReadInDEV=!1}function enterDisallowedContextReadInDEV(){isDisallowedContextReadInDEV=!0}function exitDisallowedContextReadInDEV(){isDisallowedContextReadInDEV=!1}function pushProvider(providerFiber,context,nextValue){push(valueCursor,context._currentValue,providerFiber),context._currentValue=nextValue,context._currentRenderer!==void 0&&context._currentRenderer!==null&&context._currentRenderer!==rendererSigil&&error("Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."),context._currentRenderer=rendererSigil}function popProvider(context,providerFiber){var currentValue=valueCursor.current;pop(valueCursor,providerFiber),context._currentValue=currentValue}function scheduleContextWorkOnParentPath(parent,renderLanes2,propagationRoot){for(var node2=parent;node2!==null;){var alternate=node2.alternate;if(isSubsetOfLanes(node2.childLanes,renderLanes2)?alternate!==null&&!isSubsetOfLanes(alternate.childLanes,renderLanes2)&&(alternate.childLanes=mergeLanes(alternate.childLanes,renderLanes2)):(node2.childLanes=mergeLanes(node2.childLanes,renderLanes2),alternate!==null&&(alternate.childLanes=mergeLanes(alternate.childLanes,renderLanes2))),node2===propagationRoot)break;node2=node2.return}node2!==propagationRoot&&error("Expected to find the propagation root when scheduling context work. This error is likely caused by a bug in React. Please file an issue.")}function propagateContextChange(workInProgress2,context,renderLanes2){propagateContextChange_eager(workInProgress2,context,renderLanes2)}function propagateContextChange_eager(workInProgress2,context,renderLanes2){var fiber=workInProgress2.child;for(fiber!==null&&(fiber.return=workInProgress2);fiber!==null;){var nextFiber=void 0,list=fiber.dependencies;if(list!==null){nextFiber=fiber.child;for(var dependency=list.firstContext;dependency!==null;){if(dependency.context===context){if(fiber.tag===ClassComponent){var lane=pickArbitraryLane(renderLanes2),update=createUpdate(NoTimestamp,lane);update.tag=ForceUpdate;var updateQueue=fiber.updateQueue;if(updateQueue!==null){var sharedQueue=updateQueue.shared,pending=sharedQueue.pending;pending===null?update.next=update:(update.next=pending.next,pending.next=update),sharedQueue.pending=update}}fiber.lanes=mergeLanes(fiber.lanes,renderLanes2);var alternate=fiber.alternate;alternate!==null&&(alternate.lanes=mergeLanes(alternate.lanes,renderLanes2)),scheduleContextWorkOnParentPath(fiber.return,renderLanes2,workInProgress2),list.lanes=mergeLanes(list.lanes,renderLanes2);break}dependency=dependency.next}}else if(fiber.tag===ContextProvider)nextFiber=fiber.type===workInProgress2.type?null:fiber.child;else if(fiber.tag===DehydratedFragment){var parentSuspense=fiber.return;if(parentSuspense===null)throw new Error("We just came from a parent so we must have had a parent. This is a bug in React.");parentSuspense.lanes=mergeLanes(parentSuspense.lanes,renderLanes2);var _alternate=parentSuspense.alternate;_alternate!==null&&(_altern
|
||
|
|
||
|
%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://reactjs.org/link/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){var oldState=instance.state;typeof instance.componentWillMount=="function"&&instance.componentWillMount(),typeof instance.UNSAFE_componentWillMount=="function"&&instance.UNSAFE_componentWillMount(),oldState!==instance.state&&(error("%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",getComponentNameFromFiber(workInProgress2)||"Component"),classComponentUpdater.enqueueReplaceState(instance,instance.state,null))}function callComponentWillReceiveProps(workInProgress2,instance,newProps,nextContext){var oldState=instance.state;if(typeof instance.componentWillReceiveProps=="function"&&instance.componentWillReceiveProps(newProps,nextContext),typeof instance.UNSAFE_componentWillReceiveProps=="function"&&instance.UNSAFE_componentWillReceiveProps(newProps,nextContext),instance.state!==oldState){{var componentName=getComponentNameFromFiber(workInProgress2)||"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,renderLanes2){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=getComponentNameFromType(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&StrictLegacyMode&&ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress2,instance),ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(workInProgress2,instance)}instance.state=workInProgress2.memoizedState;var getDerivedStateFromProps=ctor.getDerivedStateFromProps;if(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,renderLanes2),instance.state=workInProgress2.memoizedState),typeof instance.componentDidMount=="function"){var fiberFlags=Update;fiberFlags|=LayoutStatic,(workInProgress2.mode&StrictEffectsMode)!==NoMode&&(fiberFlags|=MountLayoutDev),workInProgress2.flags|=fiberFlags}}function resumeMountClassInstance(workInProgress2,ctor,newProps,renderLanes2){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=getMaskedContext(workInProgress2,nextLegacyUnmaskedContext)}var getDerivedStateFromProps=ctor.getDerivedStateFromP
|
||
|
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://reactjs.org/link/refs-must-have-owner for more information.`)}}return mixedRef}function throwOnInvalidObjectType(returnFiber,newChild){var childString=Object.prototype.toString.call(newChild);throw new Error("Objects are not valid as a React child (found: "+(childString==="[object Object]"?"object with keys {"+Object.keys(newChild).join(", ")+"}":childString)+"). If you meant to render a collection of children, use an array instead.")}function warnOnFunctionType(returnFiber){{var componentName=getComponentNameFromFiber(returnFiber)||"Component";if(ownerHasFunctionTypeWarning[componentName])return;ownerHasFunctionTypeWarning[componentName]=!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 resolveLazy(lazyType){var payload=lazyType._payload,init=lazyType._init;return init(payload)}function ChildReconciler(shouldTrackSideEffects){function deleteChild(returnFiber,childToDelete){if(shouldTrackSideEffects){var deletions=returnFiber.deletions;deletions===null?(returnFiber.deletions=[childToDelete],returnFiber.flags|=ChildDeletion):deletions.push(childToDelete)}}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 newFiber.flags|=Forked,lastPlacedIndex;var current2=newFiber.alternate;if(current2!==null){var oldIndex=current2.index;return oldIndex<lastPlacedIndex?(newFiber.flags|=Placement,lastPlacedIndex):oldIndex}else return newFiber.flags|=Placement,lastPlacedIndex}function placeSingleChild(newFiber){return shouldTrackSideEffects&&newFiber.alternate===null&&(newFiber.flags|=Placement),newFiber}function updateTextNode(returnFiber,current2,textContent,lanes){if(current2===null||current2.tag!==HostText){var created=createFiberFromText(textContent,returnFiber.mode,lanes);return created.return=returnFiber,created}else{var existing=useFiber(current2,textContent);return existing.return=returnFiber,existing}}function updateElement(returnFiber,current2,element,lanes){var elementType=element.type;if(elementType===REACT_FRAGMENT_TYPE)return updateFragment2(returnFiber,current2,element.props.children,lanes,element.key);if(current2!==null&&(current2.elementType===elementType||isCompatibleFamilyForHotReloading(current2,element)||typeof elementType=="object"&&elementType!==null&&elementType.$$typeof===REACT_LAZY_TYPE&&resolveLazy(elementType)===current2.type)){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,lanes);return created.ref=coerceRef(returnFiber,current2,element),created.return=returnFiber,created}function updatePortal(returnFiber,current2,portal,lanes){if(current2===null||current2.tag!==HostPortal||current2.stateNode.containerInfo!==portal.containerInfo||current2.stateNode.implementation!==portal.implementation){var created=createFiberFromPortal(portal,returnFiber.mode,lanes);return created.return=returnFiber,created}else{var existing=useFiber(current2,portal.children||[]);return existing.return=returnFiber,existing}}function updateFragment2(returnFiber,current2,fr
|
||
|
`,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://reactjs.org/link/rules-of-hooks
|
||
|
|
||
|
Previous render Next render
|
||
|
------------------------------------------------------
|
||
|
%s ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||
|
`,componentName,table)}}}function throwInvalidHookError(){throw new 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://reactjs.org/link/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,nextRenderLanes){renderLanes=nextRenderLanes,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.lanes=NoLanes,current2!==null&¤t2.memoizedState!==null?ReactCurrentDispatcher$1.current=HooksDispatcherOnUpdateInDEV:hookTypesDev!==null?ReactCurrentDispatcher$1.current=HooksDispatcherOnMountWithHookTypesInDEV:ReactCurrentDispatcher$1.current=HooksDispatcherOnMountInDEV;var children=Component(props,secondArg);if(didScheduleRenderPhaseUpdateDuringThisPass){var numberOfReRenders=0;do{if(didScheduleRenderPhaseUpdateDuringThisPass=!1,localIdCounter=0,numberOfReRenders>=RE_RENDER_LIMIT)throw new 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$1.current=HooksDispatcherOnRerenderInDEV,children=Component(props,secondArg)}while(didScheduleRenderPhaseUpdateDuringThisPass)}ReactCurrentDispatcher$1.current=ContextOnlyDispatcher,workInProgress2._debugHookTypes=hookTypesDev;var didRenderTooFewHooks=currentHook!==null&¤tHook.next!==null;if(renderLanes=NoLanes,currentlyRenderingFiber$1=null,currentHook=null,workInProgressHook=null,currentHookNameInDev=null,hookTypesDev=null,hookTypesUpdateIndexDev=-1,current2!==null&&(current2.flags&StaticMask)!==(workInProgress2.flags&StaticMask)&&(current2.mode&ConcurrentMode)!==NoMode&&error("Internal React error: Expected static flag was missing. Please notify the React team."),didScheduleRenderPhaseUpdate=!1,didRenderTooFewHooks)throw new Error("Rendered fewer hooks than expected. This may be caused by an accidental early return statement.");return children}function checkDidRenderIdHook(){var didRenderIdHook=localIdCounter!==0;return localIdCounter=0,didRenderIdHook}function bailoutHooks(current2,workInProgress2,lanes){workInProgress2.updateQueue=current2.updateQueue,(workInProgress2.mode&StrictEffectsMode)!==NoMode?workInProgress2.flags&=~(MountPassiveDev|MountLayoutDev|Passive|Update):workInProgress2.flags&=~(Passive|Update),current2.lanes=removeLanes(current2.lanes,lanes)}function resetHooksAfterThrow(){if(ReactCurrentDispatcher$1.current=ContextOnlyDispatcher,didScheduleRenderPhaseUpdate){for(var hook=currentlyRenderingFiber$1.memoizedState;hook!==null;){var queue=hook.queue;queue!==null&&(queue.pending=null),hook=hook.next}didScheduleRenderPhaseUpdate=!1}renderLanes=NoLanes,currentlyRenderingFiber$1=null,currentHook=null,workInProgressHook=null,hookTypesDev=null,hookTypesUpdateIndexDev=-1,currentHookNameInDev=null,isUpdatingOpaqueValueInRenderPhase=!1,didScheduleRenderPhaseUpdateDuringThisPass=!1,localIdCounter=0}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===nu
|
||
|
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.`;else{var errorBoundaryName=getComponentNameFromFiber(boundary)||"Anonymous";errorBoundaryMessage="React will try to recreate this component tree from scratch "+("using the error boundary you provided, "+errorBoundaryName+".")}var combinedMessage=componentNameMessage+`
|
||
|
`+componentStack+`
|
||
|
|
||
|
`+(""+errorBoundaryMessage);console.error(combinedMessage)}catch(e){setTimeout(function(){throw e})}}var PossiblyWeakMap$1=typeof WeakMap=="function"?WeakMap:Map;function createRootErrorUpdate(fiber,errorInfo,lane){var update=createUpdate(NoTimestamp,lane);update.tag=CaptureUpdate,update.payload={element:null};var error2=errorInfo.value;return update.callback=function(){onUncaughtError(error2),logCapturedError(fiber,errorInfo)},update}function createClassErrorUpdate(fiber,errorInfo,lane){var update=createUpdate(NoTimestamp,lane);update.tag=CaptureUpdate;var getDerivedStateFromError=fiber.type.getDerivedStateFromError;if(typeof getDerivedStateFromError=="function"){var error$1=errorInfo.value;update.payload=function(){return getDerivedStateFromError(error$1)},update.callback=function(){markFailedErrorBoundaryForHotReloading(fiber),logCapturedError(fiber,errorInfo)}}var inst=fiber.stateNode;return inst!==null&&typeof inst.componentDidCatch=="function"&&(update.callback=function(){markFailedErrorBoundaryForHotReloading(fiber),logCapturedError(fiber,errorInfo),typeof getDerivedStateFromError!="function"&&markLegacyErrorBoundaryAsFailed(this);var error$12=errorInfo.value,stack=errorInfo.stack;this.componentDidCatch(error$12,{componentStack:stack!==null?stack:""}),typeof getDerivedStateFromError!="function"&&(includesSomeLane(fiber.lanes,SyncLane)||error("%s: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI.",getComponentNameFromFiber(fiber)||"Unknown"))}),update}function attachPingListener(root2,wakeable,lanes){var pingCache=root2.pingCache,threadIDs;if(pingCache===null?(pingCache=root2.pingCache=new PossiblyWeakMap$1,threadIDs=new Set,pingCache.set(wakeable,threadIDs)):(threadIDs=pingCache.get(wakeable),threadIDs===void 0&&(threadIDs=new Set,pingCache.set(wakeable,threadIDs))),!threadIDs.has(lanes)){threadIDs.add(lanes);var ping=pingSuspendedRoot.bind(null,root2,wakeable,lanes);isDevToolsPresent&&restorePendingUpdaters(root2,lanes),wakeable.then(ping,ping)}}function attachRetryListener(suspenseBoundary,root2,wakeable,lanes){var wakeables=suspenseBoundary.updateQueue;if(wakeables===null){var updateQueue=new Set;updateQueue.add(wakeable),suspenseBoundary.updateQueue=updateQueue}else wakeables.add(wakeable)}function resetSuspendedComponent(sourceFiber,rootRenderLanes){var tag=sourceFiber.tag;if((sourceFiber.mode&ConcurrentMode)===NoMode&&(tag===FunctionComponent||tag===ForwardRef||tag===SimpleMemoComponent)){var currentSource=sourceFiber.alternate;currentSource?(sourceFiber.updateQueue=currentSource.updateQueue,sourceFiber.memoizedState=currentSource.memoizedState,sourceFiber.lanes=currentSource.lanes):(sourceFiber.updateQueue=null,sourceFiber.memoizedState=null)}}function getNearestSuspenseBoundaryToCapture(returnFiber){var node2=returnFiber;do{if(node2.tag===SuspenseComponent&&shouldCaptureSuspense(node2))return node2;node2=node2.return}while(node2!==null);return null}function markSuspenseBoundaryShouldCapture(suspenseBoundary,returnFiber,sourceFiber,root2,rootRenderLanes){if((suspenseBoundary.mode&ConcurrentMode)===NoMode){if(suspenseBoundary===returnFiber)suspenseBoundary.flags|=ShouldCapture;else{if(suspenseBoundary.flags|=DidCapture,sourceFiber.flags|=ForceUpdateForLegacySuspense,sourceFiber.flags&=~(LifecycleEffectMask|Incomplete),sourceFiber.tag===ClassComponent){var currentSourceFiber=sourceFiber.alternate;if(currentSourceFiber===null)sourceFiber.tag=IncompleteClassComponent;else{var update=createUpdate(NoTimestamp,SyncLane);update.tag=ForceUpdate,enqueueUpdate(sourceFiber,update,SyncLane)}}sourceFiber.lanes=mergeLanes(sourceFiber.lanes,SyncLane)}return suspenseBoundary}return suspenseBoundary.flags|=ShouldCapture,suspenseBoundary.lanes=rootRenderLanes,suspenseBoundary}function throwException(root2,returnFiber,sourceFiber,value,rootRenderLanes){if(sourceFiber.flags|=Incomplete,isDevToolsPresent&&restorePendingUpdaters(root2,rootRenderLanes),value!==null&&typeof value=="object"&&typeof value.then=="function"){var wakeable=valu
|
||
|
|
||
|
Check the render method of \``+ownerName+"`.");var warningKey=ownerName||"",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 _componentName3=getComponentNameFromType(Component)||"Unknown";didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3]||(error("%s: Function components do not support getDerivedStateFromProps.",_componentName3),didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3]=!0)}if(typeof Component.contextType=="object"&&Component.contextType!==null){var _componentName4=getComponentNameFromType(Component)||"Unknown";didWarnAboutContextTypeOnFunctionComponent[_componentName4]||(error("%s: Function components do not support contextType.",_componentName4),didWarnAboutContextTypeOnFunctionComponent[_componentName4]=!0)}}}var SUSPENDED_MARKER={dehydrated:null,treeContext:null,retryLane:NoLane};function mountSuspenseOffscreenState(renderLanes2){return{baseLanes:renderLanes2,cachePool:getSuspendedCache(),transitions:null}}function updateSuspenseOffscreenState(prevOffscreenState,renderLanes2){var cachePool=null;return{baseLanes:mergeLanes(prevOffscreenState.baseLanes,renderLanes2),cachePool,transitions:prevOffscreenState.transitions}}function shouldRemainOnFallback(suspenseContext,current2,workInProgress2,renderLanes2){if(current2!==null){var suspenseState=current2.memoizedState;if(suspenseState===null)return!1}return hasSuspenseContext(suspenseContext,ForceSuspenseFallback)}function getRemainingWorkInPrimaryTree(current2,renderLanes2){return removeLanes(current2.childLanes,renderLanes2)}function updateSuspenseComponent(current2,workInProgress2,renderLanes2){var nextProps=workInProgress2.pendingProps;shouldSuspend(workInProgress2)&&(workInProgress2.flags|=DidCapture);var suspenseContext=suspenseStackCursor.current,showFallback=!1,didSuspend=(workInProgress2.flags&DidCapture)!==NoFlags;if(didSuspend||shouldRemainOnFallback(suspenseContext,current2)?(showFallback=!0,workInProgress2.flags&=~DidCapture):(current2===null||current2.memoizedState!==null)&&(suspenseContext=addSubtreeSuspenseContext(suspenseContext,InvisibleParentSuspenseContext)),suspenseContext=setDefaultShallowSuspenseContext(suspenseContext),pushSuspenseContext(workInProgress2,suspenseContext),current2===null){tryToClaimNextHydratableInstance(workInProgress2);var suspenseState=workInProgress2.memoizedState;if(suspenseState!==null){var dehydrated=suspenseState.dehydrated;if(dehydrated!==null)return mountDehydratedSuspenseComponent(workInProgress2,dehydrated)}var nextPrimaryChildren=nextProps.children,nextFallbackChildren=nextProps.fallback;if(showFallback){var fallbackFragment=mountSuspenseFallbackChildren(workInProgress2,nextPrimaryChildren,nextFallbackChildren,renderLanes2),primaryChildFragment=workInProgress2.child;return primaryChildFragment.memoizedState=mountSuspenseOffscreenState(renderLanes2),workInProgress2.memoizedState=SUSPENDED_MARKER,fallbackFragment}else return mountSuspensePrimaryChildren(workInProgress2,nextPrimaryChildren)}else{var prevState=current2.memoizedState;if(prevState!==null){var _dehydrated=prevState.dehydrated;if(_dehydrated!==null)return updateDehydratedSuspenseComponent(current2,workInProgress2,didSuspend,nextProps,_dehydrated,prevState,renderLanes2)}if(showFallback){var _nextFallbackChildren=nextProps.fallback,_nextPrimaryChildren=nextProps.children,fallbackChildFragment=updateSuspenseFallbackChildren(current2,workInProgress2,_nextPrimaryChildren,_nextFallbackChildren,renderLanes2),_primaryChildFragment2=workInProgress2.child,prevOffscreenState=current2.child.memoizedState;return _primaryChildFragment2.memoizedState=prevOffscreenState===null?mountSuspenseOffscreenState(renderLanes2):updateSuspenseOffscreenState(prevOffscreenState,renderLanes2),_primaryChildFragment2.ch
|
||
|
|
||
|
It looks like you wrote `+hookName+`(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:
|
||
|
|
||
|
`+hookName+`(() => {
|
||
|
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://reactjs.org/link/hooks-data-fetching`:addendum=" You returned: "+destroy,error("%s must not return anything besides a function, which is used for clean-up.%s",hookName,addendum)}}}effect=effect.next}while(effect!==firstEffect)}}function commitPassiveEffectDurations(finishedRoot,finishedWork){if((finishedWork.flags&Update)!==NoFlags)switch(finishedWork.tag){case Profiler:{var passiveEffectDuration=finishedWork.stateNode.passiveEffectDuration,_finishedWork$memoize=finishedWork.memoizedProps,id=_finishedWork$memoize.id,onPostCommit=_finishedWork$memoize.onPostCommit,commitTime2=getCommitTime(),phase=finishedWork.alternate===null?"mount":"update";isCurrentUpdateNested()&&(phase="nested-update"),typeof onPostCommit=="function"&&onPostCommit(id,phase,passiveEffectDuration,commitTime2);var parentFiber=finishedWork.return;outer:for(;parentFiber!==null;){switch(parentFiber.tag){case HostRoot:var root2=parentFiber.stateNode;root2.passiveEffectDuration+=passiveEffectDuration;break outer;case Profiler:var parentStateNode=parentFiber.stateNode;parentStateNode.passiveEffectDuration+=passiveEffectDuration;break outer}parentFiber=parentFiber.return}break}}}function commitLayoutEffectOnFiber(finishedRoot,current2,finishedWork,committedLanes){if((finishedWork.flags&LayoutMask)!==NoFlags)switch(finishedWork.tag){case FunctionComponent:case ForwardRef:case SimpleMemoComponent:{if(!offscreenSubtreeWasHidden)if(finishedWork.mode&ProfileMode)try{startLayoutEffectTimer(),commitHookEffectListMount(Layout|HasEffect,finishedWork)}finally{recordLayoutEffectDuration(finishedWork)}else commitHookEffectListMount(Layout|HasEffect,finishedWork);break}case ClassComponent:{var instance=finishedWork.stateNode;if(finishedWork.flags&Update&&!offscreenSubtreeWasHidden)if(current2===null)if(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.",getComponentNameFromFiber(finishedWork)||"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.state`. Please file an issue.",getComponentNameFromFiber(finishedWork)||"instance")),finishedWork.mode&ProfileMode)try{startLayoutEffectTimer(),instance.componentDidMount()}finally{recordLayoutEffectDuration(finishedWork)}else instance.componentDidMount();else{var prevProps=finishedWork.elementType===finishedWork.type?current2.memoizedProps:resolveDefaultProps(finishedWork.type,current2.memoizedProps),prevState=current2.memoizedState;if(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.",getComponentNameFromFiber(finishedWork)||"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.state`. Please file an issue.",getComponentNameFromFiber(finishedWork)||"instance")),finishedWork.mode&ProfileMode)try{startLayoutEffectTimer(),instance.componentDidUpdate(prevProps,prevState,instance.__reactInternalSnapshotBeforeUpdate)}finally{recordLayoutEffectDuration(finishedWork)}else instance.componentDidUpdate(prevProps,prevState,instance.__reactInternalSnapshotBeforeUpdate)}var updateQueue=finishedWork.updateQueue;updateQueue!==null&&(finishedWork.type===finishedWork.elementType&&!didWarnAboutReassigningProps&&(instance.props!==finishedWork.memoizedProps&&error("Expected %s props to match memoized props before processi
|
||
|
|
||
|
Error message:
|
||
|
|
||
|
%s`,error$1)}function pingSuspendedRoot(root2,wakeable,pingedLanes){var pingCache=root2.pingCache;pingCache!==null&&pingCache.delete(wakeable);var eventTime=requestEventTime();markRootPinged(root2,pingedLanes),warnIfSuspenseResolutionNotWrappedWithActDEV(root2),workInProgressRoot===root2&&isSubsetOfLanes(workInProgressRootRenderLanes,pingedLanes)&&(workInProgressRootExitStatus===RootSuspendedWithDelay||workInProgressRootExitStatus===RootSuspended&&includesOnlyRetries(workInProgressRootRenderLanes)&&now()-globalMostRecentFallbackTime<FALLBACK_THROTTLE_MS?prepareFreshStack(root2,NoLanes):workInProgressRootPingedLanes=mergeLanes(workInProgressRootPingedLanes,pingedLanes)),ensureRootIsScheduled(root2,eventTime)}function retryTimedOutBoundary(boundaryFiber,retryLane){retryLane===NoLane&&(retryLane=requestRetryLane(boundaryFiber));var eventTime=requestEventTime(),root2=enqueueConcurrentRenderForLane(boundaryFiber,retryLane);root2!==null&&(markRootUpdated(root2,retryLane,eventTime),ensureRootIsScheduled(root2,eventTime))}function retryDehydratedSuspenseBoundary(boundaryFiber){var suspenseState=boundaryFiber.memoizedState,retryLane=NoLane;suspenseState!==null&&(retryLane=suspenseState.retryLane),retryTimedOutBoundary(boundaryFiber,retryLane)}function resolveRetryWakeable(boundaryFiber,wakeable){var retryLane=NoLane,retryCache;switch(boundaryFiber.tag){case SuspenseComponent:retryCache=boundaryFiber.stateNode;var suspenseState=boundaryFiber.memoizedState;suspenseState!==null&&(retryLane=suspenseState.retryLane);break;case SuspenseListComponent:retryCache=boundaryFiber.stateNode;break;default:throw new Error("Pinged unknown suspense boundary type. This is probably a bug in React.")}retryCache!==null&&retryCache.delete(wakeable),retryTimedOutBoundary(boundaryFiber,retryLane)}function jnd(timeElapsed){return timeElapsed<120?120:timeElapsed<480?480:timeElapsed<1080?1080:timeElapsed<1920?1920:timeElapsed<3e3?3e3:timeElapsed<4320?4320:ceil(timeElapsed/1960)*1960}function checkForNestedUpdates(){if(nestedUpdateCount>NESTED_UPDATE_LIMIT)throw nestedUpdateCount=0,rootWithNestedUpdates=null,new Error("Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.");nestedPassiveUpdateCount>NESTED_PASSIVE_UPDATE_LIMIT&&(nestedPassiveUpdateCount=0,rootWithPassiveNestedUpdates=null,error("Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."))}function flushRenderPhaseStrictModeWarningsInDEV(){ReactStrictModeWarnings.flushLegacyContextWarning(),ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings()}function commitDoubleInvokeEffectsInDEV(fiber,hasPassiveEffects){setCurrentFiber(fiber),invokeEffectsInDev(fiber,MountLayoutDev,invokeLayoutEffectUnmountInDEV),hasPassiveEffects&&invokeEffectsInDev(fiber,MountPassiveDev,invokePassiveEffectUnmountInDEV),invokeEffectsInDev(fiber,MountLayoutDev,invokeLayoutEffectMountInDEV),hasPassiveEffects&&invokeEffectsInDev(fiber,MountPassiveDev,invokePassiveEffectMountInDEV),resetCurrentFiber()}function invokeEffectsInDev(firstChild,fiberFlags,invokeEffectFn){for(var current2=firstChild,subtreeRoot=null;current2!==null;){var primarySubtreeFlag=current2.subtreeFlags&fiberFlags;current2!==subtreeRoot&¤t2.child!==null&&primarySubtreeFlag!==NoFlags?current2=current2.child:((current2.flags&fiberFlags)!==NoFlags&&invokeEffectFn(current2),current2.sibling!==null?current2=current2.sibling:current2=subtreeRoot=current2.return)}}var didWarnStateUpdateForNotYetMountedComponent=null;function warnAboutUpdateOnNotYetMountedFiberInDEV(fiber){{if((executionContext&RenderContext)!==NoContext||!(fiber.mode&ConcurrentMode))return;var tag=fiber.tag;if(tag!==IndeterminateComponent&&tag!==HostRoot&&tag!==ClassComponent&&tag!==FunctionComponent&&tag!==ForwardRef&&tag!==MemoComponent&&tag!==SimpleMemoComponent)return;var componentNa
|
||
|
|
||
|
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://reactjs.org/link/wrap-tests-with-act`,getComponentNameFromFiber(fiber))}finally{previousFiber?setCurrentFiber(fiber):resetCurrentFiber()}}}}function warnIfSuspenseResolutionNotWrappedWithActDEV(root2){root2.tag!==LegacyRoot&&isConcurrentActEnvironment()&&ReactCurrentActQueue$1.current===null&&error(`A suspended resource finished loading inside a test, but the event was not wrapped in act(...).
|
||
|
|
||
|
When testing, code that resolves suspended data should be wrapped into act(...):
|
||
|
|
||
|
act(() => {
|
||
|
/* finish loading suspended data */
|
||
|
});
|
||
|
/* assert on the output */
|
||
|
|
||
|
This ensures that you're testing the behavior the user would see in the browser. Learn more at https://reactjs.org/link/wrap-tests-with-act`)}function setIsRunningInsertionEffect(isRunning){isRunningInsertionEffect=isRunning}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(),flushSync(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))}if(failedBoundaries!==null&&(failedBoundaries.has(fiber)||alternate!==null&&failedBoundaries.has(alternate))&&(needsRemount=!0),needsRemount&&(fiber._debugNeedsRemount=!0),needsRemount||needsRender){var _root=enqueueConcurrentRenderForLane(fiber,SyncLane);_root!==null&&scheduleUpdateOnFiber(_root,fiber,SyncLane,NoTimestamp)}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(function(family){return family.current}));return findHostInstancesForMatchingFibersRecursively(root2.current,types,hostInstances),hostInstan
|
||
|
|
||
|
Check the render method of \``+ownerName+"`.")}throw new 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))}}var fiber=createFiber(fiberTag,pendingProps,key,mode);return fiber.elementType=type,fiber.type=resolvedType,fiber.lanes=lanes,fiber._debugOwner=owner,fiber}function createFiberFromElement(element,mode,lanes){var owner=null;owner=element._owner;var type=element.type,key=element.key,pendingProps=element.props,fiber=createFiberFromTypeAndProps(type,key,pendingProps,owner,mode,lanes);return fiber._debugSource=element._source,fiber._debugOwner=element._owner,fiber}function createFiberFromFragment(elements,mode,lanes,key){var fiber=createFiber(Fragment2,elements,key,mode);return fiber.lanes=lanes,fiber}function createFiberFromProfiler(pendingProps,mode,lanes,key){typeof pendingProps.id!="string"&&error('Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',typeof pendingProps.id);var fiber=createFiber(Profiler,pendingProps,key,mode|ProfileMode);return fiber.elementType=REACT_PROFILER_TYPE,fiber.lanes=lanes,fiber.stateNode={effectDuration:0,passiveEffectDuration:0},fiber}function createFiberFromSuspense(pendingProps,mode,lanes,key){var fiber=createFiber(SuspenseComponent,pendingProps,key,mode);return fiber.elementType=REACT_SUSPENSE_TYPE,fiber.lanes=lanes,fiber}function createFiberFromSuspenseList(pendingProps,mode,lanes,key){var fiber=createFiber(SuspenseListComponent,pendingProps,key,mode);return fiber.elementType=REACT_SUSPENSE_LIST_TYPE,fiber.lanes=lanes,fiber}function createFiberFromOffscreen(pendingProps,mode,lanes,key){var fiber=createFiber(OffscreenComponent,pendingProps,key,mode);fiber.elementType=REACT_OFFSCREEN_TYPE,fiber.lanes=lanes;var primaryChildInstance={isHidden:!1};return fiber.stateNode=primaryChildInstance,fiber}function createFiberFromText(content,mode,lanes){var fiber=createFiber(HostText,content,null,mode);return fiber.lanes=lanes,fiber}function createFiberFromHostInstanceForDeletion(){var fiber=createFiber(HostComponent,null,null,NoMode);return fiber.elementType="DELETED",fiber}function createFiberFromDehydratedFragment(dehydratedNode){var fiber=createFiber(DehydratedFragment,null,null,NoMode);return fiber.stateNode=dehydratedNode,fiber}function createFiberFromPortal(portal,mode,lanes){var pendingProps=portal.children!==null?portal.children:[],fiber=createFiber(HostPortal,pendingProps,portal.key,mode);return fiber.lanes=lanes,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.flags=source.flags,target.subtreeFlags=source.subtreeFlags,target.deletions=source.deletions,target.lanes=source.lanes,target.childLanes=source.childLanes,target.alternate=source.alternate,target.actualDuration=source.actualDuration,target.actualStartTime=source.actualStartTime,target.selfBaseDuration=source.selfBaseDuration,target.treeBaseDuration=source.treeBaseDuration,target._debugSource=source._debugSource,target._debugOwner=source._debugOwner,target._debugNeedsRemount=source._debugNeedsRemount,target._debugHookTypes=source._debugHookTypes,target}function FiberRootNode(containerInfo,tag,hydrate2,identifierPrefix,onRecoverableError){this.tag=tag,this.containerInfo=containerInfo,this.pendingChildren=null,this.current=null,this.pingCache=null,this.finishedWork=null,thi
|
||
|
|
||
|
Check the render method of %s.`,getComponentNameFromFiber(current)||"Unknown"));var update=createUpdate(eventTime,lane);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);var root2=enqueueUpdate(current$1,update,lane);return root2!==null&&(scheduleUpdateOnFiber(root2,current$1,lane,eventTime),entangleTransitions(root2,current$1,lane)),lane}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 attemptSynchronousHydration$1(fiber){switch(fiber.tag){case HostRoot:{var root2=fiber.stateNode;if(isRootDehydrated(root2)){var lanes=getHighestPriorityPendingLanes(root2);flushRoot(root2,lanes)}break}case SuspenseComponent:{flushSync(function(){var root3=enqueueConcurrentRenderForLane(fiber,SyncLane);if(root3!==null){var eventTime=requestEventTime();scheduleUpdateOnFiber(root3,fiber,SyncLane,eventTime)}});var retryLane=SyncLane;markRetryLaneIfNotHydrated(fiber,retryLane);break}}}function markRetryLaneImpl(fiber,retryLane){var suspenseState=fiber.memoizedState;suspenseState!==null&&suspenseState.dehydrated!==null&&(suspenseState.retryLane=higherPriorityLane(suspenseState.retryLane,retryLane))}function markRetryLaneIfNotHydrated(fiber,retryLane){markRetryLaneImpl(fiber,retryLane);var alternate=fiber.alternate;alternate&&markRetryLaneImpl(alternate,retryLane)}function attemptContinuousHydration$1(fiber){if(fiber.tag===SuspenseComponent){var lane=SelectiveHydrationLane,root2=enqueueConcurrentRenderForLane(fiber,lane);if(root2!==null){var eventTime=requestEventTime();scheduleUpdateOnFiber(root2,fiber,lane,eventTime)}markRetryLaneIfNotHydrated(fiber,lane)}}function attemptHydrationAtCurrentPriority$1(fiber){if(fiber.tag===SuspenseComponent){var lane=requestUpdateLane(fiber),root2=enqueueConcurrentRenderForLane(fiber,lane);if(root2!==null){var eventTime=requestEventTime();scheduleUpdateOnFiber(root2,fiber,lane,eventTime)}markRetryLaneIfNotHydrated(fiber,lane)}}function findHostInstanceWithNoPortals(fiber){var hostFiber=findCurrentHostFiberWithNoPortals(fiber);return hostFiber===null?null:hostFiber.stateNode}var shouldErrorImpl=function(fiber){return null};function shouldError(fiber){return shouldErrorImpl(fiber)}var shouldSuspendImpl=function(fiber){return!1};function shouldSuspend(fiber){return shouldSuspendImpl(fiber)}var overrideHookState=null,overrideHookStateDeletePath=null,overrideHookStateRenamePath=null,overrideProps=null,overridePropsDeletePath=null,overridePropsRenamePath=null,scheduleUpdate=null,setErrorHandler=null,setSuspenseHandler=null;{var copyWithDeleteImpl=function(obj,path,index2){var key=path[index2],updated=isArray(obj)?obj.slice():assign2({},obj);return index2+1===path.length?(isArray(updated)?updated.splice(key,1):delete updated[key],updated):(updated[key]=copyWithDeleteImpl(obj[key],path,index2+1),updated)},copyWithDelete=function(obj,path){return copyWithDeleteImpl(obj,path,0)},copyWithRenameImpl=function(obj,oldPath,newPath,index2){var oldKey=oldPath[index2],updated=isArray(obj)?obj.slice():assign2({},obj);if(index2+1===oldPath.length){var newKey=newPath[index2];updated[newKey]=updated[oldKey],isArray(updated)?updated.splice(oldKey,1):delete updated[oldKey]}else updated[oldKey]=copyWithRenameImpl(obj[oldKey],oldPath,newPath,index2+1);return updated},copyWithRename=function(obj,oldPath,newPath){if(oldPath.length!==newPath.length){warn("copyWithRename() expects paths of the same length");return}else for(var i=0;i<newPath.length-1;i++)if(oldPath[i]!==newPath[i]){warn("copyWithRename() expects paths to be the same except for the deepest key");return}return copyWithRenameImpl(obj,oldPath,newPath,0)},copyWithSetImpl=function(obj,path,index2,value){if(index2>=path.length)return value;var key=path[index2],updated=
|
||
|
|
||
|
let root = createRoot(domContainer);
|
||
|
root.render(<App />);`),options2.unstable_strictMode===!0&&(isStrictMode=!0),options2.identifierPrefix!==void 0&&(identifierPrefix=options2.identifierPrefix),options2.onRecoverableError!==void 0&&(onRecoverableError=options2.onRecoverableError),options2.transitionCallbacks!==void 0&&(transitionCallbacks=options2.transitionCallbacks));var root2=createContainer(container,ConcurrentRoot,null,isStrictMode,concurrentUpdatesByDefaultOverride,identifierPrefix,onRecoverableError);markContainerAsRoot(root2.current,container);var rootContainerElement=container.nodeType===COMMENT_NODE?container.parentNode:container;return listenToAllSupportedEvents(rootContainerElement),new ReactDOMRoot(root2)}function ReactDOMHydrationRoot(internalRoot){this._internalRoot=internalRoot}function scheduleHydration(target){target&&queueExplicitHydrationTarget(target)}ReactDOMHydrationRoot.prototype.unstable_scheduleHydration=scheduleHydration;function hydrateRoot(container,initialChildren,options2){if(!isValidContainer(container))throw new Error("hydrateRoot(...): Target container is not a DOM element.");warnIfReactDOMContainerInDEV(container),initialChildren===void 0&&error("Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)");var hydrationCallbacks=options2??null,mutableSources=options2!=null&&options2.hydratedSources||null,isStrictMode=!1,concurrentUpdatesByDefaultOverride=!1,identifierPrefix="",onRecoverableError=defaultOnRecoverableError;options2!=null&&(options2.unstable_strictMode===!0&&(isStrictMode=!0),options2.identifierPrefix!==void 0&&(identifierPrefix=options2.identifierPrefix),options2.onRecoverableError!==void 0&&(onRecoverableError=options2.onRecoverableError));var root2=createHydrationContainer(initialChildren,null,container,ConcurrentRoot,hydrationCallbacks,isStrictMode,concurrentUpdatesByDefaultOverride,identifierPrefix,onRecoverableError);if(markContainerAsRoot(root2.current,container),listenToAllSupportedEvents(container),mutableSources)for(var i=0;i<mutableSources.length;i++){var mutableSource=mutableSources[i];registerMutableSourceForHydration(root2,mutableSource)}return new ReactDOMHydrationRoot(root2)}function isValidContainer(node2){return!!(node2&&(node2.nodeType===ELEMENT_NODE||node2.nodeType===DOCUMENT_NODE||node2.nodeType===DOCUMENT_FRAGMENT_NODE||!disableCommentsAsDOMContainers))}function isValidContainerLegacy(node2){return!!(node2&&(node2.nodeType===ELEMENT_NODE||node2.nodeType===DOCUMENT_NODE||node2.nodeType===DOCUMENT_FRAGMENT_NODE||node2.nodeType===COMMENT_NODE&&node2.nodeValue===" react-mount-point-unstable "))}function warnIfReactDOMContainerInDEV(container){container.nodeType===ELEMENT_NODE&&container.tagName&&container.tagName.toUpperCase()==="BODY"&&error("createRoot(): Creating roots directly with document.body is discouraged, since its children are often manipulated by third-party scripts and browser extensions. This may lead to subtle reconciliation issues. Try using a container element created for your app."),isContainerMarkedAsRoot(container)&&(container._reactRootContainer?error("You are calling ReactDOMClient.createRoot() on a container that was previously passed to ReactDOM.render(). This is not supported."):error("You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it."))}var ReactCurrentOwner$3=ReactSharedInternals.ReactCurrentOwner,topLevelUpdateWarnings;topLevelUpdateWarnings=function(container){if(container._reactRootContainer&&container.nodeType!==COMMENT_NODE){var hostInstance=findHostInstanceWithNoPortals(container._reactRootContainer.current);hostInstance&&hostInstance.parentNode!==container&&error("render(...): It looks like the React-rendered content of this container was removed without using React. This is not supported and will cause errors. Instead, call ReactDOM.unmountComponentAtNode to empty a container.")}var isRootRenderedBySomeReact=!!container._reactRootContainer,rootEl=getReactR
|
||
|
You might need to use a local HTTP server (instead of file://): https://reactjs.org/link/react-devtools-faq`:""),"font-weight:bold")}exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Internals,exports.createPortal=createPortal$1,exports.createRoot=createRoot$1,exports.findDOMNode=findDOMNode,exports.flushSync=flushSync$1,exports.hydrate=hydrate,exports.hydrateRoot=hydrateRoot$1,exports.render=render,exports.unmountComponentAtNode=unmountComponentAtNode,exports.unstable_batchedUpdates=batchedUpdates$1,exports.unstable_renderSubtreeIntoContainer=renderSubtreeIntoContainer,exports.version=ReactVersion,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error)})()}});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))||de
|
||
|
|
||
|
`,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!==57&&!(type+character===84&&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,declaration
|
||
|
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},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,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msG
|
||
|
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)."}}},hasOwn={}.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 _extends({},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 theme3=React2.u
|
||
|
`),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)hasOwn.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)hasOwn.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.4",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",default:"./macro.d.t
|
||
|
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,_extends({},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",WebkitTapHighlig
|
||
|
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 */";function _extends2(){return _extends2=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},_extends2.apply(this,arguments)}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}export{scope,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,_extends2 as _extends,_objectWithoutPropertiesLoose};
|