ywana-core8 0.0.653 → 0.0.655

package/dist/index.umd.js

@@ -9618,6 +9618,79 @@
     };
   };
 
+  var Wizard = function Wizard(props) {
+    var _props$init = props.init,
+        init = _props$init === void 0 ? 0 : _props$init,
+        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() {
+      stepRef.current.onComplete(function () {
+        setCurrent(current + 1);
+      });
+    }
+
+    function finish() {
+      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", {
+      className: "wizard-steps"
+    }, steps.map(function (step, index) {
+      var active = index === current;
+      var done = index < current;
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        key: index,
+        className: "wizard-step"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "wizard-step-icon"
+      }, done && /*#__PURE__*/React__default["default"].createElement(Icon, {
+        icon: "check"
+      }), active && /*#__PURE__*/React__default["default"].createElement(Icon, {
+        icon: "play_arrow"
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "wizard-step-label"
+      }, step.props.label));
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      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: current === steps.length - 1,
+      action: next
+    }) : /*#__PURE__*/React__default["default"].createElement(Button, {
+      label: "Finalizar",
+      action: finish,
+      raised: true
+    })));
+  };
+
   var isFunction = function isFunction(value) {
     return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
   };
@@ -9707,6 +9780,7 @@
   exports.View = View;
   exports.Viewer = Viewer;
   exports.WaitScreen = WaitScreen;
+  exports.Wizard = Wizard;
   exports.isFunction = isFunction;
 
 }));