ywana-core8 0.0.654 → 0.0.656

package/dist/index.umd.js

@@ -9619,40 +9619,48 @@
   };
 
   var Wizard = function Wizard(props) {
-    var _props$steps = props.steps,
-        steps = _props$steps === void 0 ? [] : _props$steps,
-        _props$init = props.init,
+    var finish = function finish() {
+      try {
+        return Promise.resolve(stepRef.current.onNext(function () {
+          if (onClose) onClose();
+        })).then(function () {});
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+
+    var next = function next() {
+      try {
+        return Promise.resolve(stepRef.current.onNext(function () {
+          setCurrent(current + 1);
+        })).then(function () {});
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+
+    var _props$init = props.init,
         init = _props$init === void 0 ? 0 : _props$init,
-        onClose = props.onClose;
+        onClose = props.onClose,
+        children = props.children;
 
     var _useState = React.useState(init),
         _useState$ = _useState[0],
         current = _useState$ === void 0 ? 0 : _useState$,
         setCurrent = _useState[1];
 
+    var steps = React__default["default"].Children.toArray(children);
+    var stepRef = React.useRef();
+
     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();
+    var currentStep = React.useMemo(function () {
+      return React__default["default"].cloneElement(steps[current], {
+        ref: stepRef
       });
-    }
-
+    }, [current]);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "wizard"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -9671,10 +9679,10 @@
         icon: "play_arrow"
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "wizard-step-label"
-      }, step.label));
+      }, step.props.label));
     })), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "wizard-content"
-    }, steps[current].content), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, currentStep), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "wizard-actions"
     }, /*#__PURE__*/React__default["default"].createElement(Button, {
       label: "Anterior",
@@ -9682,10 +9690,11 @@
       action: prev
     }), current < steps.length - 1 ? /*#__PURE__*/React__default["default"].createElement(Button, {
       label: "Siguiente",
-      disabled: current === steps.length - 1,
+      disabled: stepRef.current.isValid(),
       action: next
     }) : /*#__PURE__*/React__default["default"].createElement(Button, {
       label: "Finalizar",
+      disabled: stepRef.current.isValid(),
       action: finish,
       raised: true
     })));