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

package/es/HiBreadcrumb/HiStepContent.js

@@ -1,65 +1,97 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Paper from '@material-ui/core/Paper';
-import { withStyles } from '@material-ui/core/styles';
-export const styles = () => ({
-  root: {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  contentContainer: {
-    height: 'fit-content',
-    maxHeight: 300,
-    marginTop: 35,
-    marginLeft: 24,
-    padding: 24,
-    textAlign: 'center',
-    fontFamily: 'Roboto, Regular, sans-serif',
-    color: '#737373',
-    fontSize: 14,
-    lineHeight: '20px',
-    borderRadius: 3
-  },
-  lastStep: {
-    marginLeft: 0,
-    marginTop: 20
-  }
+"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 _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 _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 _classnames = _interopRequireDefault(require("classnames"));
 
-class HiStepContent extends React.PureComponent {
-  render() {
-    const {
-      classes,
-      content,
-      isLast
-    } = this.props;
-    return React.createElement(Paper, {
-      square: true,
-      className: classNames(classes.contentContainer, {
-        [classes.lastStep]: isLast
-      })
-    }, React.createElement("div", {
-      className: classes.root
-    }, content));
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles() {
+  return {
+    root: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    contentContainer: {
+      height: 'fit-content',
+      maxHeight: 300,
+      marginTop: 35,
+      marginLeft: 24,
+      padding: 24,
+      textAlign: 'center',
+      fontFamily: 'Roboto, Regular, sans-serif',
+      color: '#737373',
+      fontSize: 14,
+      lineHeight: '20px',
+      borderRadius: 3
+    },
+    lastStep: {
+      marginLeft: 0,
+      marginTop: 20
+    }
+  };
+};
+
+exports.styles = styles;
+
+var HiStepContent =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiStepContent, _React$PureComponent);
+
+  function HiStepContent() {
+    (0, _classCallCheck2.default)(this, HiStepContent);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiStepContent).apply(this, arguments));
   }
 
-}
+  (0, _createClass2.default)(HiStepContent, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          content = _this$props.content,
+          isLast = _this$props.isLast;
+      return _react.default.createElement(_Paper.default, {
+        square: true,
+        className: (0, _classnames.default)(classes.contentContainer, (0, _defineProperty2.default)({}, classes.lastStep, isLast))
+      }, _react.default.createElement("div", {
+        className: classes.root
+      }, content));
+    }
+  }]);
+  return HiStepContent;
+}(_react.default.PureComponent);
 
-HiStepContent.defaultProps = {
-  content: React.createElement("span", null),
+(0, _defineProperty2.default)(HiStepContent, "defaultProps", {
+  content: _react.default.createElement("span", null),
   isLast: false
-};
-HiStepContent.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Surcharge des classes
-   */
-  classes: PropTypes.object,
-  content: PropTypes.node,
-  isLast: PropTypes.bool
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
-  name: 'MuiHiStepContent'
-})(HiStepContent);
+  name: 'HiMuiHiStepContent'
+})(HiStepContent);
+
+exports.default = _default;

package/es/HiBreadcrumb/HiStepIcon.js

