mohas-popup/dist/Popup.js

A customizable popup component for React applications.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
require("./popup.css");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var Popup = function Popup(_ref) {
  var alert = _ref.alert,
    closeAlert = _ref.closeAlert;
  if (!alert) return null;
  var titleClass = alert.type === "success" ? "popup-title success" : alert.type === "error" ? "popup-title error" : "popup-title";
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "popup-overlay show ".concat(alert.closeOutside ? 'close-outside' : ''),
    onClick: alert.closeOutside ? closeAlert : null
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "popup-box",
    onClick: function onClick(e) {
      return e.stopPropagation();
    }
  }, /*#__PURE__*/_react["default"].createElement("h2", {
    className: titleClass
  }, alert.title), /*#__PURE__*/_react["default"].createElement("p", {
    dangerouslySetInnerHTML: alert.parse ? {
      __html: alert.description
    } : {
      __html: alert.description.replace(/</g, '&lt;').replace(/>/g, '&gt;')
    }
  }), alert.mode === "confirm" ? /*#__PURE__*/_react["default"].createElement("div", {
    className: "popup-buttons"
  }, /*#__PURE__*/_react["default"].createElement("button", {
    className: "popup-ok",
    onClick: function onClick() {
      var _alert$do;
      (_alert$do = alert["do"]) === null || _alert$do === void 0 || _alert$do.call(alert);
      closeAlert();
    }
  }, alert.btn1_text || "Yes"), /*#__PURE__*/_react["default"].createElement("button", {
    className: "popup-cancel",
    onClick: closeAlert
  }, alert.btn2_text || "No")) : /*#__PURE__*/_react["default"].createElement("button", {
    className: "popup-ok",
    onClick: closeAlert
  }, alert.btn1_text || "OK")));
};
var _default = exports["default"] = Popup;