@hipay/hipay-material-ui 2.3.0-rc.5 → 2.3.0-rc.PSYCHE-2530

package/es/HiAlertModal/HiAlertModal.js

@@ -1,240 +1,231 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-// @inheritedComponent Dialog
-import React from 'react';
-import PropTypes from 'prop-types';
-import Dialog from '@material-ui/core/Dialog';
-import DialogActions from '@material-ui/core/DialogActions';
-import DialogContent from '@material-ui/core/DialogContent';
-import DialogContentText from '@material-ui/core/DialogContentText';
-import DialogTitle from '@material-ui/core/DialogTitle';
-import { withStyles } from '@material-ui/core/styles';
-import HiButton from '../HiButton';
-import HiIcon from '../HiIcon';
-import { escapeHTML } from '../utils/helpers';
-export const styles = theme => ({
-  classContent: {
-    fontSize: 14,
-    lineHeight: '24px',
-    color: '#484848',
-    position: 'relative'
-  },
-  classDialogPaper: {
-    minHeight: 248,
-    maxWidth: 280,
-    borderRadius: 2
-  },
-  classCancelButton: {
-    margin: '0'
-  },
-  classSubmitButton: {
-    float: 'right'
-  },
-  classTitle: {
-    fontSize: 20,
-    fontFamily: theme.typography.fontFamily,
-    fontWeight: theme.typography.fontWeightLight,
-    lineHeight: '24px'
-  },
-  classAction: {
-    display: 'inline-block',
-    margin: '0',
-    padding: '0px 24px 24px 24px'
-  },
-  classDialogRoot: {
-    backgroundColor: 'rgba(0, 0, 0, 0.28)'
-  },
-  classBackgroundIcon: {
-    position: 'absolute',
-    top: 'calc(50%)',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-    color: theme.palette.background2,
-    flex: '1'
-  }
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+exports.default = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+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 _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
+
+var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiButton = _interopRequireDefault(require("../HiButton"));
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _helpers = require("../utils/helpers");
+
+// @inheritedComponent Dialog
+var styles = function styles(theme) {
+  return {
+    classContent: {
+      fontSize: 14,
+      lineHeight: '24px',
+      color: '#484848',
+      position: 'relative'
+    },
+    classDialogPaper: {
+      backgroundColor: theme.palette.background3,
+      minHeight: 248,
+      maxWidth: 280,
+      borderRadius: 2
+    },
+    classCancelButton: {
+      margin: '0'
+    },
+    classSubmitButton: {
+      float: 'right'
+    },
+    classTitle: {
+      fontSize: 20,
+      fontFamily: theme.typography.fontFamily,
+      fontWeight: theme.typography.fontWeightLight,
+      lineHeight: '24px'
+    },
+    classAction: {
+      display: 'inline-block',
+      margin: '0',
+      padding: '0px 24px 24px 24px'
+    },
+    classDialogRoot: {
+      backgroundColor: 'rgba(0, 0, 0, 0.28)'
+    },
+    classBackgroundIcon: {
+      position: 'absolute',
+      top: 'calc(50%)',
+      left: '50%',
+      transform: 'translate(-50%, -50%)',
+      color: theme.palette.background2,
+      flex: '1'
+    }
+  };
+};
 /**
  * Pop up d'alert
  */
 
-class HiAlertModal extends React.PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.handleOnClose = () => {
-      if (this.props.onClose) {
-        this.props.onClose();
-      }
-    };
 
-    this.submitButtonRef = React.createRef();
-    this.cancelButtonRef = React.createRef();
-    this.handleOnClose = this.handleOnClose.bind(this);
-    this.handleOnEntered = this.handleOnEntered.bind(this);
-  } // Appelé si clic en dehors de la pop up
+exports.styles = styles;
 
+var HiAlertModal =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiAlertModal, _React$PureComponent);
 
