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

package/es/HiBreadcrumb/HiStep.js

@@ -1,128 +1,128 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import classNames from 'classnames';
-import HiStepConnector from './HiStepConnector';
-import HiStepContent from './HiStepContent';
-export const styles = () => ({
-  lastStep: {
-    marginBottom: 40
-  },
-  step: {
-    outline: 'none'
-  }
+"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;
 
-class HiStep extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
 
-    this.focus = () => this.ref.focus;
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
 
-    this.handleRef = component => {
-      this.ref = component;
-    };
-  }
+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 _getPrototypeOf3 = _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 _styles = require("@material-ui/core/styles");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _HiStepConnector = _interopRequireDefault(require("./HiStepConnector"));
 
-  render() {
-    const {
-      active,
-      children,
-      classes,
-      content,
-      index,
-      isLast,
-      onClick,
-      steps,
-      type,
-      validConnector
-    } = this.props;
-    return React.createElement("div", {
-      role: "button",
-      tabIndex: index,
-      className: classNames(classes.step, {
-        [classes.lastStep]: isLast && type !== 'back'
-      }),
-      onClick: onClick,
-      onKeyDown: onClick
-    }, React.Children.map(children, child => React.cloneElement(child, _objectSpread({
-      active
-    }, child.props))), !isLast && React.createElement(HiStepConnector, {
-      validConnector: validConnector,
-      type: type,
-      steps: steps,
-      active: active,
-      content: content
-    }), content && active && isLast && type === 'front-light' && React.createElement(HiStepContent, {
-      content: content,
-      isLast: true
-    }));
+var _HiStepContent = _interopRequireDefault(require("./HiStepContent"));
+
+var styles = function styles() {
+  return {
+    lastStep: {
+      marginBottom: 40
+    },
+    step: {
+      outline: 'none'
+    }
+  };
+};
+
+exports.styles = styles;
+
+var HiStep =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiStep, _React$PureComponent);
+
+  function HiStep() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiStep);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiStep)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focus", function () {
+      return _this.ref.focus;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRef", function (component) {
+      _this.ref = component;
+    });
+    return _this;
   }
 
-}
+  (0, _createClass2.default)(HiStep, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          active = _this$props.active,
+          children = _this$props.children,
+          classes = _this$props.classes,
+          content = _this$props.content,
+          index = _this$props.index,
+          isLast = _this$props.isLast,
+          onClick = _this$props.onClick,
+          steps = _this$props.steps,
+          type = _this$props.type,
+          validConnector = _this$props.validConnector;
+      return _react.default.createElement("div", {
+        role: "button",
+        tabIndex: index,
+        className: (0, _classnames.default)(classes.step, (0, _defineProperty2.default)({}, classes.lastStep, isLast && type !== 'back')),
+        onClick: onClick,
+        onKeyDown: onClick
+      }, _react.default.Children.map(children, function (child) {
+        return _react.default.cloneElement(child, (0, _objectSpread2.default)({
+          active: active
+        }, child.props));
+      }), !isLast && _react.default.createElement(_HiStepConnector.default, {
+        validConnector: validConnector,
+        type: type,
+        steps: steps,
+        active: active,
+        content: content
+      }), content && active && isLast && type === 'front-light' && _react.default.createElement(_HiStepContent.default, {
+        content: content,
+        isLast: true
+      }));
+    }
+  }]);
+  return HiStep;
+}(_react.default.PureComponent);
 
