@hipay/hipay-material-ui 3.15.2 → 3.15.3-beta.1

package/HiBreadcrumb/HiBreadcrumb.js

@@ -1,50 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _HiStep = _interopRequireDefault(require("./HiStep"));
-
 var _HiStepLabel = _interopRequireDefault(require("./HiStepLabel"));
-
 var _HiStepper = _interopRequireDefault(require("./HiStepper"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var HiBreadcrumb = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiBreadcrumb, _React$PureComponent);
-
   var _super = _createSuper(HiBreadcrumb);
-
   function HiBreadcrumb() {
     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 = _super.call.apply(_super, [this].concat(args));
-
     _this.handleStep = function (idx) {
       return function () {
         if (_this.props.disableNavigation === false) {
@@ -52,21 +33,18 @@ var HiBreadcrumb = /*#__PURE__*/function (_React$PureComponent) {
         }
       };
     };
-
     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;
+        activeStep = _this$props.activeStep,
+        classes = _this$props.classes,
+        steps = _this$props.steps,
+        type = _this$props.type,
+        disableNavigation = _this$props.disableNavigation;
       return /*#__PURE__*/_react.default.createElement(_HiStepper.default, {
         activeStep: activeStep,
         type: type
@@ -95,11 +73,9 @@ var HiBreadcrumb = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiBreadcrumb;
 }(_react.default.PureComponent);
-
 HiBreadcrumb.defaultProps = {
   activeStep: 0,
   type: 'back',
   disableNavigation: false
 };
-var _default = HiBreadcrumb;
-exports.default = _default;
+var _default = exports.default = HiBreadcrumb;

package/HiBreadcrumb/HiStep.js

@@ -1,41 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _HiStepConnector = _interopRequireDefault(require("./HiStepConnector"));
-
 var _HiStepContent = _interopRequireDefault(require("./HiStepContent"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles() {
+var styles = exports.styles = function styles() {
   return {
     lastStep: {
       marginBottom: 40
@@ -45,50 +29,38 @@ var styles = function styles() {
     }
   };
 };
-
-exports.styles = styles;
-
 var HiStep = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiStep, _React$PureComponent);
-
   var _super = _createSuper(HiStep);
-
   function HiStep() {
     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 = _super.call.apply(_super, [this].concat(args));
-
     _this.focus = function () {
       return _this.ref.focus;
     };
-
     _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;
+        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 /*#__PURE__*/_react.default.createElement("div", {
         role: "button",
         tabIndex: index,
@@ -113,7 +85,6 @@ var HiStep = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiStep;
 }(_react.default.PureComponent);
-
 HiStep.defaultProps = {
   active: false,
   content: /*#__PURE__*/_react.default.createElement("span", null),
@@ -122,10 +93,7 @@ HiStep.defaultProps = {
   type: 'back',
   validConnector: false
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'MuiHiStep'
-})(HiStep);
-
-exports.default = _default;
+})(HiStep);

package/HiBreadcrumb/HiStepConnector.js

@@ -1,50 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _HiStepContent = _interopRequireDefault(require("./HiStepContent"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       display: 'flex',
       flex: '1 1 auto',
       marginLeft: 13 // half icon
-
     },
+
     line: {
       display: 'block',
       borderColor: '#757575',
@@ -54,28 +37,22 @@ var styles = function styles(theme) {
       margin: '-2px 0px'
     },
     greenLine: {
-      borderColor: theme.palette.positive.main
+      borderColor: theme.palette.success.main
     },
     lightLine: {
       borderColor: '#FFFFFF'
     }
   };
 };
+
 /**
  * @ignore - internal component.
  */
-
-
-exports.styles = styles;
-
 var HiStepConnector = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiStepConnector, _React$PureComponent);
-
   var _super = _createSuper(HiStepConnector);
-
   function HiStepConnector(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiStepConnector);
     _this = _super.call(this, props);
     _this.state = {
@@ -84,7 +61,6 @@ var HiStepConnector = /*#__PURE__*/function (_React$PureComponent) {
     _this.updateWindowDimensions = _this.updateWindowDimensions.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
-
   (0, _createClass2.default)(HiStepConnector, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -106,39 +82,32 @@ var HiStepConnector = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     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"]);
+        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 lineClassName = (0, _classnames.default)(classes.line, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.greenLine, validConnector), classes.lightLine, type === 'front-light'));
       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;
         }
       }
-
       var heightStyle = {};
-
       if (active) {
         heightStyle = {
           height: lineHeight
         };
       }
-
       return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
         className: className
       }, other), /*#__PURE__*/_react.default.createElement("span", {
@@ -151,7 +120,6 @@ var HiStepConnector = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiStepConnector;
 }(_react.default.PureComponent);
-
 HiStepConnector.defaultProps = {
   active: false,
   content: /*#__PURE__*/_react.default.createElement("span", null),
@@ -159,10 +127,7 @@ HiStepConnector.defaultProps = {
   type: 'back',
   validConnector: false
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HiMuiHiStepConnector'
-})(HiStepConnector);
-
-exports.default = _default;
+})(HiStepConnector);

package/HiBreadcrumb/HiStepContent.js

@@ -1,37 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles() {
+var styles = exports.styles = function styles() {
   return {
     root: {
       display: 'flex',
@@ -57,26 +43,20 @@ var styles = function styles() {
     }
   };
 };
-
-exports.styles = styles;
-
 var HiStepContent = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiStepContent, _React$PureComponent);
-
   var _super = _createSuper(HiStepContent);
-
   function HiStepContent() {
     (0, _classCallCheck2.default)(this, HiStepContent);
     return _super.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;
+        classes = _this$props.classes,
+        content = _this$props.content,
+        isLast = _this$props.isLast;
       return /*#__PURE__*/_react.default.createElement(_Paper.default, {
         square: true,
         className: (0, _classnames.default)(classes.contentContainer, (0, _defineProperty2.default)({}, classes.lastStep, isLast))
@@ -87,15 +67,11 @@ var HiStepContent = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiStepContent;
 }(_react.default.PureComponent);
-
 HiStepContent.defaultProps = {
   content: /*#__PURE__*/_react.default.createElement("span", null),
   isLast: false
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HiMuiHiStepContent'
-})(HiStepContent);
-
-exports.default = _default;
+})(HiStepContent);

package/HiBreadcrumb/HiStepIcon.js

@@ -1,35 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     circle: {
       borderRadius: '50%',
@@ -70,16 +57,16 @@ var styles = function styles(theme) {
       }
     },
     dotValidated: {
-      backgroundColor: theme.palette.positive.main,
-      border: "2px solid ".concat(theme.palette.positive.main)
+      backgroundColor: theme.palette.success.main,
+      border: "2px solid ".concat(theme.palette.success.main)
     },
     dotRefused: {
       backgroundColor: theme.palette.error.main,
       border: "2px solid ".concat(theme.palette.error.main)
     },
     dotWarning: {
-      backgroundColor: theme.palette.middle.normal,
-      border: "2px solid ".concat(theme.palette.middle.main)
+      backgroundColor: theme.palette.warning.normal,
+      border: "2px solid ".concat(theme.palette.warning.main)
     },
     dotActive: {
       backgroundColor: '#00ADE9',
@@ -90,13 +77,13 @@ var styles = function styles(theme) {
       border: '2px solid #FFFFFF'
     },
     validated: {
-      border: "2px solid ".concat(theme.palette.positive.main)
+      border: "2px solid ".concat(theme.palette.success.main)
     },
     refused: {
-      border: "2px solid ".concat(theme.palette.negative.main)
+      border: "2px solid ".concat(theme.palette.error.main)
     },
     warning: {
-      border: "2px solid ".concat(theme.palette.middle.main)
+      border: "2px solid ".concat(theme.palette.warning.main)
     },
     active: {
       border: 'solid 2px #00ADE9'
@@ -106,32 +93,24 @@ var styles = function styles(theme) {
     }
   };
 };
-
-exports.styles = styles;
-
 var HiStepIcon = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiStepIcon, _React$PureComponent);
-
   var _super = _createSuper(HiStepIcon);
-
   function HiStepIcon() {
     (0, _classCallCheck2.default)(this, HiStepIcon);
     return _super.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));