-  handleOnEntered() {
-    if (this.props.labelSubmitButton) {
-      this.submitButtonRef.current.focus();
-      this.submitActionsRef.focusVisible();
-    } else if (this.props.labelCancelButton) {
-      this.cancelButtonRef.current.focus();
-      this.cancelActionsRef.focusVisible();
-    }
-  } // Render
-
-
-  render() {
-    const _this$props = this.props,
-          {
-      backgroundIcon,
-      iconSize,
-      classes,
-      content,
-      labelCancelButton,
-      labelSubmitButton,
-      onCancelClick,
-      onSubmitClick,
-      open,
-      cancelColor,
-      submitColor,
-      title,
-      theme
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["backgroundIcon", "iconSize", "classes", "content", "labelCancelButton", "labelSubmitButton", "onCancelClick", "onSubmitClick", "open", "cancelColor", "submitColor", "title", "theme"]);
-
-    let dialogContent = content;
-
-    if (typeof content === 'string') {
-      dialogContent = React.createElement("span", {
-        // eslint-disable-next-line react/no-danger
-        dangerouslySetInnerHTML: {
-          __html: escapeHTML(content)
-        }
-      });
-    }
+  function HiAlertModal(props) {
+    var _this;
 
-    return React.createElement(Dialog, _extends({
-      open: open,
-      onClose: this.handleOnClose,
-      onEntered: this.handleOnEntered,
-      classes: {
-        root: classes.classDialogRoot,
-        paper: classes.classDialogPaper
-      }
-    }, props), backgroundIcon && React.createElement("div", {
-      className: classes.classBackgroundIcon
-    }, React.createElement(HiIcon, {
-      color: "inherit",
-      icon: backgroundIcon,
-      size: iconSize
-    })), title && React.createElement(DialogTitle, {
-      disableTypography: true,
-      classes: {
-        root: classes.classTitle
-      }
-    }, title), React.createElement(DialogContent, null, React.createElement(DialogContentText, {
-      classes: {
-        root: classes.classContent
+    (0, _classCallCheck2.default)(this, HiAlertModal);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiAlertModal).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOnClose", function () {
+      if (_this.props.onClose) {
+        _this.props.onClose();
       }
-    }, dialogContent)), React.createElement(DialogActions, {
-      classes: {
-        root: classes.classAction
-      }
-    }, labelCancelButton && React.createElement(HiButton, {
-      classes: {
-        root: classes.classCancelButton
-      },
-      onClick: onCancelClick,
-      color: cancelColor,
-      innerRef: this.cancelButtonRef,
-      action: actions => {
-        this.cancelActionsRef = actions;
+    });
+    _this.submitButtonRef = _react.default.createRef();
+    _this.cancelButtonRef = _react.default.createRef();
+    _this.handleOnClose = _this.handleOnClose.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleOnEntered = _this.handleOnEntered.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  } // Appelé si clic en dehors de la pop up
+
+
+  (0, _createClass2.default)(HiAlertModal, [{
+    key: "handleOnEntered",
+    value: function handleOnEntered() {
+      if (this.props.labelSubmitButton) {
+        this.submitButtonRef.current.focus();
+        this.submitActionsRef.focusVisible();
+      } else if (this.props.labelCancelButton) {
+        this.cancelButtonRef.current.focus();
+        this.cancelActionsRef.focusVisible();
       }
-    }, labelCancelButton), labelSubmitButton && React.createElement(HiButton, {
-      classes: {
-        root: classes.classSubmitButton
-      },
-      onClick: onSubmitClick,
-      color: submitColor,
-      innerRef: this.submitButtonRef,
-      action: actions => {
-        this.submitActionsRef = actions;
+    } // Render
+
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          backgroundIcon = _this$props.backgroundIcon,
+          iconSize = _this$props.iconSize,
+          classes = _this$props.classes,
+          content = _this$props.content,
+          labelCancelButton = _this$props.labelCancelButton,
+          labelSubmitButton = _this$props.labelSubmitButton,
+          onCancelClick = _this$props.onCancelClick,
+          onSubmitClick = _this$props.onSubmitClick,
+          open = _this$props.open,
+          cancelColor = _this$props.cancelColor,
+          submitColor = _this$props.submitColor,
+          title = _this$props.title,
+          theme = _this$props.theme,
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["backgroundIcon", "iconSize", "classes", "content", "labelCancelButton", "labelSubmitButton", "onCancelClick", "onSubmitClick", "open", "cancelColor", "submitColor", "title", "theme"]);
+      var dialogContent = content;
+
+      if (typeof content === 'string') {
+        dialogContent = _react.default.createElement("span", {
+          // eslint-disable-next-line react/no-danger
+          dangerouslySetInnerHTML: {
+            __html: (0, _helpers.escapeHTML)(content)
+          }
+        });
       }
-    }, labelSubmitButton)));
-  }
 
-}
+      return _react.default.createElement(_Dialog.default, (0, _extends2.default)({
+        open: open,
+        onClose: this.handleOnClose,
+        onEntered: this.handleOnEntered,
+        classes: {
+          root: classes.classDialogRoot,
+          paper: classes.classDialogPaper
+        }
+      }, props), backgroundIcon && _react.default.createElement("div", {
+        className: classes.classBackgroundIcon
+      }, _react.default.createElement(_HiIcon.default, {
+        color: "inherit",
+        icon: backgroundIcon,
+        size: iconSize
+      })), title && _react.default.createElement(_DialogTitle.default, {
+        disableTypography: true,
+        classes: {
+          root: classes.classTitle
+        }
+      }, title), _react.default.createElement(_DialogContent.default, null, _react.default.createElement(_DialogContentText.default, {
+        classes: {
+          root: classes.classContent
+        }
+      }, dialogContent)), _react.default.createElement(_DialogActions.default, {
+        classes: {
+          root: classes.classAction
+        }
+      }, labelCancelButton && _react.default.createElement(_HiButton.default, {
+        classes: {
+          root: classes.classCancelButton
+        },
+        onClick: onCancelClick,
+        color: cancelColor,
+        innerRef: this.cancelButtonRef,
+        action: function action(actions) {
+          _this2.cancelActionsRef = actions;
+        }
+      }, labelCancelButton), labelSubmitButton && _react.default.createElement(_HiButton.default, {
+        classes: {
+          root: classes.classSubmitButton
+        },
+        onClick: onSubmitClick,
+        color: submitColor,
+        innerRef: this.submitButtonRef,
+        action: function action(actions) {
+          _this2.submitActionsRef = actions;
+        }
+      }, labelSubmitButton)));
+    }
+  }]);
+  return HiAlertModal;
+}(_react.default.PureComponent);
 
