ywana-core8 0.0.654 → 0.0.655

package/dist/index.umd.js

@@ -9619,40 +9619,40 @@
   };
 
   var Wizard = function Wizard(props) {
-    var _props$steps = props.steps,
-        steps = _props$steps === void 0 ? [] : _props$steps,
-        _props$init = props.init,
+    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 {
+      stepRef.current.onComplete(function () {
         setCurrent(current + 1);
-      }
+      });
     }
 
     function finish() {
-      var step = steps[current];
-      if (step.onComplete) step.onComplete(function () {
+      stepRef.current.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 +9671,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",