+        active = _this$props.active,
+        classes = _this$props.classes,
+        status = _this$props.status,
+        type = _this$props.type;
+      var dotAroundClass = (0, _classnames.default)(classes.dotAround, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.validated, status === 'validated'), classes.refused, status === 'refused'), classes.warning, status === 'warning'), classes.active, status === 'active'), classes.light, type === 'front-light'));
+      var innerDotClass = (0, _classnames.default)(classes.dot, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.activeStep, active), classes.dotValidated, status === 'validated'), classes.dotRefused, status === 'refused'), classes.dotWarning, status === 'warning'), classes.dotActive, status === 'active'), classes.dotLight, type === 'front-light'));
+      var dotClassName = (0, _classnames.default)(classes.circle, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.refused, status === 'refused'), classes.validated, status === 'validated'), classes.warning, status === 'warning'), classes.active, status === 'active'), classes.light, type === 'front-light'));
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, active && /*#__PURE__*/_react.default.createElement("div", {
         className: dotAroundClass
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -143,16 +122,12 @@ var HiStepIcon = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiStepIcon;
 }(_react.default.PureComponent);
-
 HiStepIcon.defaultProps = {
   active: false,
   status: 'unreviewed',
   type: 'back'
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HiMuiHiStepIcon'
-})(HiStepIcon);
-
-exports.default = _default;
+})(HiStepIcon);