ywana-core8 0.0.653 → 0.0.655

package/dist/index.cjs

@@ -9624,6 +9624,79 @@ var TableAPI = function TableAPI(url, host) {
   };
 };
 
+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);
 };
@@ -9713,5 +9786,6 @@ exports.Uploader = Uploader;
 exports.View = View;
 exports.Viewer = Viewer;
 exports.WaitScreen = WaitScreen;
+exports.Wizard = Wizard;
 exports.isFunction = isFunction;
 //# sourceMappingURL=index.cjs.map