Function resolveThemableArray

src/index.ts:145–177

* Resolves ThemingInstruction objects in an array and joins the result into a string. * @param {ThemableArray} splitStyleArray ThemableArray to resolve and join.

(splitStyleArray: ThemableArray)

 * @param {ThemableArray} splitStyleArray ThemableArray to resolve and join.
 */
function resolveThemableArray(splitStyleArray: ThemableArray): string {
  const { theme }: IThemeState = _themeState;
  let resolvedCss: string;
  if (splitStyleArray) {
    // Resolve the array of theming instructions to an array of strings.
    // Then join the array to produce the final CSS string.
    const resolvedArray: string[] = splitStyleArray.map((currentValue: IThemingInstruction) => {
      const themeSlot: string = currentValue.theme;
      if (themeSlot) {
        // A theming annotation. Resolve it.
        const themedValue: string = theme ? theme[themeSlot] : undefined;
        const defaultValue: string = currentValue.defaultValue;

        // Warn to console if we hit an unthemed value even when themes are provided.
        // Allow the themedValue to be undefined to explicitly request the default value.
        if (theme && !themedValue && console && !(themeSlot in theme)) {
          /* tslint:disable: max-line-length */
          console.warn(`Theming value not provided for "${themeSlot}". Falling back to "${defaultValue || 'inherit'}".`);
          /* tslint:enable: max-line-length */
        }

        return themedValue || defaultValue || 'inherit';
      } else {
        // A non-themable string. Preserve it.
        return currentValue.rawString;
      }
    });

    resolvedCss = resolvedArray.join('');
  }

  return resolvedCss;
}

/**
 * Split tokenized CSS into an array of strings and theme specification objects