ywana-core8 0.0.662 → 0.0.664

package/dist/index.umd.js

@@ -9672,23 +9672,43 @@
         current = _useState2$ === void 0 ? 0 : _useState2$,
         setCurrent = _useState2[1];
 
+    var _useState3 = React.useState(true),
+        valid = _useState3[0],
+        setValid = _useState3[1];
+
     var steps = React__default["default"].Children.toArray(children);
     var stepRef = React.useRef();
 
+    function validate(form, isValid) {
+      setValid(isValid);
+    }
+
     function prev() {
       if (current > 0) setCurrent(current - 1);
     }
 
-    var currentStep = React.useMemo(function () {
-      return React__default["default"].cloneElement(steps[current], {
-        ref: stepRef
-      });
-    }, [current]);
+    var currentStep = React__default["default"].cloneElement(steps[current], {
+      ref: stepRef,
+      onChange: validate
+    });
+    var nextButton = current < steps.length - 1 ? /*#__PURE__*/React__default["default"].createElement(Button, {
+      label: "Siguiented",
+      action: next,
+      raised: true,
+      disabled: !valid
+    }) : /*#__PURE__*/React__default["default"].createElement(Button, {
+      label: "Finish",
+      action: finish
+    });
+    var prevButton = current > 0 ? /*#__PURE__*/React__default["default"].createElement(Button, {
+      label: "Atr\xE1s",
+      action: prev
+    }) : null;
     return /*#__PURE__*/React__default["default"].createElement(WizardProvider, {
       form: form
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "wizard"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, current, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "wizard-steps"
     }, steps.map(function (step, index) {
       var active = index === current;
@@ -9709,20 +9729,7 @@
       className: "wizard-content"
     }, currentStep), /*#__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: stepRef.current && stepRef.current.isValid(),
-      action: next
-    }) : /*#__PURE__*/React__default["default"].createElement(Button, {
-      label: "Finalizar",
-      disabled: stepRef.current && stepRef.current.isValid(),
-      action: finish,
-      raised: true
-    }))));
+    }, prevButton, /*#__PURE__*/React__default["default"].createElement("div", null), nextButton)));
   };
 
   var isFunction = function isFunction(value) {