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

package/es/HiBreadcrumb/HiStepLabel.js

@@ -1,196 +1,173 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import HiStepIcon from './HiStepIcon';
-import HiPin from '../HiPin';
-export const styles = theme => ({
-  root: {
-    display: 'flex',
-    alignItems: 'center',
-    marginTop: -11,
-    marginBottom: -5
-  },
-  frontRoot: {
-    marginTop: -12,
-    marginBottom: -7
-  },
-  frontDarkRoot: {
-    marginTop: -13,
-    marginBottom: -6
-  },
-  hipin: {
-    marginLeft: 0
-  },
-  label: _objectSpread({
-    display: 'inline-block',
-    marginLeft: 4,
-    fontWeight: theme.typography.fontWeightRegular,
-    color: theme.palette.neutral.main,
-    marginBottom: -4
-  }, theme.typography.b2),
-  labelHover: {
-    '&:hover': {
-      cursor: 'pointer'
-    }
-  },
-  labelContainer: {
-    marginBottom: 4
-  },
-  largeLabelContainer: {
-    maxWidth: 300
-  },
-  shortLabelContainer: {
-    maxWidth: 160
-  },
-  frontLabel: {
-    fontSize: 18,
-    fontWeight: theme.typography.fontWeightLight,
-    marginLeft: 11
-  },
-  validated: {
-    color: theme.palette.positive.main
-  },
-  refused: {
-    color: theme.palette.negative.main
-  },
-  active: {
-    color: '#00ADE9'
-  },
-  activeStep: {
-    fontWeight: theme.typography.fontWeightMedium
-  },
-  warning: {
-    color: theme.palette.middle.main
-  },
-  light: {
-    color: '#FFFFFF'
-  },
-  pin: {
-    marginLeft: 4
-  },
-  shortEllipsis: {
-    display: 'inline-block',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'pre'
-  },
-  longEllipsis: {
-    display: 'inline-block',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'pre'
-  }
+"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 _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 _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
 
-class HiStepLabel extends React.PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      active,
-      children,
-      classes,
-      className: classNameProp,
-      notificationNumber,
-      status,
-      type,
-      disableNavigation
-    } = _this$props,
-          other = _objectWithoutProperties(_this$props, ["active", "children", "classes", "className", "notificationNumber", "status", "type", "disableNavigation"]);
-
-    return React.createElement("span", _extends({
-      className: classNames(classes.root, classNameProp, {
-        [classes.frontRoot]: type === 'front-light',
-        [classes.frontDarkRoot]: type === 'front-dark'
-      })
-    }, other), React.createElement("span", {
-      className: classes.iconContainer
-    }, React.createElement(HiStepIcon, {
-      active: active,
-      status: status,
-      type: type
-    })), React.createElement("span", {
-      className: classNames(classes.labelContainer, {
-        [classes.largeLabelContainer]: type !== 'back',
-        [classes.shortLabelContainer]: type === 'back'
-      })
-    }, React.createElement("div", {
-      className: classNames(classes.label, {
-        [classes.labelHover]: disableNavigation === false,
-        [classes.validated]: status === 'validated',
-        [classes.refused]: status === 'refused',
-        [classes.warning]: status === 'warning',
-        [classes.active]: status === 'active',
-        [classes.light]: type === 'front-light',
-        [classes.activeStep]: active,
-        [classes.frontLabel]: type !== 'back',
-        [classes.shortEllipsis]: notificationNumber > 0,
-        [classes.longEllipsis]: notificationNumber === 0 && type === 'back'
-      })
-    }, children), notificationNumber > 0 && React.createElement("span", {
-      className: classes.pin
-    }, React.createElement(HiPin, {
-      className: classes.hipin,
-      color: "primary"
-    }, notificationNumber))));
+var _styles = require("@material-ui/core/styles");
+
+var _HiStepIcon = _interopRequireDefault(require("./HiStepIcon"));
+
+var _HiPin = _interopRequireDefault(require("../HiPin"));
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    hipin: {
+      marginLeft: 0
+    },
+    label: (0, _objectSpread2.default)({
+      display: 'inline-block',
+      marginLeft: 4,
+      fontWeight: theme.typography.fontWeightRegular,
+      color: theme.palette.neutral.main,
+      marginBottom: -4
+    }, theme.typography.b2),
+    labelHover: {
+      '&:hover': {
+        cursor: 'pointer'
+      }
+    },
+    labelContainer: {
+      display: 'flex',
+      alignItems: 'baseline'
+    },
+    largeLabelContainer: {
+      maxWidth: 300
+    },
+    shortLabelContainer: {
+      maxWidth: 160
+    },
+    frontLabel: {
+      fontSize: 18,
+      fontWeight: theme.typography.fontWeightLight,
+      marginLeft: 11
+    },
+    validated: {
+      color: theme.palette.positive.main
+    },
+    refused: {
+      color: theme.palette.negative.main
+    },
+    active: {
+      color: '#00ADE9'
+    },
+    activeStep: {
+      fontWeight: theme.typography.fontWeightMedium
+    },
+    warning: {
+      color: theme.palette.middle.main
+    },
+    light: {
+      color: '#FFFFFF'
+    },
+    pin: {
+      marginLeft: 4
+    },
+    shortEllipsis: {
+      display: 'inline-block',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'pre',
+      width: '100%'
+    },
+    longEllipsis: {
+      display: 'inline-block',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'pre'
+    }
+  };
+};
+
+exports.styles = styles;
+
+var HiStepLabel =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiStepLabel, _React$PureComponent);
+
+  function HiStepLabel() {
+    (0, _classCallCheck2.default)(this, HiStepLabel);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiStepLabel).apply(this, arguments));
   }
 
