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

package/es/HiAppBar/HiAppBar.js

@@ -1,134 +1,136 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-// @inheritedComponent AppBar
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import AppBar from '@material-ui/core/AppBar';
-import Collapse from '@material-ui/core/Collapse';
-import Toolbar from '@material-ui/core/Toolbar';
-import HiIcon from '../HiIcon';
-import HiIconButton from '../HiIconButton';
-export const styles = theme => ({
-  root: {},
-  bar: {
-    backgroundColor: theme.palette.background3,
-    color: theme.palette.text.secondary
-  },
-  flexDiv: {
-    flexGrow: 1
-  },
-  focused: {
-    backgroundColor: theme.palette.background2
-  },
-  iconButton: {},
-  collapseOverflow: {
-    overflow: 'inherit'
-  },
-  collapseButton: {
-    position: 'absolute',
-    right: 56,
-    marginTop: 8
-  }
+"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 _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+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 _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
 
-var _ref = React.createElement(HiIcon, {
+var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
+
+var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
+
+// @inheritedComponent AppBar
+var styles = function styles(theme) {
+  return {
+    root: {},
+    bar: {
+      backgroundColor: theme.palette.background3,
+      color: theme.palette.text.secondary
+    },
+    flexDiv: {
+      flexGrow: 1
+    },
+    focused: {
+      backgroundColor: theme.palette.background2
+    },
+    iconButton: {},
+    collapseOverflow: {
+      overflow: 'inherit'
+    },
+    collapseButton: {
+      position: 'absolute',
+      right: 56,
+      marginTop: 8
+    }
+  };
+};
+
+exports.styles = styles;
+
+var _ref = _react.default.createElement(_HiIcon.default, {
   icon: "keyboard_arrow_up"
 });
 
-class HiAppBar extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
+var HiAppBar =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(HiAppBar, _React$Component);
+
+  function HiAppBar(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiAppBar);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiAppBar).call(this, props));
+    _this.state = {
       collapsed: false
     };
-    this.handleCollapse = this.handleCollapse.bind(this);
+    _this.handleCollapse = _this.handleCollapse.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
   }
 
-  handleCollapse() {
-    this.props.onCollapse(!this.state.collapsed);
-  }
+  (0, _createClass2.default)(HiAppBar, [{
+    key: "handleCollapse",
+    value: function handleCollapse() {
+      this.props.onCollapse(!this.state.collapsed);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          children = _this$props.children,
+          classes = _this$props.classes,
+          className = _this$props.className,
+          collapsed = _this$props.collapsed,
+          focused = _this$props.focused,
+          hideable = _this$props.hideable,
+          position = _this$props.position;
+      return _react.default.createElement(_AppBar.default, {
+        className: (0, _classnames.default)(className, classes.bar, (0, _defineProperty2.default)({}, classes.focused, focused)),
+        classes: {
+          root: classes.root
+        },
+        elevation: 2,
+        position: position,
+        color: "default"
+      }, _react.default.createElement(_Collapse.default, {
+        className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.collapseOverflow, !hideable)),
+        in: !collapsed
+      }, _react.default.createElement("div", null, _react.default.createElement(_Toolbar.default, null, children, hideable && _react.default.createElement(_HiIconButton.default, {
+        onClick: this.handleCollapse,
+        color: "inherit",
+        className: classes.iconButton
+      }, _ref)))));
+    }
+  }]);
+  return HiAppBar;
+}(_react.default.Component);
 
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      classes,
-      className,
-      collapsed,
-      focused,
-      hideable,
-      position
-    } = _this$props,
-          other = _objectWithoutProperties(_this$props, ["children", "classes", "className", "collapsed", "focused", "hideable", "position"]);
-
-    return React.createElement(AppBar, _extends({
-      className: classNames(className, classes.bar, {
-        [classes.focused]: focused
-      }),
-      classes: {
-        root: classes.root
-      },
-      elevation: 2,
-      position: position,
-      color: "default"
-    }, other), React.createElement(Collapse, {
-      className: classNames({
-        [classes.collapseOverflow]: !hideable
-      }),
-      in: !collapsed
-    }, React.createElement("div", null, React.createElement(Toolbar, null, children, hideable && React.createElement(HiIconButton, {
-      onClick: this.handleCollapse,
-      color: "inherit",
-      className: classes.iconButton
-    }, _ref)))));
-  }
-
-}
-
-HiAppBar.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Surcharge des classes
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Surcharge des classes
-   */
-  className: PropTypes.string,
-
-  /**
-   * Is collapsed
-   */
-  collapsed: PropTypes.bool,
-
-  /**
-   * If focused, change background color
-   */
-  focused: PropTypes.bool,
-
-  /**
-   * Could be hidden
-   */
-  hideable: PropTypes.bool,
-
-  /**
-   * Fonction de callback au click sur le bouton chevron
-   */
-  onCollapse: PropTypes.func,
-
-  /**
-   * Positionement de la topBar. The behavior of the different options is described
-   * [here](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning).
-   */
-  position: PropTypes.oneOf(['fixed', 'absolute', 'sticky', 'static'])
-} : {};
 HiAppBar.defaultProps = {
   focused: false,
   hideable: false
 };
