@bigbinary/neetoui/dist/cjs/NoData.js

neetoUI drives the experience at all neeto products

'use strict';

var _extends = require('@babel/runtime/helpers/extends');
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
var React = require('react');
var classnames = require('classnames');
var ramda = require('ramda');
var Button = require('./Button.js');
var Tooltip = require('./Tooltip.js');
var Typography = require('./Typography.js');
require('@babel/runtime/helpers/defineProperty');
require('react-router-dom');
require('./Spinner.js');
require('@babel/runtime/helpers/slicedToArray');
require('@tippyjs/react');
require('tippy.js');

var renderImage = function renderImage(image) {
  return typeof image === "string" ? /*#__PURE__*/React.createElement("img", {
    "data-cy": "no-data-image",
    src: image
  }) : image;
};

var _excluded = ["image", "title", "description", "helpText", "className", "primaryButtonProps", "secondaryButtonProps", "buttonSeparatorText", "showTooltipWhenButtonDisabled"];
var NoData = function NoData(_ref) {
  var _ref$image = _ref.image,
    image = _ref$image === void 0 ? null : _ref$image,
    _ref$title = _ref.title,
    title = _ref$title === void 0 ? "" : _ref$title,
    _ref$description = _ref.description,
    description = _ref$description === void 0 ? "" : _ref$description,
    _ref$helpText = _ref.helpText,
    helpText = _ref$helpText === void 0 ? null : _ref$helpText,
    _ref$className = _ref.className,
    className = _ref$className === void 0 ? "" : _ref$className,
    _ref$primaryButtonPro = _ref.primaryButtonProps,
    primaryButtonProps = _ref$primaryButtonPro === void 0 ? {} : _ref$primaryButtonPro,
    _ref$secondaryButtonP = _ref.secondaryButtonProps,
    secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP,
    _ref$buttonSeparatorT = _ref.buttonSeparatorText,
    buttonSeparatorText = _ref$buttonSeparatorT === void 0 ? "" : _ref$buttonSeparatorT,
    _ref$showTooltipWhenB = _ref.showTooltipWhenButtonDisabled,
    showTooltipWhenButtonDisabled = _ref$showTooltipWhenB === void 0 ? false : _ref$showTooltipWhenB,
    otherProps = _objectWithoutProperties(_ref, _excluded);
  var hasPrimaryButtonProps = !ramda.isEmpty(primaryButtonProps);
  var hasSecondaryButtonProps = !ramda.isEmpty(secondaryButtonProps);
  var hasButtonSeparatorText = !ramda.isEmpty(buttonSeparatorText);
  var showButtonSeparator = hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;
  return /*#__PURE__*/React.createElement("div", _extends({
    className: classnames("neeto-ui-no-data", [className]),
    "data-cy": "no-data-container"
  }, otherProps), image ? /*#__PURE__*/React.createElement("div", {
    className: "neeto-ui-no-data__image"
  }, renderImage(image)) : null, title && /*#__PURE__*/React.createElement(Typography, {
    className: "neeto-ui-text-center",
    "data-cy": "no-data-title",
    lineHeight: "none",
    style: "h3"
  }, title), description && /*#__PURE__*/React.createElement(Typography, {
    className: "neeto-ui-text-center neeto-ui-no-data__description",
    "data-cy": "no-data-description",
    lineHeight: "normal",
    style: "body2"
  }, description), helpText && /*#__PURE__*/React.createElement(Typography, {
    className: "neeto-ui-text-center neeto-ui-no-data__help-text",
    "data-cy": "no-data-help-text",
    lineHeight: "normal",
    style: "body2"
  }, helpText), (hasPrimaryButtonProps || hasSecondaryButtonProps) && /*#__PURE__*/React.createElement("div", {
    className: "neeto-ui-no-data__action-block"
  }, hasPrimaryButtonProps && /*#__PURE__*/React.createElement(Tooltip, _extends({}, primaryButtonProps === null || primaryButtonProps === void 0 ? void 0 : primaryButtonProps.tooltipProps, {
    disabled: ramda.isNil(primaryButtonProps === null || primaryButtonProps === void 0 ? void 0 : primaryButtonProps.tooltipProps) || !showTooltipWhenButtonDisabled && (primaryButtonProps === null || primaryButtonProps === void 0 ? void 0 : primaryButtonProps.disabled)
  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, _extends({
    "data-cy": "no-data-primary-button",
    "data-testid": "no-data-primary-button"
  }, ramda.omit(["tooltipProps"], primaryButtonProps))))), showButtonSeparator && /*#__PURE__*/React.createElement(Typography, {
    lineHeight: "normal",
    style: "body2"
  }, buttonSeparatorText), hasSecondaryButtonProps && /*#__PURE__*/React.createElement(Tooltip, _extends({}, secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.tooltipProps, {
    disabled: ramda.isNil(secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.tooltipProps) || !showTooltipWhenButtonDisabled && (secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.disabled)
  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, _extends({
    "data-cy": "no-data-secondary-button",
    "data-testid": "no-data-secondary-button",
    style: "secondary"
  }, ramda.omit(["tooltipProps"], secondaryButtonProps)))))));
};

module.exports = NoData;
//# sourceMappingURL=NoData.js.map