@@ -1,151 +1,154 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-export const styles = theme => ({
-  circle: {
-    borderRadius: '50%',
-    width: 16,
-    height: 16,
-    border: `solid 2px ${theme.palette.neutral.main}`,
-    marginLeft: 6,
-    display: 'inline-block'
-  },
-  dotAround: {
-    border: `2px solid ${theme.palette.neutral.main}`,
-    backgroundColor: 'transparent',
-    borderRadius: '100%',
-    width: 16,
-    height: 16,
-    marginLeft: 6,
-    '&:hover': {
-      transform: 'scale(1.2)'
-    }
-  },
-  dot: {
-    backgroundColor: theme.palette.neutral.main,
-    borderRadius: '100%',
-    width: 6,
-    height: 6,
-    '&:hover': {
-      transform: 'scale(1.2)'
+"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 _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 _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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
+  return {
+    circle: {
+      borderRadius: '50%',
+      width: 16,
+      height: 16,
+      border: "solid 2px ".concat(theme.palette.neutral.main),
+      marginLeft: 6,
+      display: 'inline-block'
+    },
+    dotAround: {
+      border: "2px solid ".concat(theme.palette.neutral.main),
+      backgroundColor: 'transparent',
+      borderRadius: '100%',
+      width: 16,
+      height: 16,
+      marginLeft: 6,
+      '&:hover': {
+        transform: 'scale(1.2)'
+      }
+    },
+    dot: {
+      backgroundColor: theme.palette.neutral.main,
+      borderRadius: '100%',
+      width: 6,
+      height: 6,
+      '&:hover': {
+        transform: 'scale(1.2)'
+      },
+      marginLeft: 8
+    },
+    activeStep: {
+      marginTop: 3,
+      marginLeft: 3,
+      width: 6,
+      height: 6,
+      '&:hover': {
+        transform: 'scale(1)'
+      }
+    },
+    dotValidated: {
+      backgroundColor: theme.palette.positive.main,
+      border: "2px solid ".concat(theme.palette.positive.main)
+    },
+    dotRefused: {
+      backgroundColor: theme.palette.error.main,
+      border: "2px solid ".concat(theme.palette.error.main)
     },
-    marginLeft: 8
-  },
-  activeStep: {
-    marginTop: 3,
-    marginLeft: 3,
-    width: 6,
-    height: 6,
-    '&:hover': {
-      transform: 'scale(1)'
+    dotWarning: {
+      backgroundColor: theme.palette.middle.normal,
+      border: "2px solid ".concat(theme.palette.middle.main)
+    },
+    dotActive: {
+      backgroundColor: '#00ADE9',
+      border: '2px solid #00ADE9'
+    },
+    dotLight: {
+      backgroundColor: '#FFFFFF',
+      border: '2px solid #FFFFFF'
+    },
+    validated: {
+      border: "2px solid ".concat(theme.palette.positive.main)
+    },
+    refused: {
+      border: "2px solid ".concat(theme.palette.negative.main)
+    },
+    warning: {
+      border: "2px solid ".concat(theme.palette.middle.main)
+    },
+    active: {
+      border: 'solid 2px #00ADE9'
+    },
+    light: {
+      border: 'solid 2px #FFFFFF'
     }
-  },
-  dotValidated: {
-    backgroundColor: theme.palette.positive.main,
-    border: `2px solid ${theme.palette.positive.main}`
-  },
-  dotRefused: {
-    backgroundColor: theme.palette.error.main,
-    border: `2px solid ${theme.palette.error.main}`
-  },
-  dotWarning: {
-    backgroundColor: theme.palette.middle.normal,
-    border: `2px solid ${theme.palette.middle.main}`
-  },
-  dotActive: {
-    backgroundColor: '#00ADE9',
-    border: '2px solid #00ADE9'
-  },
-  dotLight: {
-    backgroundColor: '#FFFFFF',
-    border: '2px solid #FFFFFF'
-  },
-  validated: {
-    border: `2px solid ${theme.palette.positive.main}`
-  },
-  refused: {
-    border: `2px solid ${theme.palette.negative.main}`
-  },
-  warning: {
-    border: `2px solid ${theme.palette.middle.main}`
-  },
-  active: {
-    border: 'solid 2px #00ADE9'
-  },
-  light: {
-    border: 'solid 2px #FFFFFF'
-  }
-});
+  };
+};
+
+exports.styles = styles;
+
+var HiStepIcon =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiStepIcon, _React$PureComponent);
 