-HiStep.defaultProps = {
+(0, _defineProperty2.default)(HiStep, "defaultProps", {
   active: false,
-  content: React.createElement("span", null),
+  content: _react.default.createElement("span", null),
   isLast: false,
   steps: [],
   type: 'back',
   validConnector: false
-};
-HiStep.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Sets the step as active. Is passed to child components.
-   */
-  active: PropTypes.bool,
-
-  /**
-   * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
-   */
-  children: PropTypes.node,
-
-  /**
-   * Surcharge des classes
-   */
-  classes: PropTypes.object,
-
-  /**
-   * The content to be displayed in the case of front-light breadcrumb
-   */
-  content: PropTypes.node,
-
-  /**
-   * Index de l'étape
-   */
-  index: PropTypes.number.isRequired,
-
-  /**
-   * @ignore
-   * Used to know which step is the last, to not put a HiStepConnector
-   */
-  isLast: PropTypes.bool,
-
-  /**
-   * Callback on step container click
-   */
-  onClick: PropTypes.func,
-
-  /**
-   * The collection of steps of the breadcrumb.
-   */
-  steps: PropTypes.array,
-
-  /**
-   * @ignore
-   */
-  type: PropTypes.oneOf(['back', 'front-light', 'front-dark']),
-
-  /**
-   * @ignore
-   */
-  validConnector: PropTypes.bool
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'MuiHiStep'
-})(HiStep);
+})(HiStep);
+
+exports.default = _default;

package/es/HiBreadcrumb/HiStepConnector.js

@@ -1,157 +1,164 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import HiStepContent from './HiStepContent';
-export const styles = theme => ({
-  root: {
-    display: 'flex',
-    flex: '1 1 auto',
-    marginLeft: 13,
-    // half icon
-    padding: `0 0 ${theme.spacing(2)}px`
-  },
-  line: {
-    display: 'block',
-    borderColor: theme.palette.grey[600],
-    borderLeftStyle: 'solid',
-    borderLeftWidth: 2,
-    minHeight: theme.spacing(6),
-    height: 40
-  },
-  greenLine: {
-    borderColor: theme.palette.positive.main
-  },
-  lightLine: {
-    borderColor: '#FFFFFF'
-  }
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiStepContent = _interopRequireDefault(require("./HiStepContent"));
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: 'flex',
+      flex: '1 1 auto',
+      marginLeft: 13 // half icon
+
+    },
+    line: {
+      display: 'block',
+      borderColor: theme.palette.grey[600],
+      borderLeftStyle: 'solid',
+      borderLeftWidth: 2,
+      height: 40,
+      margin: '-2px 0px'
+    },
+    greenLine: {
+      borderColor: theme.palette.positive.main
+    },
+    lightLine: {
+      borderColor: '#FFFFFF'
+    }
+  };
+};
 /**
  * @ignore - internal component.
  */
 
-class HiStepConnector extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    this.state = {
-      height: 800
-    };
-    this.updateWindowDimensions = this.updateWindowDimensions.bind(this);
-  }
 
-  componentDidMount() {
-    this.updateWindowDimensions();
-    window.addEventListener('resize', this.updateWindowDimensions);
-  }
+exports.styles = styles;
 
-  componentWillUnmount() {
-    window.removeEventListener('resize', this.updateWindowDimensions);
-  }
+var HiStepConnector =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiStepConnector, _React$PureComponent);
+
+  function HiStepConnector(props) {
+    var _this;
 
-  updateWindowDimensions() {
-    this.setState({
-      height: window.innerHeight
-    });
+    (0, _classCallCheck2.default)(this, HiStepConnector);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiStepConnector).call(this, props));
+    _this.state = {
+      height: 800
+    };
+    _this.updateWindowDimensions = _this.updateWindowDimensions.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
   }
 