-}
+  (0, _createClass2.default)(HiStepLabel, [{
+    key: "render",
+    value: function render() {
+      var _classNames, _classNames2;
+
+      var _this$props = this.props,
+          active = _this$props.active,
+          children = _this$props.children,
+          classes = _this$props.classes,
+          classNameProp = _this$props.className,
+          notificationNumber = _this$props.notificationNumber,
+          status = _this$props.status,
+          type = _this$props.type,
+          disableNavigation = _this$props.disableNavigation,
+          other = (0, _objectWithoutProperties2.default)(_this$props, ["active", "children", "classes", "className", "notificationNumber", "status", "type", "disableNavigation"]);
+      return _react.default.createElement("div", (0, _extends2.default)({
+        className: (0, _classnames.default)(classes.root, classNameProp)
+      }, other), _react.default.createElement(_HiStepIcon.default, {
+        active: active,
+        status: status,
+        type: type
+      }), _react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelContainer, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.largeLabelContainer, type !== 'back'), (0, _defineProperty2.default)(_classNames, classes.shortLabelContainer, type === 'back'), _classNames))
+      }, _react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.label, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.labelHover, disableNavigation === false), (0, _defineProperty2.default)(_classNames2, classes.validated, status === 'validated'), (0, _defineProperty2.default)(_classNames2, classes.refused, status === 'refused'), (0, _defineProperty2.default)(_classNames2, classes.warning, status === 'warning'), (0, _defineProperty2.default)(_classNames2, classes.active, status === 'active'), (0, _defineProperty2.default)(_classNames2, classes.light, type === 'front-light'), (0, _defineProperty2.default)(_classNames2, classes.activeStep, active), (0, _defineProperty2.default)(_classNames2, classes.frontLabel, type !== 'back'), (0, _defineProperty2.default)(_classNames2, classes.shortEllipsis, notificationNumber > 0), (0, _defineProperty2.default)(_classNames2, classes.longEllipsis, notificationNumber === 0 && type === 'back'), _classNames2))
+      }, children), notificationNumber > 0 && _react.default.createElement("div", {
+        className: classes.pin
+      }, _react.default.createElement(_HiPin.default, {
+        className: classes.hipin,
+        color: "primary"
+      }, notificationNumber))));
+    }
+  }]);
+  return HiStepLabel;
+}(_react.default.PureComponent);
 