-HiAlertModal.defaultProps = {
+(0, _defineProperty2.default)(HiAlertModal, "defaultProps", {
   content: '',
   cancelColor: 'neutral',
   submitColor: 'primary'
-};
-HiAlertModal.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Icon à mettre en fond
-   */
-  backgroundIcon: PropTypes.string,
-
-  /**
-   * The color of the cancel button. It supports those theme colors that make sense for this component.
-   */
-  cancelColor: PropTypes.oneOf(['default', 'inherit', 'primary', 'secondary', 'positive', 'negative', 'middle', 'neutral']),
-
-  /**
-   * Surcharge les classes du composant
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Texte contenu dans la modal
-   */
-  content: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]),
-
-  /**
-   * Texte sur le bouton d'annulation
-   */
-  labelCancelButton: PropTypes.string,
-
-  /**
-   * Texte sur le bouton de soumission
-   */
-  labelSubmitButton: PropTypes.string,
-
-  /**
-   * Fonction de callback appelée au clic sur le bouton d'annulation
-   */
-  onCancelClick: PropTypes.func,
-
-  /**
-   * Fonction de callback appelée au clic en dehors de la pop up
-   */
-  onClose: PropTypes.func,
-
-  /**
-   * Fonction de callback appelée au clic sur le bouton de soumission
-   */
-  onSubmitClick: PropTypes.func,
-
-  /**
-   * pop up ouverte ou pas
-   */
-  open: PropTypes.bool.isRequired,
-
-  /**
-   * The color of the submit button. It supports those theme colors that make sense for this component.
-   */
-  submitColor: PropTypes.oneOf(['default', 'inherit', 'primary', 'secondary', 'positive', 'negative', 'middle', 'neutral']),
-
-  /**
-   * Titre de la modal
-   */
-  title: PropTypes.string
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiAlertModal',
   withTheme: true
-})(HiAlertModal);
+})(HiAlertModal);
+
+exports.default = _default;

package/es/HiAlertModal/index.js

@@ -1 +1,15 @@
-export { default } from './HiAlertModal';
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiAlertModal.default;
+  }
+});
+
+var _HiAlertModal = _interopRequireDefault(require("./HiAlertModal"));