@wix/design-system/dist/cjs/Stepper/Stepper.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _react = _interopRequireDefault(require("react"));
var _Step = _interopRequireDefault(require("./components/Step"));
var _constants = require("./constants");
var _StepperSt = require("./Stepper.st.css.js");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/Stepper/Stepper.jsx";
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
/** Stepper */
var Stepper = /*#__PURE__*/function (_React$PureComponent) {
  function Stepper() {
    var _this;
    (0, _classCallCheck2["default"])(this, Stepper);
    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }
    _this = _callSuper(this, Stepper, [].concat(args));
    _this._getActiveStepType = function () {
      var _this$props = _this.props,
        activeStep = _this$props.activeStep,
        steps = _this$props.steps;
      var step = steps[activeStep];
      return step.type !== _constants.StepType.Disabled ? step.type : undefined;
    };
    return _this;
  }
  (0, _inherits2["default"])(Stepper, _React$PureComponent);
  return (0, _createClass2["default"])(Stepper, [{
    key: "render",
    value: function render() {
      var _this2 = this;
      var _this$props2 = this.props,
        dataHook = _this$props2.dataHook,
        steps = _this$props2.steps,
        type = _this$props2.type,
        fit = _this$props2.fit,
        activeStep = _this$props2.activeStep,
        onClick = _this$props2.onClick,
        size = _this$props2.size;
      return /*#__PURE__*/_react["default"].createElement("div", {
        className: (0, _StepperSt.st)(_StepperSt.classes.root, {
          fit: fit
        }),
        "data-hook": dataHook,
        "data-type": type,
        "data-size": size,
        "data-fit": fit,
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 28,
          columnNumber: 7
        }
      }, steps.map(function (step, index) {
        var isLastStep = index === steps.length - 1;
        var isActiveStep = index === activeStep;
        return /*#__PURE__*/_react["default"].createElement(_Step["default"], (0, _extends2["default"])({}, step, {
          key: index,
          number: index + 1,
          active: isActiveStep,
          last: isLastStep,
          type: isActiveStep ? _this2._getActiveStepType() : step.type,
          size: size,
          styleType: type,
          onClick: onClick && function () {
            return onClick(index);
          },
          __self: _this2,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 40,
            columnNumber: 13
          }
        }));
      }));
    }
  }]);
}(_react["default"].PureComponent);
Stepper.displayName = 'Stepper';
Stepper.defaultProps = {
  steps: [],
  type: 'circle',
  size: 'small',
  fit: 'compact'
};
var _default = exports["default"] = Stepper;