ywana-core8 0.0.652 → 0.0.654

package/dist/index.umd.js

@@ -362,7 +362,8 @@
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         outlined = _ref.outlined,
-        raised = _ref.raised;
+        raised = _ref.raised,
+        className = _ref.className;
 
     function click(event) {
       if (!disabled) {
@@ -375,7 +376,7 @@
     var style = raised ? 'raised' : outlined ? 'outlined' : 'normal';
     if (disabled) style = style + " disabled";
     return /*#__PURE__*/React__default["default"].createElement("button", {
-      className: "btn " + style,
+      className: "btn " + style + " " + className,
       onClick: click
     }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: icon,
@@ -9617,6 +9618,79 @@
     };
   };
 
+  var Wizard = function Wizard(props) {
+    var _props$steps = props.steps,
+        steps = _props$steps === void 0 ? [] : _props$steps,
+        _props$init = props.init,
+        init = _props$init === void 0 ? 0 : _props$init,
+        onClose = props.onClose;
+
+    var _useState = React.useState(init),
+        _useState$ = _useState[0],
+        current = _useState$ === void 0 ? 0 : _useState$,
+        setCurrent = _useState[1];
+
+    function prev() {
+      if (current > 0) setCurrent(current - 1);
+    }
+
+    function next() {
+      var step = steps[current];
+
+      if (step.onComplete) {
+        step.onComplete(function () {
+          setCurrent(current + 1);
+        });
+      } else {
+        setCurrent(current + 1);
+      }
+    }
+
+    function finish() {
+      var step = steps[current];
+      if (step.onComplete) step.onComplete(function () {
+        if (onClose) onClose();
+      });
+    }
+
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "wizard"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "wizard-steps"
+    }, steps.map(function (step, index) {
+      var active = index === current;
+      var done = index < current;
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        key: index,
+        className: "wizard-step"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "wizard-step-icon"
+      }, done && /*#__PURE__*/React__default["default"].createElement(Icon, {
+        icon: "check"
+      }), active && /*#__PURE__*/React__default["default"].createElement(Icon, {
+        icon: "play_arrow"
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "wizard-step-label"
+      }, step.label));
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "wizard-content"
+    }, steps[current].content), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "wizard-actions"
+    }, /*#__PURE__*/React__default["default"].createElement(Button, {
+      label: "Anterior",
+      disabled: current === 0,
+      action: prev
+    }), current < steps.length - 1 ? /*#__PURE__*/React__default["default"].createElement(Button, {
+      label: "Siguiente",
+      disabled: current === steps.length - 1,
+      action: next
+    }) : /*#__PURE__*/React__default["default"].createElement(Button, {
+      label: "Finalizar",
+      action: finish,
+      raised: true
+    })));
+  };
+
   var isFunction = function isFunction(value) {
     return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
   };
@@ -9706,6 +9780,7 @@
   exports.View = View;
   exports.Viewer = Viewer;
   exports.WaitScreen = WaitScreen;
+  exports.Wizard = Wizard;
   exports.isFunction = isFunction;
 
 }));