-  render() {
-    const _this$props = this.props,
-          {
-      active,
-      className: classNameProp,
-      classes,
-      content,
-      steps,
-      type,
-      validConnector
-    } = _this$props,
-          other = _objectWithoutProperties(_this$props, ["active", "className", "classes", "content", "steps", "type", "validConnector"]);
-
-    const {
-      height
-    } = this.state;
-    const className = classNames(classes.root, classNameProp);
-    const lineClassName = classNames(classes.line, {
-      [classes.greenLine]: validConnector,
-      [classes.lightLine]: type === 'front-light'
-    });
-    let lineHeight = 40;
-
-    if (type !== 'back') {
-      // Pour un breadcrumb Front, la tige du connector de la step active doit s'allonger en fonction de la hauteur de la page et du nombre de steps
-      lineHeight = height - 226 - 58 * (steps.length - 1);
-
-      if (lineHeight < 202) {
-        lineHeight = 202;
-      }
+  (0, _createClass2.default)(HiStepConnector, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.updateWindowDimensions();
+      window.addEventListener('resize', this.updateWindowDimensions);
     }
-
-    let heightStyle = {};
-
-    if (active) {
-      heightStyle = {
-        height: lineHeight
-      };
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener('resize', this.updateWindowDimensions);
     }
+  }, {
+    key: "updateWindowDimensions",
+    value: function updateWindowDimensions() {
+      this.setState({
+        height: window.innerHeight
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _classNames;
+
+      var _this$props = this.props,
+          active = _this$props.active,
+          classNameProp = _this$props.className,
+          classes = _this$props.classes,
+          content = _this$props.content,
+          steps = _this$props.steps,
+          type = _this$props.type,
+          validConnector = _this$props.validConnector,
+          other = (0, _objectWithoutProperties2.default)(_this$props, ["active", "className", "classes", "content", "steps", "type", "validConnector"]);
+      var height = this.state.height;
+      var className = (0, _classnames.default)(classes.root, classNameProp);
+      var lineClassName = (0, _classnames.default)(classes.line, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.greenLine, validConnector), (0, _defineProperty2.default)(_classNames, classes.lightLine, type === 'front-light'), _classNames));
+      var lineHeight = 40;
+
+      if (type !== 'back') {
+        // Pour un breadcrumb Front, la tige du connector de la step active doit s'allonger en fonction de la hauteur de la page et du nombre de steps
+        lineHeight = height - 226 - 58 * (steps.length - 1);
+
+        if (lineHeight < 202) {
+          lineHeight = 202;
+        }
+      }
 
-    return React.createElement("div", _extends({
-      className: className
-    }, other), React.createElement("span", {
-      className: lineClassName,
-      style: heightStyle
-    }), type === 'front-light' && active && content && React.createElement(HiStepContent, {
-      content: content
-    }));
-  }
+      var heightStyle = {};
+
+      if (active) {
+        heightStyle = {
+          height: lineHeight
+        };
+      }
 
-}
+      return _react.default.createElement("div", (0, _extends2.default)({
+        className: className
+      }, other), _react.default.createElement("span", {
+        className: lineClassName,
+        style: heightStyle
+      }), type === 'front-light' && active && content && _react.default.createElement(_HiStepContent.default, {
+        content: content
+      }));
+    }
+  }]);
+  return HiStepConnector;
+}(_react.default.PureComponent);
 
-HiStepConnector.defaultProps = {
+(0, _defineProperty2.default)(HiStepConnector, "defaultProps", {
   active: false,
-  content: React.createElement("span", null),
+  content: _react.default.createElement("span", null),
   steps: [],
   type: 'back',
   validConnector: false
-};
-HiStepConnector.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Used to know if the step it is connected to is active, and if so possibly adapt its height
-   */
-  active: PropTypes.bool,
-
-  /**
-   * Useful to extend the style applied to the component.
-   */
-  classes: PropTypes.object.isRequired,
-
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-
-  /**
-   * The content to be displayed in the case of front-light breadcrumb
-   */
-  content: PropTypes.node,
-
-  /**
-   * The collection of steps of the breadcrumb.
-   */
-  steps: PropTypes.array,
-
-  /**
-   * specifies which type of breadcrumb is used
-   */
-  type: PropTypes.oneOf(['back', 'front-dark', 'front-light']),
-
-  /**
-   * Specifies if the connector should be displayed in green or its default color
-   */
-  validConnector: PropTypes.bool
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
-  name: 'MuiHiStepConnector'
-})(HiStepConnector);
+  name: 'HiMuiHiStepConnector'
+})(HiStepConnector);
+
+exports.default = _default;