autodisol/components/Alert.js

"use strict";

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

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

var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));

var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));

var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));

var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));

var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));

var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));

var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));

var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));

var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));

var _CustomButton = _interopRequireDefault(require("./CustomButton"));

var _i18n = require("../i18n");

var _propTypes = _interopRequireDefault(require("prop-types"));

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

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _extends() { _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; }; return _extends.apply(this, arguments); }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var configLanguage = (0, _i18n.getLanguage)();
var translations = {
  yes: {
    fr: 'Oui',
    en: 'Yes',
    es: 'Si'
  },
  no: {
    fr: 'Non',
    en: 'No',
    es: 'No'
  }
};

var AlertJSX = function AlertJSX(_ref) {
  var _storyLanguage, _title, _negativeLabel, _ref2, _positiveLabel;

  var css = _ref.classes,
      isOpened = _ref.isOpened,
      title = _ref.title,
      content = _ref.content,
      handleNegativeClose = _ref.handleNegativeClose,
      handlePositiveClose = _ref.handlePositiveClose,
      positiveLabel = _ref.positiveLabel,
      negativeLabel = _ref.negativeLabel,
      isPositiveButtonDisabled = _ref.isPositiveButtonDisabled,
      customStyles = _ref.customStyles,
      storyLanguage = _ref.storyLanguage,
      rest = _objectWithoutProperties(_ref, ["classes", "isOpened", "title", "content", "handleNegativeClose", "handlePositiveClose", "positiveLabel", "negativeLabel", "isPositiveButtonDisabled", "customStyles", "storyLanguage"]);

  var language = (_storyLanguage = storyLanguage) !== null && _storyLanguage !== void 0 ? _storyLanguage : configLanguage;
  return _react["default"].createElement(_Dialog["default"], _extends({
    open: isOpened,
    onClose: handleNegativeClose,
    "aria-labelledby": "alert-dialog-title",
    "aria-describedby": "alert-dialog-description",
    classes: {
      paper: css.paperDialog
    }
  }, rest), _react["default"].createElement(_IconButton["default"], {
    className: css.closeButton,
    onClick: handleNegativeClose
  }, _react["default"].createElement(_Close["default"], null)), _react["default"].createElement(_DialogTitle["default"], {
    id: "alert-dialog-title",
    className: css.title
  }, (_title = title) !== null && _title !== void 0 ? _title : ''), _react["default"].createElement(_DialogContent["default"], null, _react["default"].createElement(_Typography["default"], {
    component: "span",
    variant: "body2"
  }, content)), _react["default"].createElement(_DialogActions["default"], null, _react["default"].createElement(_Grid["default"], {
    container: true,
    justify: "center",
    alignContent: "center"
  }, _react["default"].createElement(_Grid["default"], {
    item: true,
    container: true,
    xs: 12,
    md: 6,
    justify: "center",
    alignContent: "center",
    className: css.order2
  }, _react["default"].createElement(_CustomButton["default"], {
    onClick: handleNegativeClose,
    variant: "contained",
    colorType: "secondary",
    height: "short",
    style: {
      width: 200,
      margin: '1rem'
    }
  }, (_negativeLabel = negativeLabel) !== null && _negativeLabel !== void 0 ? _negativeLabel : (0, _i18n.getTranslation)(translations, language, 'no'))), _react["default"].createElement(_Grid["default"], {
    item: true,
    container: true,
    xs: 12,
    md: 6,
    justify: "center",
    alignContent: "center",
    className: css.order1
  }, _react["default"].createElement(_CustomButton["default"], {
    onClick: handlePositiveClose,
    variant: "contained",
    colorType: (_ref2 = customStyles === null || customStyles === void 0 ? void 0 : customStyles.positiveButtonColorType) !== null && _ref2 !== void 0 ? _ref2 : 'primary',
    height: "short",
    autoFocus: true,
    disabled: isPositiveButtonDisabled ? isPositiveButtonDisabled() : false,
    style: {
      width: 200,
      margin: '1rem'
    }
  }, (_positiveLabel = positiveLabel) !== null && _positiveLabel !== void 0 ? _positiveLabel : (0, _i18n.getTranslation)(translations, language, 'yes'))))));
};

AlertJSX.propTypes = {
  classes: _propTypes["default"].object.isRequired,
  isOpened: _propTypes["default"].bool.isRequired,
  title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
  content: _propTypes["default"].any,
  handleNegativeClose: _propTypes["default"].func,
  handlePositiveClose: _propTypes["default"].func,
  positiveLabel: _propTypes["default"].string,
  negativeLabel: _propTypes["default"].string,
  isPositiveButtonDisabled: _propTypes["default"].func,
  customStyles: _propTypes["default"].shape({
    positiveButtonColorType: _propTypes["default"].string.isRequired
  }),
  storyLanguage: _propTypes["default"].string
};
var Alert = (0, _withStyles["default"])(function (_ref3) {
  var palette = _ref3.palette,
      breakpoints = _ref3.breakpoints;
  return {
    paperDialog: {
      overflow: 'visible'
    },
    closeButton: {
      position: 'absolute',
      top: 0,
      right: 0,
      color: palette.secondary.dark
    },
    title: {
      marginTop: 10
    },
    order1: _defineProperty({}, breakpoints.down('sm'), {
      order: 1
    }),
    order2: _defineProperty({}, breakpoints.down('sm'), {
      order: 2
    })
  };
})(AlertJSX);
var _default = Alert;
exports["default"] = _default;