-class HiStepIcon extends React.PureComponent {
-  render() {
-    const {
-      active,
-      classes,
-      status,
-      type
-    } = this.props;
-    const dotAroundClass = classNames(classes.dotAround, {
-      [classes.validated]: status === 'validated',
-      [classes.refused]: status === 'refused',
-      [classes.warning]: status === 'warning',
-      [classes.active]: status === 'active',
-      [classes.light]: type === 'front-light'
-    });
-    const innerDotClass = classNames(classes.dot, {
-      [classes.activeStep]: active,
-      [classes.dotValidated]: status === 'validated',
-      [classes.dotRefused]: status === 'refused',
-      [classes.dotWarning]: status === 'warning',
-      [classes.dotActive]: status === 'active',
-      [classes.dotLight]: type === 'front-light'
-    });
-    const dotClassName = classNames(classes.circle, {
-      [classes.refused]: status === 'refused',
-      [classes.validated]: status === 'validated',
-      [classes.warning]: status === 'warning',
-      [classes.active]: status === 'active',
-      [classes.light]: type === 'front-light'
-    });
-    return React.createElement("div", null, active && React.createElement("div", {
-      className: dotAroundClass
-    }, React.createElement("div", {
-      className: innerDotClass
-    })), !active && React.createElement("div", {
-      className: dotClassName
-    }));
+  function HiStepIcon() {
+    (0, _classCallCheck2.default)(this, HiStepIcon);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiStepIcon).apply(this, arguments));
   }
 
-}
+  (0, _createClass2.default)(HiStepIcon, [{
+    key: "render",
+    value: function render() {
+      var _classNames, _classNames2, _classNames3;
+
+      var _this$props = this.props,
+          active = _this$props.active,
+          classes = _this$props.classes,
+          status = _this$props.status,
+          type = _this$props.type;
+      var dotAroundClass = (0, _classnames.default)(classes.dotAround, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.validated, status === 'validated'), (0, _defineProperty2.default)(_classNames, classes.refused, status === 'refused'), (0, _defineProperty2.default)(_classNames, classes.warning, status === 'warning'), (0, _defineProperty2.default)(_classNames, classes.active, status === 'active'), (0, _defineProperty2.default)(_classNames, classes.light, type === 'front-light'), _classNames));
+      var innerDotClass = (0, _classnames.default)(classes.dot, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.activeStep, active), (0, _defineProperty2.default)(_classNames2, classes.dotValidated, status === 'validated'), (0, _defineProperty2.default)(_classNames2, classes.dotRefused, status === 'refused'), (0, _defineProperty2.default)(_classNames2, classes.dotWarning, status === 'warning'), (0, _defineProperty2.default)(_classNames2, classes.dotActive, status === 'active'), (0, _defineProperty2.default)(_classNames2, classes.dotLight, type === 'front-light'), _classNames2));
+      var dotClassName = (0, _classnames.default)(classes.circle, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, classes.refused, status === 'refused'), (0, _defineProperty2.default)(_classNames3, classes.validated, status === 'validated'), (0, _defineProperty2.default)(_classNames3, classes.warning, status === 'warning'), (0, _defineProperty2.default)(_classNames3, classes.active, status === 'active'), (0, _defineProperty2.default)(_classNames3, classes.light, type === 'front-light'), _classNames3));
+      return _react.default.createElement(_react.default.Fragment, null, active && _react.default.createElement("div", {
+        className: dotAroundClass
+      }, _react.default.createElement("div", {
+        className: innerDotClass
+      })), !active && _react.default.createElement("div", {
+        className: dotClassName
+      }));
+    }
+  }]);
+  return HiStepIcon;
+}(_react.default.PureComponent);
 
-HiStepIcon.defaultProps = {
+(0, _defineProperty2.default)(HiStepIcon, "defaultProps", {
   active: false,
   status: 'unreviewed',
   type: 'back'
-};
-HiStepIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Whether this step is active.
-   */
-  active: PropTypes.bool,
-
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object.isRequired,
-
-  /**
-   * The status of the step in case of back or front-dark type Breadcrumb
-   */
-  status: PropTypes.oneOf(['refused', 'validated', 'warning', 'unreviewed', 'active']),
-
-  /**
-   * The type of Breadcrumb used
-   */
-  type: PropTypes.oneOf(['back', 'front-light', 'front-dark'])
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
-  name: 'MuiHiStepIcon'
-})(HiStepIcon);
+  name: 'HiMuiHiStepIcon'
+})(HiStepIcon);
+
+exports.default = _default;