Files F120041994

getDisplayName.js
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Tue, Jul 1, 13:08

getDisplayName.js
View Options

	import { ForwardRef, Memo } from 'react-is';

	// Simplified polyfill for IE11 support
	// https://github.com/JamesMGreene/Function.name/blob/58b314d4a983110c3682f1228f845d39ccca1817/Function.name.js#L3
	const fnNameMatchRegex = /^\sfunction(?:\s\|\s\/\.\\/\s)+([^(\s/])\s/;
	export function getFunctionName(fn) {
	const match = `${fn}`.match(fnNameMatchRegex);
	const name = match && match[1];
	return name \|\| '';
	}
	function getFunctionComponentName(Component, fallback = '') {
	return Component.displayName \|\| Component.name \|\| getFunctionName(Component) \|\| fallback;
	}
	function getWrappedName(outerType, innerType, wrapperName) {
	const functionName = getFunctionComponentName(innerType);
	return outerType.displayName \|\| (functionName !== '' ? `${wrapperName}(${functionName})` : wrapperName);
	}

	/**
	* cherry-pick from
	* https://github.com/facebook/react/blob/769b1f270e1251d9dbdce0fcbd9e92e502d059b8/packages/shared/getComponentName.js
	* originally forked from recompose/getDisplayName with added IE11 support
	*/
	export default function getDisplayName(Component) {
	if (Component == null) {
	return undefined;
	}
	if (typeof Component === 'string') {
	return Component;
	}
	if (typeof Component === 'function') {
	return getFunctionComponentName(Component, 'Component');
	}

	// TypeScript can't have components as objects but they exist in the form of `memo` or `Suspense`
	if (typeof Component === 'object') {
	switch (Component.$$typeof) {
	case ForwardRef:
	return getWrappedName(Component, Component.render, 'ForwardRef');
	case Memo:
	return getWrappedName(Component, Component.type, 'memo');
	default:
	return undefined;
	}
	}
	return undefined;
	}

Event Timeline