react-native-styled-text/StyledText/utils.js

A React Native component for easy rendering of styled text.

import { Mixed } from './parser';

const findAllTextStyles = (
  mixedText: Mixed, 
  accStyleNames: Array<string> = []
) : Array<string> => {
  mixedText.map(element => {
    if (!(typeof element === 'string' || element === undefined || element === null)) {
      const index = accStyleNames.indexOf(element.styleName);
      if (index < 0) {
        accStyleNames.push(element.styleName);
      }
 
      accStyleNames = findAllTextStyles(element.mixedText, accStyleNames);
    }
  });

  return accStyleNames;
}

const verifyChildrenProp = (
  children: string, 
  textStyles: Object
) => {
  if (typeof children !== "string" && children !== undefined && children !== null) {
    console.warn(`react-native-styled-text: children must a string, undefined or null (${JSON.stringify(children)})`);
    return false;
  }

  return true;
}

const verifyTextStylesProp = (
  textStyles: Object
) => {
  if (typeof textStyles !== "object" && textStyles !== undefined && textStyles !== null) {
    console.warn(`react-native-styled-text: textStyles must an object, undefined or null (${JSON.stringify(textStyles)})`);
    return false;
  }

  return true;
}

const verifyTextStyles = (
  mixedText: Mixed, 
  textStyles: Object, 
  defaultStyles: Object
) => {
  const styleNames = findAllTextStyles(mixedText);
   
  styleNames.forEach((styleName) => {
    if (!textStyles[styleName] && !defaultStyles[styleName]) {
  	  console.warn('react-native-styled-text: style "' + styleName + '" is not defined');
    }
  });
}
  
export { verifyChildrenProp, verifyTextStylesProp, verifyTextStyles };