react 0.0.0-experimental-269dd6ec5 → 0.0.0-experimental-bd070eb2c

package/cjs/react-jsx-dev-runtime.development.js

@@ -148,8 +148,14 @@ function isValidElementType(type) {
 }
 
 function getWrappedName(outerType, innerType, wrapperName) {
+  var displayName = outerType.displayName;
+
+  if (displayName) {
+    return displayName;
+  }
+
   var functionName = innerType.displayName || innerType.name || '';
-  return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
+  return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
 } // Keep in sync with react-reconciler/getComponentNameFromFiber
 
 
@@ -215,7 +221,13 @@ function getComponentNameFromType(type) {
         return getWrappedName(type, type.render, 'ForwardRef');
 
       case REACT_MEMO_TYPE:
-        return getComponentNameFromType(type.type);
+        var outerName = type.displayName || null;
+
+        if (outerName !== null) {
+          return outerName;
+        }
+
+        return getComponentNameFromType(type.type) || 'Memo';
 
       case REACT_LAZY_TYPE:
         {

package/cjs/react-jsx-runtime.development.js

@@ -148,8 +148,14 @@ function isValidElementType(type) {
 }
 
 function getWrappedName(outerType, innerType, wrapperName) {
+  var displayName = outerType.displayName;
+
+  if (displayName) {
+    return displayName;
+  }
+
   var functionName = innerType.displayName || innerType.name || '';
-  return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
+  return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
 } // Keep in sync with react-reconciler/getComponentNameFromFiber
 
 
@@ -215,7 +221,13 @@ function getComponentNameFromType(type) {
         return getWrappedName(type, type.render, 'ForwardRef');
 
       case REACT_MEMO_TYPE:
-        return getComponentNameFromType(type.type);
+        var outerName = type.displayName || null;
+
+        if (outerName !== null) {
+          return outerName;
+        }
+
+        return getComponentNameFromType(type.type) || 'Memo';
 
       case REACT_LAZY_TYPE:
         {

package/cjs/react-unstable-shared-subset.development.js

@@ -15,7 +15,7 @@ if (process.env.NODE_ENV !== "production") {
 
 var _assign = require('object-assign');
 
-var ReactVersion = '17.0.3-experimental-269dd6ec5';
+var ReactVersion = '17.0.3-experimental-bd070eb2c';
 
 // ATTENTION
 // When adding new symbols to this file,
@@ -450,8 +450,14 @@ function isArray(a) {
 }
 
 function getWrappedName(outerType, innerType, wrapperName) {
+  var displayName = outerType.displayName;
+
+  if (displayName) {
+    return displayName;
+  }
+
   var functionName = innerType.displayName || innerType.name || '';
-  return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
+  return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
 } // Keep in sync with react-reconciler/getComponentNameFromFiber
 
 
@@ -517,7 +523,13 @@ function getComponentNameFromType(type) {
         return getWrappedName(type, type.render, 'ForwardRef');
 
       case REACT_MEMO_TYPE:
-        return getComponentNameFromType(type.type);
+        var outerName = type.displayName || null;
+
+        if (outerName !== null) {
+          return outerName;
+        }
+
+        return getComponentNameFromType(type.type) || 'Memo';
 
       case REACT_LAZY_TYPE:
         {
@@ -1282,9 +1294,15 @@ function forwardRef(render) {
         return ownName;
       },
       set: function (name) {
-        ownName = name;
-
-        if (render.displayName == null) {
+        ownName = name; // The inner component shouldn't inherit this display name in most cases,
+        // because the component may be used elsewhere.
+        // But it's nice for anonymous functions to inherit the name,
+        // so that our component-stack generation logic will display their frames.
+        // An anonymous function generally suggests a pattern like:
+        //   React.forwardRef((props, ref) => {...});
+        // This kind of inner function is not used elsewhere so the side effect is okay.
+
+        if (!render.name && !render.displayName) {
           render.displayName = name;
         }
       }
@@ -1349,9 +1367,15 @@ function memo(type, compare) {
         return ownName;
       },
       set: function (name) {
-        ownName = name;
-
-        if (type.displayName == null) {
+        ownName = name; // The inner component shouldn't inherit this display name in most cases,
+        // because the component may be used elsewhere.
+        // But it's nice for anonymous functions to inherit the name,
+        // so that our component-stack generation logic will display their frames.
+        // An anonymous function generally suggests a pattern like:
+        //   React.memo((props) => {...});
+        // This kind of inner function is not used elsewhere so the side effect is okay.
+
+        if (!type.name && !type.displayName) {
           type.displayName = name;
         }
       }

package/cjs/react-unstable-shared-subset.production.min.js

@@ -20,4 +20,4 @@ exports.cloneElement=function(a,b,e){if(null===a||void 0===a)throw Error(x(267,a
 key:c,ref:k,props:d,_owner:h}};exports.createElement=function(a,b,e){var d,c={},k=null,h=null;if(null!=b)for(d in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(k=""+b.key),b)F.call(b,d)&&!H.hasOwnProperty(d)&&(c[d]=b[d]);var g=arguments.length-2;if(1===g)c.children=e;else if(1<g){for(var f=Array(g),m=0;m<g;m++)f[m]=arguments[m+2];c.children=f}if(a&&a.defaultProps)for(d in g=a.defaultProps,g)void 0===c[d]&&(c[d]=g[d]);return{$$typeof:n,type:a,key:k,ref:h,props:c,_owner:G.current}};exports.createRef=function(){return{current:null}};
 exports.forwardRef=function(a){return{$$typeof:q,render:a}};exports.isValidElement=J;exports.lazy=function(a){return{$$typeof:t,_payload:{_status:-1,_result:a},_init:O}};exports.memo=function(a,b){return{$$typeof:r,type:a,compare:void 0===b?null:b}};exports.unstable_createMutableSource=function(a,b){return{_getVersion:b,_source:a,_workInProgressVersionPrimary:null,_workInProgressVersionSecondary:null}};exports.unstable_getCacheForType=function(a){return P.current.getCacheForType(a)};
 exports.unstable_useDeferredValue=function(a){return P.current.useDeferredValue(a)};exports.unstable_useMutableSource=function(a,b,e){return P.current.useMutableSource(a,b,e)};exports.unstable_useOpaqueIdentifier=function(){return P.current.useOpaqueIdentifier()};exports.useCallback=function(a,b){return P.current.useCallback(a,b)};exports.useContext=function(a){return P.current.useContext(a)};exports.useDebugValue=function(){};exports.useMemo=function(a,b){return P.current.useMemo(a,b)};
-exports.version="17.0.3-experimental-269dd6ec5";
+exports.version="17.0.3-experimental-bd070eb2c";

package/cjs/react.development.js

@@ -15,7 +15,7 @@ if (process.env.NODE_ENV !== "production") {
 
 var _assign = require('object-assign');
 
-var ReactVersion = '17.0.3-experimental-269dd6ec5';
+var ReactVersion = '17.0.3-experimental-bd070eb2c';
 
 // ATTENTION
 // When adding new symbols to this file,
@@ -450,8 +450,14 @@ function isArray(a) {
 }
 
 function getWrappedName(outerType, innerType, wrapperName) {
+  var displayName = outerType.displayName;
+
+  if (displayName) {
+    return displayName;
+  }
+
   var functionName = innerType.displayName || innerType.name || '';
-  return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
+  return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
 } // Keep in sync with react-reconciler/getComponentNameFromFiber
 
 
@@ -517,7 +523,13 @@ function getComponentNameFromType(type) {
         return getWrappedName(type, type.render, 'ForwardRef');
 
       case REACT_MEMO_TYPE:
-        return getComponentNameFromType(type.type);
+        var outerName = type.displayName || null;
+
+        if (outerName !== null) {
+          return outerName;
+        }
+
+        return getComponentNameFromType(type.type) || 'Memo';
 
       case REACT_LAZY_TYPE:
         {
@@ -1393,9 +1405,15 @@ function forwardRef(render) {
         return ownName;
       },
       set: function (name) {
-        ownName = name;
-
-        if (render.displayName == null) {
+        ownName = name; // The inner component shouldn't inherit this display name in most cases,
+        // because the component may be used elsewhere.
+        // But it's nice for anonymous functions to inherit the name,
+        // so that our component-stack generation logic will display their frames.
+        // An anonymous function generally suggests a pattern like:
+        //   React.forwardRef((props, ref) => {...});
+        // This kind of inner function is not used elsewhere so the side effect is okay.
+
+        if (!render.name && !render.displayName) {
           render.displayName = name;
         }
       }
@@ -1460,9 +1478,15 @@ function memo(type, compare) {
         return ownName;
       },
       set: function (name) {
-        ownName = name;
-
-        if (type.displayName == null) {
+        ownName = name; // The inner component shouldn't inherit this display name in most cases,
+        // because the component may be used elsewhere.
+        // But it's nice for anonymous functions to inherit the name,
+        // so that our component-stack generation logic will display their frames.
+        // An anonymous function generally suggests a pattern like:
+        //   React.memo((props) => {...});
+        // This kind of inner function is not used elsewhere so the side effect is okay.
+
+        if (!type.name && !type.displayName) {
           type.displayName = name;
         }
       }

package/cjs/react.production.min.js

@@ -23,4 +23,4 @@ key:d,ref:k,props:e,_owner:h}};exports.createContext=function(a){a={$$typeof:r,_
 exports.lazy=function(a){return{$$typeof:v,_payload:{_status:-1,_result:a},_init:R}};exports.memo=function(a,b){return{$$typeof:u,type:a,compare:void 0===b?null:b}};exports.unstable_createMutableSource=function(a,b){return{_getVersion:b,_source:a,_workInProgressVersionPrimary:null,_workInProgressVersionSecondary:null}};exports.unstable_getCacheForType=function(a){return S.current.getCacheForType(a)};
 exports.unstable_startTransition=function(a){var b=T.transition;T.transition=1;try{a()}finally{T.transition=b}};exports.unstable_useCacheRefresh=function(){return S.current.useCacheRefresh()};exports.unstable_useDeferredValue=function(a){return S.current.useDeferredValue(a)};exports.unstable_useMutableSource=function(a,b,c){return S.current.useMutableSource(a,b,c)};exports.unstable_useOpaqueIdentifier=function(){return S.current.useOpaqueIdentifier()};exports.unstable_useTransition=function(){return S.current.useTransition()};
 exports.useCallback=function(a,b){return S.current.useCallback(a,b)};exports.useContext=function(a){return S.current.useContext(a)};exports.useDebugValue=function(){};exports.useEffect=function(a,b){return S.current.useEffect(a,b)};exports.useImperativeHandle=function(a,b,c){return S.current.useImperativeHandle(a,b,c)};exports.useLayoutEffect=function(a,b){return S.current.useLayoutEffect(a,b)};exports.useMemo=function(a,b){return S.current.useMemo(a,b)};
-exports.useReducer=function(a,b,c){return S.current.useReducer(a,b,c)};exports.useRef=function(a){return S.current.useRef(a)};exports.useState=function(a){return S.current.useState(a)};exports.version="17.0.3-experimental-269dd6ec5";
+exports.useReducer=function(a,b,c){return S.current.useReducer(a,b,c)};exports.useRef=function(a){return S.current.useRef(a)};exports.useState=function(a){return S.current.useState(a)};exports.version="17.0.3-experimental-bd070eb2c";

package/package.json

@@ -4,7 +4,7 @@
   "keywords": [
     "react"
   ],
-  "version": "0.0.0-experimental-269dd6ec5",
+  "version": "0.0.0-experimental-bd070eb2c",
   "homepage": "https://reactjs.org/",
   "bugs": "https://github.com/facebook/react/issues",
   "license": "MIT",

package/umd/react.development.js

@@ -12,7 +12,7 @@
   (global = global || self, factory(global.React = {}));
 }(this, (function (exports) { 'use strict';
 
-  var ReactVersion = '17.0.3-experimental-269dd6ec5';
+  var ReactVersion = '17.0.3-experimental-bd070eb2c';
 
   // ATTENTION
   // When adding new symbols to this file,
@@ -475,8 +475,14 @@
   }
 
   function getWrappedName(outerType, innerType, wrapperName) {
+    var displayName = outerType.displayName;
+
+    if (displayName) {
+      return displayName;
+    }
+
     var functionName = innerType.displayName || innerType.name || '';
-    return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
+    return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
   } // Keep in sync with react-reconciler/getComponentNameFromFiber
 
 
@@ -542,7 +548,13 @@
           return getWrappedName(type, type.render, 'ForwardRef');
 
         case REACT_MEMO_TYPE:
-          return getComponentNameFromType(type.type);
+          var outerName = type.displayName || null;
+
+          if (outerName !== null) {
+            return outerName;
+          }
+
+          return getComponentNameFromType(type.type) || 'Memo';
 
         case REACT_LAZY_TYPE:
           {
@@ -1418,9 +1430,15 @@
           return ownName;
         },
         set: function (name) {
-          ownName = name;
-
-          if (render.displayName == null) {
+          ownName = name; // The inner component shouldn't inherit this display name in most cases,
+          // because the component may be used elsewhere.
+          // But it's nice for anonymous functions to inherit the name,
+          // so that our component-stack generation logic will display their frames.
+          // An anonymous function generally suggests a pattern like:
+          //   React.forwardRef((props, ref) => {...});
+          // This kind of inner function is not used elsewhere so the side effect is okay.
+
+          if (!render.name && !render.displayName) {
             render.displayName = name;
           }
         }
@@ -1485,9 +1503,15 @@
           return ownName;
         },
         set: function (name) {
-          ownName = name;
-
-          if (type.displayName == null) {
+          ownName = name; // The inner component shouldn't inherit this display name in most cases,
+          // because the component may be used elsewhere.
+          // But it's nice for anonymous functions to inherit the name,
+          // so that our component-stack generation logic will display their frames.
+          // An anonymous function generally suggests a pattern like:
+          //   React.memo((props) => {...});
+          // This kind of inner function is not used elsewhere so the side effect is okay.
+
+          if (!type.name && !type.displayName) {
             type.displayName = name;
           }
         }

package/umd/react.production.min.js

@@ -28,5 +28,5 @@ a.type.defaultProps;for(h in b)ba.call(b,h)&&!ca.hasOwnProperty(h)&&(d[h]=void 0
 function(a){var b=Z.bind(null,a);b.type=a;return b};c.createRef=function(){return{current:null}};c.forwardRef=function(a){return{$$typeof:ma,render:a}};c.isValidElement=L;c.lazy=function(a){return{$$typeof:oa,_payload:{_status:-1,_result:a},_init:va}};c.memo=function(a,b){return{$$typeof:na,type:a,compare:void 0===b?null:b}};c.unstable_createMutableSource=function(a,b){return{_getVersion:b,_source:a,_workInProgressVersionPrimary:null,_workInProgressVersionSecondary:null}};c.unstable_getCacheForType=
 function(a){return g.current.getCacheForType(a)};c.unstable_startTransition=function(a){var b=I.transition;I.transition=1;try{a()}finally{I.transition=b}};c.unstable_useCacheRefresh=function(){return g.current.useCacheRefresh()};c.unstable_useDeferredValue=function(a){return g.current.useDeferredValue(a)};c.unstable_useMutableSource=function(a,b,c){return g.current.useMutableSource(a,b,c)};c.unstable_useOpaqueIdentifier=function(){return g.current.useOpaqueIdentifier()};c.unstable_useTransition=function(){return g.current.useTransition()};
 c.useCallback=function(a,b){return g.current.useCallback(a,b)};c.useContext=function(a){return g.current.useContext(a)};c.useDebugValue=function(a,b){};c.useEffect=function(a,b){return g.current.useEffect(a,b)};c.useImperativeHandle=function(a,b,c){return g.current.useImperativeHandle(a,b,c)};c.useLayoutEffect=function(a,b){return g.current.useLayoutEffect(a,b)};c.useMemo=function(a,b){return g.current.useMemo(a,b)};c.useReducer=function(a,b,c){return g.current.useReducer(a,b,c)};c.useRef=function(a){return g.current.useRef(a)};
-c.useState=function(a){return g.current.useState(a)};c.version="17.0.3-experimental-269dd6ec5"});
+c.useState=function(a){return g.current.useState(a)};c.version="17.0.3-experimental-bd070eb2c"});
 })();

package/umd/react.profiling.min.js

@@ -28,5 +28,5 @@ a.type.defaultProps;for(h in b)ba.call(b,h)&&!ca.hasOwnProperty(h)&&(d[h]=void 0
 function(a){var b=Z.bind(null,a);b.type=a;return b};c.createRef=function(){return{current:null}};c.forwardRef=function(a){return{$$typeof:ma,render:a}};c.isValidElement=L;c.lazy=function(a){return{$$typeof:oa,_payload:{_status:-1,_result:a},_init:va}};c.memo=function(a,b){return{$$typeof:na,type:a,compare:void 0===b?null:b}};c.unstable_createMutableSource=function(a,b){return{_getVersion:b,_source:a,_workInProgressVersionPrimary:null,_workInProgressVersionSecondary:null}};c.unstable_getCacheForType=
 function(a){return g.current.getCacheForType(a)};c.unstable_startTransition=function(a){var b=I.transition;I.transition=1;try{a()}finally{I.transition=b}};c.unstable_useCacheRefresh=function(){return g.current.useCacheRefresh()};c.unstable_useDeferredValue=function(a){return g.current.useDeferredValue(a)};c.unstable_useMutableSource=function(a,b,c){return g.current.useMutableSource(a,b,c)};c.unstable_useOpaqueIdentifier=function(){return g.current.useOpaqueIdentifier()};c.unstable_useTransition=function(){return g.current.useTransition()};
 c.useCallback=function(a,b){return g.current.useCallback(a,b)};c.useContext=function(a){return g.current.useContext(a)};c.useDebugValue=function(a,b){};c.useEffect=function(a,b){return g.current.useEffect(a,b)};c.useImperativeHandle=function(a,b,c){return g.current.useImperativeHandle(a,b,c)};c.useLayoutEffect=function(a,b){return g.current.useLayoutEffect(a,b)};c.useMemo=function(a,b){return g.current.useMemo(a,b)};c.useReducer=function(a,b,c){return g.current.useReducer(a,b,c)};c.useRef=function(a){return g.current.useRef(a)};
-c.useState=function(a){return g.current.useState(a)};c.version="17.0.3-experimental-269dd6ec5"});
+c.useState=function(a){return g.current.useState(a)};c.version="17.0.3-experimental-bd070eb2c"});
 })();