-export default withStyles(styles, {
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiAppBar'
-})(HiAppBar);
+})(HiAppBar);
+
+exports.default = _default;

package/es/HiAppBar/index.js

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

package/es/HiBadge/HiBadge.js

@@ -1,78 +1,86 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Badge from '@material-ui/core/Badge';
-import { withStyles } from '@material-ui/core/styles';
-export const styles = theme => ({
-  // Usefull for style overriding
-  root: {},
-  primary: {
-    backgroundColor: theme.palette.primary.main,
-    color: theme.palette.primary.contrastText
-  },
-  secondary: {
-    backgroundColor: theme.palette.secondary.main,
-    color: theme.palette.secondary.contrastText
-  },
-  positive: {
-    backgroundColor: theme.palette.positive.main,
-    color: theme.palette.positive.contrastText
-  },
-  negative: {
-    backgroundColor: theme.palette.negative.main,
-    color: theme.palette.negative.contrastText
-  },
-  middle: {
-    backgroundColor: theme.palette.middle.main,
-    color: theme.palette.middle.contrastText
-  },
-  neutral: {
-    backgroundColor: theme.palette.neutral.main,
-    color: theme.palette.neutral.contrastText
-  },
-  badge: {
-    borderRadius: 4,
-    fontWeight: 500,
-    fontFamily: theme.typography.fontFamily,
-    color: theme.palette.primary.contrastText,
-    height: 18,
-    top: -6,
-    right: -6,
-    paddingTop: 2
-  },
-  shortBadge: {
-    width: 18
-  },
-  mediumBadge: {
-    minWidth: 24
-  },
-  longBadge: {
-    minWidth: 40
-  }
+"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 _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 _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
+  return {
+    // Usefull for style overriding
+    root: {},
+    primary: {
+      backgroundColor: theme.palette.primary.main,
+      color: theme.palette.primary.contrastText
+    },
+    secondary: {
+      backgroundColor: theme.palette.secondary.main,
+      color: theme.palette.secondary.contrastText
+    },
+    positive: {
+      backgroundColor: theme.palette.positive.main,
+      color: theme.palette.positive.contrastText
+    },
+    negative: {
+      backgroundColor: theme.palette.negative.main,
+      color: theme.palette.negative.contrastText
+    },
+    middle: {
+      backgroundColor: theme.palette.middle.main,
+      color: theme.palette.middle.contrastText
+    },
+    neutral: {
+      backgroundColor: theme.palette.neutral.main,
+      color: theme.palette.neutral.contrastText
+    },
+    badge: {
+      borderRadius: 4,
+      fontWeight: 500,
+      fontFamily: theme.typography.fontFamily,
+      color: theme.palette.primary.contrastText,
+      height: 18,
+      top: -4,
+      right: 6,
+      paddingTop: 2
+    },
+    shortBadge: {
+      width: 18
+    },
+    mediumBadge: {
+      minWidth: 24
+    },
+    longBadge: {
+      minWidth: 40
+    }
+  };
+};
+
+exports.styles = styles;
 
 function HiBadge(props) {
-  const {
-    classes,
-    className,
-    children,
-    color,
-    value
-  } = props;
-  const length = value.toString().length;
-  const finalValue = value > 100 ? '+100' : value;
-  const badgeClass = classNames(classes.badge, {
-    [classes.primary]: color === 'primary',
-    [classes.secondary]: color === 'secondary',
-    [classes.positive]: color === 'positive',
-    [classes.negative]: color === 'negative',
-    [classes.middle]: color === 'middle',
-    [classes.neutral]: color === 'neutral',
-    [classes.shortBadge]: length < 2,
-    [classes.mediumBadge]: length === 2,
-    [classes.longBadge]: length > 2
-  });
-  return React.createElement(Badge, {
+  var _classNames;
+
+  var classes = props.classes,
+      className = props.className,
+      children = props.children,
+      color = props.color,
+      value = props.value;
+  var length = value.toString().length;
+  var finalValue = value > 100 ? '+100' : value;
+  var badgeClass = (0, _classnames.default)(classes.badge, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.primary, color === 'primary'), (0, _defineProperty2.default)(_classNames, classes.secondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.positive, color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.negative, color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.middle, color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.neutral, color === 'neutral'), (0, _defineProperty2.default)(_classNames, classes.shortBadge, length < 2), (0, _defineProperty2.default)(_classNames, classes.mediumBadge, length === 2), (0, _defineProperty2.default)(_classNames, classes.longBadge, length > 2), _classNames));
+  return _react.default.createElement(_Badge.default, {
     className: className,
     classes: {
       root: classes.root,
@@ -83,36 +91,13 @@ function HiBadge(props) {
   }, children);
 }
 
-HiBadge.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * L'élément auquel le badge va se fixer
-   */
-  children: PropTypes.object,
-
-  /**
-   * Permet des surcharges de style
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Css to apply on the component
-   */
-  className: PropTypes.object,
-
-  /**
-   * The color of the component. It supports those theme colors that make sense for this component.
-   */
-  color: PropTypes.oneOf(['default', 'inherit', 'primary', 'secondary', 'positive', 'negative', 'middle', 'neutral']),
-
-  /**
-   * Valeur de notification à passer au badge
-   */
-  value: PropTypes.number
-} : {};
 HiBadge.defaultProps = {
   color: 'primary'
 };
-export default withStyles(styles, {
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiBadge'
-})(HiBadge);
+})(HiBadge);
+
+exports.default = _default;

