ywana-core8 0.0.662 → 0.0.664

package/dist/index.cjs

@@ -9678,23 +9678,43 @@ var Wizard = function Wizard(props) {
       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;
@@ -9715,20 +9735,7 @@ var Wizard = function Wizard(props) {
     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) {