@zohodesk/components/lib/Typography/css/cssJSLogic.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = cssJSLogic;

var _utils = require("@zohodesk/utils");

var _utils2 = require("../utils");

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function cssJSLogic(_ref) {
  var _compileClassNames;

  var props = _ref.props,
      style = _ref.style;
  var $flag_reset = props.$flag_reset,
      shouldReset = props.shouldReset,
      $flag_dotted = props.$flag_dotted,
      isDotted = props.isDotted,
      $ui_size = props.$ui_size,
      size = props.size,
      $ui_lineClamp = props.$ui_lineClamp,
      lineClamp = props.lineClamp,
      $ui_lineHeight = props.$ui_lineHeight,
      lineHeight = props.lineHeight,
      $ui_display = props.$ui_display,
      display = props.display,
      $ui_weight = props.$ui_weight,
      weight = props.weight,
      $ui_typeFace = props.$ui_typeFace,
      typeFace = props.typeFace,
      $ui_textAlign = props.$ui_textAlign,
      textAlign = props.textAlign,
      $ui_letterSpacing = props.$ui_letterSpacing,
      letterSpacing = props.letterSpacing,
      $ui_transform = props.$ui_transform,
      transform = props.transform,
      $ui_decoration = props.$ui_decoration,
      decoration = props.decoration,
      $ui_className = props.$ui_className,
      customClass = props.customClass,
      $ui_wordBreak = props.$ui_wordBreak,
      wordBreak = props.wordBreak,
      $ui_wordWrap = props.$ui_wordWrap,
      wordWrap = props.wordWrap,
      $ui_whiteSpace = props.$ui_whiteSpace,
      whiteSpace = props.whiteSpace;
  var finalReset = shouldReset !== undefined ? shouldReset : $flag_reset;
  var finalDotted = isDotted !== undefined ? isDotted : $flag_dotted;
  var finalSize = size !== undefined ? size : $ui_size;
  var finalLineClamp = lineClamp !== undefined ? lineClamp : $ui_lineClamp;
  var finalDisplay = display !== undefined ? display : $ui_display;
  var finalWeight = weight !== undefined ? weight : $ui_weight;
  var finalTypeFace = typeFace !== undefined ? typeFace : $ui_typeFace;
  var finalTextAlign = textAlign !== undefined ? textAlign : $ui_textAlign;
  var finalTransform = transform !== undefined ? transform : $ui_transform;
  var finalDecoration = decoration !== undefined ? decoration : $ui_decoration;
  var finalClassName = customClass !== undefined ? customClass : $ui_className;
  var finalWordBreak = wordBreak !== undefined ? wordBreak : $ui_wordBreak;
  var finalWordWrap = wordWrap !== undefined ? wordWrap : $ui_wordWrap;
  var finalWhiteSpace = whiteSpace !== undefined ? whiteSpace : $ui_whiteSpace;
  var finalLineHeight = lineHeight !== undefined ? lineHeight : $ui_lineHeight;
  var finalLetterSpacing = letterSpacing !== undefined ? letterSpacing : $ui_letterSpacing;

  if (finalLetterSpacing) {
    finalLetterSpacing = _utils2.letterspacingMapping[finalLetterSpacing];
  }

  if (finalLineHeight) {
    finalLineHeight = _utils2.lineheightMapping[finalLineHeight];
  }

  var typographyClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.reset, finalReset), _defineProperty(_compileClassNames, style.dotted, finalDotted), _defineProperty(_compileClassNames, style["size".concat(finalSize)], !!finalSize), _defineProperty(_compileClassNames, style["lineclamp_".concat(finalLineClamp)], !!finalLineClamp), _defineProperty(_compileClassNames, style["lineheight_".concat(finalLineHeight)], !!finalLineHeight), _defineProperty(_compileClassNames, style["display_".concat(finalDisplay)], !!finalDisplay), _defineProperty(_compileClassNames, style["font_".concat(finalWeight)], !!finalWeight), _defineProperty(_compileClassNames, style["fontStyles_".concat(finalTypeFace)], !!finalTypeFace), _defineProperty(_compileClassNames, style["textalign_".concat(finalTextAlign)], !!finalTextAlign), _defineProperty(_compileClassNames, style["letterspacing_".concat(finalLetterSpacing)], !!finalLetterSpacing), _defineProperty(_compileClassNames, style["transform_".concat(finalTransform)], !!finalTransform), _defineProperty(_compileClassNames, style["decoration_".concat(finalDecoration)], !!finalDecoration), _defineProperty(_compileClassNames, style["wordBreak_".concat(finalWordBreak)], !!finalWordBreak), _defineProperty(_compileClassNames, style["wordWrap_".concat(finalWordWrap)], !!finalWordWrap), _defineProperty(_compileClassNames, style["whiteSpace_".concat(finalWhiteSpace)], !!finalWhiteSpace), _defineProperty(_compileClassNames, finalClassName, !!finalClassName), _compileClassNames));
  return {
    typographyClass: typographyClass
  };
}