@hipay/hipay-material-ui 2.3.0-rcstyleguide-beta3 → 2.3.0-rcstyleguide-beta5

package/es/old_components/HiAlertModal/HiAlertModal.js

@@ -0,0 +1,231 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/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/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/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
+ */
+
+
+exports.styles = styles;
+
+var HiAlertModal =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiAlertModal, _React$PureComponent);
+
+  function HiAlertModal(props) {
+    var _this;
+
+    (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();
+      }
+    });
+    _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();
+      }
+    } // 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)
+          }
+        });
+      }
+
+      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);
+
+(0, _defineProperty2.default)(HiAlertModal, "defaultProps", {
+  content: '',
+  cancelColor: 'neutral',
+  submitColor: 'primary'
+});
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiAlertModal',
+  withTheme: true
+})(HiAlertModal);
+
+exports.default = _default;

package/es/old_components/HiAlertModal/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/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"));

package/es/old_components/HiAppBar/HiAppBar.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/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/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/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 _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"
+});
+
+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((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+
+  (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);
+
+HiAppBar.defaultProps = {
+  focused: false,
+  hideable: false
+};
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiAppBar'
+})(HiAppBar);
+
+exports.default = _default;

package/es/old_components/HiAppBar/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/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/old_components/HiBadge/HiBadge.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/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/hmui-styleguide/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) {
+  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,
+      badge: badgeClass,
+      colorPrimary: classes.primary
+    },
+    badgeContent: finalValue
+  }, children);
+}
+
+HiBadge.defaultProps = {
+  color: 'primary'
+};
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HmuiHiBadge'
+})(HiBadge);
+
+exports.default = _default;

package/es/old_components/HiBadge/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/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/old_components/HiBreadcrumb/HiBreadcrumb.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/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/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf3 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+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);
+
+(0, _defineProperty2.default)(HiBreadcrumb, "defaultProps", {
+  activeStep: 0,
+  type: 'back',
+  disableNavigation: false
+});
+var _default = HiBreadcrumb;
+exports.default = _default;