@zohodesk/dot/lib/v1/emptystate/CommonEmptyState/CommonEmptyState.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

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

var _react = _interopRequireDefault(require("react"));

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _Link = _interopRequireDefault(require("../../Link/Link"));

var _CommonEmptyStateModule = _interopRequireDefault(require("../../../emptystate/CommonEmptyState/CommonEmptyState.module.css"));

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

function CommonEmptyState(props) {
  var title = props.title,
      description = props.description,
      linkDescription = props.linkDescription,
      linkUrl = props.linkUrl,
      linkText = props.linkText,
      linkTarget = props.linkTarget,
      onUrlClick = props.onUrlClick,
      getEmptyState = props.getEmptyState,
      className = props.className,
      dataId = props.dataId,
      isFluid = props.isFluid,
      children = props.children,
      size = props.size,
      palette = props.palette,
      customClass = props.customClass;
  var _customClass$titleCla = customClass.titleClass,
      titleClass = _customClass$titleCla === void 0 ? '' : _customClass$titleCla,
      _customClass$descript = customClass.descriptionClass,
      descriptionClass = _customClass$descript === void 0 ? '' : _customClass$descript;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(_CommonEmptyStateModule["default"].container, " ").concat(_CommonEmptyStateModule["default"][size], " ").concat(className, " ").concat(!isFluid ? _CommonEmptyStateModule["default"].fluid : '', " ").concat(_CommonEmptyStateModule["default"][palette]),
    "data-id": dataId,
    "data-test-id": dataId
  }, getEmptyState ? getEmptyState() : null, title ? /*#__PURE__*/_react["default"].createElement("div", {
    tabIndex: "0",
    className: "".concat(_CommonEmptyStateModule["default"].title, " ").concat(titleClass)
  }, title) : null, description ? /*#__PURE__*/_react["default"].createElement("div", {
    className: _CommonEmptyStateModule["default"].linkWrapper
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: "".concat(_CommonEmptyStateModule["default"].desc, " ").concat(descriptionClass)
  }, description), !linkDescription && linkText ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
    href: linkUrl,
    className: _CommonEmptyStateModule["default"].link,
    target: linkTarget,
    onClick: onUrlClick,
    dataId: "".concat(dataId, "_primarylink")
  }, linkText) : null) : null, linkDescription || !description && !linkDescription && linkText ? /*#__PURE__*/_react["default"].createElement("div", {
    className: _CommonEmptyStateModule["default"].linkDescWrapper
  }, linkDescription ? /*#__PURE__*/_react["default"].createElement("span", {
    className: "".concat(_CommonEmptyStateModule["default"].linkDesc)
  }, linkDescription) : null, linkText ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
    href: linkUrl,
    className: _CommonEmptyStateModule["default"].link,
    target: linkTarget,
    onClick: onUrlClick,
    dataId: "".concat(dataId, "_secondarylink")
  }, linkText) : null) : null, children ? /*#__PURE__*/_react["default"].createElement("div", {
    className: _CommonEmptyStateModule["default"].children
  }, children) : null);
}

CommonEmptyState.propTypes = _propTypes.propTypes;
CommonEmptyState.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
//   CommonEmptyState.docs = {
//     componentGroup: 'EmptyState'
//   };
// }