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

In this Package, we Provide Some Basic Components to Build Web App

"use strict";

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

var _utils = require("@zohodesk/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, _compileClassNames2, _compileClassNames3;

  var props = _ref.props,
      style = _ref.style;
  var customClass = props.customClass,
      needAppearance = props.needAppearance,
      isBold = props.isBold,
      rounded = props.rounded,
      size = props.size,
      children = props.children,
      palette = props.palette,
      status = props.status;
  var _customClass$customBu = customClass.customButton,
      customButton = _customClass$customBu === void 0 ? '' : _customClass$customBu,
      _customClass$customSt = customClass.customStatus,
      customStatus = _customClass$customSt === void 0 ? '' : _customClass$customSt,
      _customClass$customSt2 = customClass.customStatusSize,
      customStatusSize = _customClass$customSt2 === void 0 ? '' : _customClass$customSt2;
  var paletteLower = palette.toLowerCase();
  var statusLower = status.toLowerCase();
  var buttonClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, customButton, !!customButton), _defineProperty(_compileClassNames, style.bold, isBold), _defineProperty(_compileClassNames, style["default"], !needAppearance), _defineProperty(_compileClassNames, style[paletteLower], needAppearance), _defineProperty(_compileClassNames, style.rounded, needAppearance && rounded), _defineProperty(_compileClassNames, style[size.toLowerCase()], needAppearance && !children), _defineProperty(_compileClassNames, style["".concat(size, "Btn")], needAppearance && children), _defineProperty(_compileClassNames, style["".concat(size, "Btn").concat(paletteLower)], needAppearance && children && rounded), _defineProperty(_compileClassNames, style.loader, !!needAppearance && statusLower !== 'none'), _compileClassNames));
  var loaderParentClass = (0, _utils.compileClassNames)((_compileClassNames2 = {}, _defineProperty(_compileClassNames2, customStatusSize, !!customStatusSize), _defineProperty(_compileClassNames2, style.loading, statusLower === 'loading'), _defineProperty(_compileClassNames2, style["".concat(size, "loading")], statusLower === 'loading'), _defineProperty(_compileClassNames2, style.successstate, statusLower != 'loading'), _compileClassNames2));
  var loaderChildClass = (0, _utils.compileClassNames)((_compileClassNames3 = {}, _defineProperty(_compileClassNames3, customStatus, !!customStatus), _defineProperty(_compileClassNames3, style.loadingelement, statusLower === 'loading'), _defineProperty(_compileClassNames3, style["".concat(paletteLower, "element")], statusLower === 'loading'), _defineProperty(_compileClassNames3, style.successelement, statusLower != 'loading'), _defineProperty(_compileClassNames3, style["".concat(paletteLower, "success")], statusLower != 'loading'), _compileClassNames3));
  return {
    buttonClass: buttonClass,
    loaderParentClass: loaderParentClass,
    loaderChildClass: loaderChildClass
  };
}