package/es/HiBadge/index.js

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

package/es/HiBreadcrumb/HiBreadcrumb.js

@@ -1,90 +1,105 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import HiStep from './HiStep';
-import HiStepLabel from './HiStepLabel';
-import HiStepper from './HiStepper';
-
-class HiBreadcrumb extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    this.handleStep = idx => () => {
-      if (this.props.disableNavigation === false) {
-        this.props.handleStep(idx);
-      }
-    };
-  }
+"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 = 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 _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"));
 
-  render() {
-    const {
-      activeStep,
-      classes,
-      steps,
-      type,
-      disableNavigation
-    } = this.props;
-    return React.createElement(HiStepper, {
-      activeStep: activeStep,
-      type: type
-    }, React.createElement("div", null, steps.map((step, index) => {
-      const validConnector = step.status === 'validated' && index < steps.length - 1 && (steps[index + 1].status === 'validated' || steps[index + 1].status === 'active');
-      return React.createElement(HiStep, {
-        index: step.id,
-        content: step.content,
-        key: step.id,
-        onClick: this.handleStep(step.id),
-        isLast: index === steps.length - 1,
-        validConnector: validConnector,
-        type: type,
-        steps: steps,
-        active: activeStep === step.id
-      }, React.createElement(HiStepLabel, {
-        classes: classes,
-        active: activeStep === step.id,
-        status: step.status,
-        notificationNumber: step.notificationNumber,
-        type: type,
-        disableNavigation: disableNavigation
-      }, step.label));
-    })));
+var _react = _interopRequireDefault(require("react"));
+
+var _HiStep = _interopRequireDefault(require("./HiStep"));
+
+var _HiStepLabel = _interopRequireDefault(require("./HiStepLabel"));
+
+var _HiStepper = _interopRequireDefault(require("./HiStepper"));
+
+var HiBreadcrumb =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiBreadcrumb, _React$PureComponent);
+
+  function HiBreadcrumb() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiBreadcrumb);
+
+    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)(HiBreadcrumb)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleStep", function (idx) {
+      return function () {
+        if (_this.props.disableNavigation === false) {
+          _this.props.handleStep(idx);
+        }
+      };
+    });
+    return _this;
   }
 
-}
+  (0, _createClass2.default)(HiBreadcrumb, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          activeStep = _this$props.activeStep,
+          classes = _this$props.classes,
+          steps = _this$props.steps,
+          type = _this$props.type,
+          disableNavigation = _this$props.disableNavigation;
+      return _react.default.createElement(_HiStepper.default, {
+        activeStep: activeStep,
+        type: type
+      }, _react.default.createElement(_react.default.Fragment, null, steps.map(function (step, index) {
+        var validConnector = step.status === 'validated' && index < steps.length - 1 && (steps[index + 1].status === 'validated' || steps[index + 1].status === 'active');
+        return _react.default.createElement(_HiStep.default, {
+          index: step.id,
+          content: step.content,
+          key: step.id,
+          onClick: _this2.handleStep(step.id),
+          isLast: index === steps.length - 1,
+          validConnector: validConnector,
+          type: type,
+          steps: steps,
+          active: activeStep === step.id
+        }, _react.default.createElement(_HiStepLabel.default, {
+          classes: classes,
+          active: activeStep === step.id,
+          status: step.status,
+          notificationNumber: step.notificationNumber,
+          type: type,
+          disableNavigation: disableNavigation
+        }, step.label));
+      })));
+    }
+  }]);
+  return HiBreadcrumb;
+}(_react.default.PureComponent);
 
-HiBreadcrumb.defaultProps = {
+(0, _defineProperty2.default)(HiBreadcrumb, "defaultProps", {
   activeStep: 0,
   type: 'back',
   disableNavigation: false
-};
-HiBreadcrumb.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Which step is the active one
-   */
-  activeStep: PropTypes.number,
-
-  /**
-   * Custom styles for component.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Disable navigation in steps
-   */
-  disableNavigation: PropTypes.bool,
-
-  /**
-   * The callback function handling the flow from one step to another
-   */
-  handleStep: PropTypes.func,
-
-  /**
-   * The collection of steps of the breadcrumb.
-   */
-  steps: PropTypes.array.isRequired,
-
-  /**
-   * The Breadcrumb type
-   */
-  type: PropTypes.oneOf(['back', 'front-dark', 'front-light'])
-} : {};
-export default HiBreadcrumb;
+});
+var _default = HiBreadcrumb;
+exports.default = _default;