@shakthillc/components/lib/ModalBox/ModalBox.js

React generic components for shakthi products

"use strict";

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

var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _ModalBoxModule = require("./ModalBox.module.css");

var _ModalBoxModule2 = _interopRequireDefault(_ModalBoxModule);

var _Button = require("./../Button/Button");

var _Button2 = _interopRequireDefault(_Button);

var _Icon = require("@material-ui/core/Icon");

var _Icon2 = _interopRequireDefault(_Icon);

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

var ModalBox = function ModalBox(_ref) {
  var _ref$text = _ref.text,
      text = _ref$text === undefined ? "Modal text" : _ref$text,
      btext1 = _ref.btext1,
      btext2 = _ref.btext2,
      _ref$type = _ref.type1,
      type1 = _ref$type === undefined ? true : _ref$type,
      _ref$type2 = _ref.type2,
      type2 = _ref$type2 === undefined ? false : _ref$type2,
      _ref$show = _ref.show,
      show = _ref$show === undefined ? true : _ref$show,
      bfunction1 = _ref.bfunction1,
      bfunction2 = _ref.bfunction2,
      handleClose = _ref.handleClose;

  var _useState = (0, _react.useState)(show),
      _useState2 = _slicedToArray(_useState, 2),
      flag = _useState2[0],
      setFlag = _useState2[1];

  (0, _react.useEffect)(function () {
    setFlag(show);
  }, [show]);

  if (type1) {
    return _react2.default.createElement(
      "div",
      { className: flag ? _ModalBoxModule2.default["container"] : _ModalBoxModule2.default["container--hide"] },
      _react2.default.createElement(
        "div",
        { className: _ModalBoxModule2.default["modal__container"] },
        _react2.default.createElement(
          "div",
          { className: _ModalBoxModule2.default["modal__text"] },
          text
        ),
        _react2.default.createElement(
          "div",
          { className: _ModalBoxModule2.default["modal__button"] },
          _react2.default.createElement(_Button2.default, {
            text: btext1,
            onClick: function onClick() {
              bfunction1 && bfunction1();
            }
          }),
          " ",
          "\xA0\xA0\xA0\xA0\xA0\xA0",
          _react2.default.createElement(_Button2.default, {
            text: btext2,
            onClick: function onClick() {
              bfunction2 && bfunction2();
            }
          })
        ),
        _react2.default.createElement(
          "div",
          {
            onClick: function onClick() {
              handleClose && handleClose();
            },
            className: _ModalBoxModule2.default["modal__close"]
          },
          _react2.default.createElement(
            _Icon2.default,
            null,
            "close"
          )
        )
      )
    );
  }
  if (type2) {
    return _react2.default.createElement(
      "div",
      { className: flag ? _ModalBoxModule2.default["container"] : _ModalBoxModule2.default["container--hide"] },
      _react2.default.createElement(
        "div",
        { className: _ModalBoxModule2.default["modal__container"] },
        _react2.default.createElement(
          "div",
          { className: _ModalBoxModule2.default["modal__text"] },
          text
        ),
        _react2.default.createElement(
          "div",
          { className: _ModalBoxModule2.default["modal__button"] },
          _react2.default.createElement(_Button2.default, {
            text: btext1,
            onClick: function onClick() {
              bfunction1 && bfunction1();
            }
          }),
          " ",
          "\xA0\xA0\xA0\xA0\xA0\xA0"
        ),
        _react2.default.createElement(
          "div",
          {
            onClick: function onClick() {
              handleClose && handleClose();
            },
            className: _ModalBoxModule2.default["modal__close"]
          },
          _react2.default.createElement(
            _Icon2.default,
            null,
            "close"
          )
        )
      )
    );
  }
};

exports.default = ModalBox;