function replaceCharacterByIcon(value, t) {
	switch (value) {
		case '\t':
			return (
				<Icon
					aria-label={t('FORMAT_VALUE_TAB_CHARACTER', { defaultValue: 'tab character' })}
					className={classNames(
						theme['td-white-space-character'],
						theme['td-tab-character'],
						'td-white-space-character',
					)}
					name="talend-empty-cell"
				/>
			);
		case ' ':
			return (
				<Icon
					aria-label={t('FORMAT_VALUE_SPACE_CHARACTER', { defaultValue: 'space character' })}
					className={classNames(theme['td-white-space-character'], 'td-white-space-character')}
					name="talend-empty-space"
				/>
			);
		case '\n':
			return (
				<span>
					<Icon
						aria-label={t('FORMAT_VALUE_LINE_FEEDING_CHARACTER', {
							defaultValue: 'line feeding character',
						})}
						className={classNames(theme['td-white-space-character'], 'td-white-space-character')}
						name="talend-carriage-return"
					/>
					{'\n'}
				</span>
			);
		default:
			if (REG_EXP_WHITE_SPACE_CHARACTERS.test(value)) {
				return (
					<Icon
						aria-label={t('FORMAT_VALUE_WHITE_SPACE_CHARACTER', {
							defaultValue: 'white space character',
						})}
						className={classNames(
							theme['td-white-space-character'],
							theme['td-other-characters'],
							'td-white-space-character',
						)}
						name="talend-empty-char"
					/>
				);
			}
			return <span>{value}</span>;
	}
}
/**
 * replaceCharacterByIcon - replace a character by the corresponding icon
 *
 * @param  {string} value string to transform
 * @return {Component}    component with the replaced special characters by icon
 */
replace a character by the corresponding icon
@param  {string} value string to transform
@return {Component}    component with the replaced special characters by icon
replace a character by the corresponding icon @param { string } value string to transform @return { Component } component with the replaced special characters by icon
function replaceCharacterByIcon(value, t) {
	switch (value) {
		case '\t':
			return (
				<Icon
					aria-label={t('FORMAT_VALUE_TAB_CHARACTER', { defaultValue: 'tab character' })}
					className={classNames(
						theme['td-white-space-character'],
						theme['td-tab-character'],
						'td-white-space-character',
					)}
					name="talend-empty-cell"
				/>
			);
		case ' ':
			return (
				<Icon
					aria-label={t('FORMAT_VALUE_SPACE_CHARACTER', { defaultValue: 'space character' })}
					className={classNames(theme['td-white-space-character'], 'td-white-space-character')}
					name="talend-empty-space"
				/>
			);
		case '\n':
			return (
				<span>
					<Icon
						aria-label={t('FORMAT_VALUE_LINE_FEEDING_CHARACTER', {
							defaultValue: 'line feeding character',
						})}
						className={classNames(theme['td-white-space-character'], 'td-white-space-character')}
						name="talend-carriage-return"
					/>
					{'\n'}
				</span>
			);
		default:
			if (REG_EXP_WHITE_SPACE_CHARACTERS.test(value)) {
				return (
					<Icon
						aria-label={t('FORMAT_VALUE_WHITE_SPACE_CHARACTER', {
							defaultValue: 'white space character',
						})}
						className={classNames(
							theme['td-white-space-character'],
							theme['td-other-characters'],
							'td-white-space-character',
						)}
						name="talend-empty-char"
					/>
				);
			}
			return <span>{value}</span>;
	}
}
function replaceCharacterByIcon ( value , t ) { switch ( value ) { case '\t' : return ( < Icon aria-label = { t ( 'FORMAT_VALUE_TAB_CHARACTER' , { defaultValue : 'tab character' } ) } className = { classNames ( theme [ 'td-white-space-character' ] , theme [ 'td-tab-character' ] , 'td-white-space-character' , ) } name = "talend-empty-cell" / > ) ; case ' ' : return ( < Icon aria-label = { t ( 'FORMAT_VALUE_SPACE_CHARACTER' , { defaultValue : 'space character' } ) } className = { classNames ( theme [ 'td-white-space-character' ] , 'td-white-space-character' ) } name = "talend-empty-space" / > ) ; case '\n' : return ( < span > < Icon aria-label = { t ( 'FORMAT_VALUE_LINE_FEEDING_CHARACTER' , { defaultValue : 'line feeding character' , } ) } className = { classNames ( theme [ 'td-white-space-character' ] , 'td-white-space-character' ) } name = "talend-carriage-return" / > { '\n' } < / span > ) ; default : if ( REG_EXP_WHITE_SPACE_CHARACTERS . test ( value ) ) { return ( < Icon aria-label = { t ( 'FORMAT_VALUE_WHITE_SPACE_CHARACTER' , { defaultValue : 'white space character' , } ) } className = { classNames ( theme [ 'td-white-space-character' ] , theme [ 'td-other-characters' ] , 'td-white-space-character' , ) } name = "talend-empty-char" / > ) ; } return < span > { value } < / span > ; } }
replaceCharacterByIcon - replace a character by the corresponding icon
 @param  {string} value string to transform
 @return {Component}    component with the replaced special characters by icon
replaceCharacterByIcon - replace a character by the corresponding icon @param { string } value string to transform @return { Component } component with the replaced special characters by icon