kits-core/build/components/uielements/PButton.js

Kits core module

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _antd = require("antd");

var _constant = require("../../configs/constant");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var getClassName = function getClassName(type) {
  switch (type) {
    case _constant.BUTTON_TYPE.DEFAULT:
      return "cdp_btn-default";

    case _constant.BUTTON_TYPE.PRIMARY:
      return "cdp_btn-primary";

    case _constant.BUTTON_TYPE.OUTLINE:
      return "cdp_btn-outline";

    case _constant.BUTTON_TYPE.OUTLINE_ERROR:
      return "cdp_btn-outline-error";

    case _constant.BUTTON_TYPE.OUTLINE_GREEN:
      return "cdp_btn-outline-green";

    case _constant.BUTTON_TYPE.BACKGROUND:
      return "cdp_btn-background";

    case _constant.BUTTON_TYPE.SUCCESS:
      return "cdp_btn-success";

    case _constant.BUTTON_TYPE.ERROR:
      return "cdp_btn-error";

    case _constant.BUTTON_TYPE.WARNING:
      return "cdp_btn-warning";

    case _constant.BUTTON_TYPE.GRAY:
      return "cdp_btn-gray";

    case _constant.BUTTON_TYPE.DS_WARNING_ICON:
      return "cdp_btn_ds-warning-ic";

    default:
      return "cdp_btn-default";
  }
};

var MemoizedButtonComponent = function MemoizedButtonComponent(props) {
  var btype = props.btype;

  if (!btype) return _react2.default.createElement(_react2.default.Fragment, null);

  var cloneProps = _extends({}, props);

  var classNameProps = props.styleClassName ? props.styleClassName : '';
  var btnTypeCssClass = getClassName(btype) + ' ' + classNameProps;

  delete cloneProps.styleClassName;
  delete cloneProps.btype;

  return _react2.default.createElement(
    _antd.Button,
    _extends({ style: {
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        alignContent: "center"
      }, className: "" + btnTypeCssClass }, cloneProps),
    props.children
  );
};

var PButton = _react2.default.memo(MemoizedButtonComponent);

exports.default = PButton;