-HiStepLabel.defaultProps = {
+(0, _defineProperty2.default)(HiStepLabel, "defaultProps", {
   active: false,
   children: '',
   notificationNumber: 0,
   status: 'unreviewed',
   type: 'back'
-};
-HiStepLabel.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * @ignore
-   * Sets the step as active. Is passed to child components.
-   */
-  active: PropTypes.bool,
-
-  /**
-   * In most cases will simply be a string containing a title for the label.
-   */
-  children: PropTypes.node,
-
-  /**
-   * Custom styles for component.
-   */
-  classes: PropTypes.object.isRequired,
-
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-
-  /**
-   * Disable navigation in steps
-   */
-  disableNavigation: PropTypes.bool,
-
-  /**
-   * The value to be displayed in the HiPin on the right of the label
-   */
-  notificationNumber: PropTypes.number,
-
-  /**
-   * 'Unreviewed', 'refused', 'validated' et 'warning' sont les statuts pour tous les types de breadcrumb. 'active' est spécifique au Front dark
-   */
-  status: PropTypes.oneOf(['unreviewed', 'refused', 'validated', 'warning', 'active']),
-
-  /**
-   * The Breadcrumb type
-   */
-  type: PropTypes.oneOf(['back', 'front-light', 'front-dark'])
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
-  name: 'MuiHiStepLabel',
+  name: 'HiMuiHiStepLabel',
   withTheme: true
-})(HiStepLabel);
+})(HiStepLabel);
+
+exports.default = _default;

package/es/HiBreadcrumb/HiStepper.js

@@ -1,54 +1,81 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-export const styles = () => ({
-  root: {
-    width: '100%'
-  }
+"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 _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+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"));
 
-class HiStepper extends React.PureComponent {
-  render() {
-    const {
-      classes,
-      activeStep,
-      children
-    } = this.props;
-    const childrenArray = React.Children.toArray(children.props.children);
-    const steps = childrenArray.map((step, index) => {
-      return React.cloneElement(step, _objectSpread({
-        index,
-        active: activeStep === index
-      }, step.props));
-    });
-    return React.createElement("div", {
-      className: classes.root
-    }, steps);
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles() {
+  return {
+    root: {
+      width: '100%'
+    }
+  };
+};
+
+exports.styles = styles;
+
+var HiStepper =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiStepper, _React$PureComponent);
+
+  function HiStepper() {
+    (0, _classCallCheck2.default)(this, HiStepper);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiStepper).apply(this, arguments));
   }
 
-}
+  (0, _createClass2.default)(HiStepper, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          activeStep = _this$props.activeStep,
+          children = _this$props.children;
+
+      var childrenArray = _react.default.Children.toArray(children.props.children);
 
-HiStepper.defaultProps = {
+      var steps = childrenArray.map(function (step, index) {
+        return _react.default.cloneElement(step, (0, _objectSpread2.default)({
+          index: index,
+          active: activeStep === index
+        }, step.props));
+      });
+      return _react.default.createElement("div", {
+        className: classes.root
+      }, steps);
+    }
+  }]);
+  return HiStepper;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(HiStepper, "defaultProps", {
   activeStep: 0
-};
-HiStepper.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Set the active step (zero based index).
-   */
-  activeStep: PropTypes.number,
-
-  /**
-   * Two or more `<Step />` components.
-   */
-  children: PropTypes.node.isRequired,
-
-  /**
-   * Custom styles for component.
-   */
-  classes: PropTypes.object.isRequired
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'MuiHiStepper'
-})(HiStepper);
+})(HiStepper);
+
+exports.default = _default;

package/es/HiBreadcrumb/index.js

@@ -1 +1,15 @@
-export { default } from './HiBreadcrumb';
+"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 _HiBreadcrumb.default;
+  }
+});
+
+var _HiBreadcrumb = _interopRequireDefault(require("./HiBreadcrumb"));