ywana-core8 0.0.654 → 0.0.655

package/dist/index.cjs

@@ -9625,40 +9625,40 @@ var TableAPI = function TableAPI(url, host) {
 };
 
 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", {
@@ -9677,10 +9677,10 @@ var Wizard = function Wizard(props) {
       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",