ywana-core8 0.0.652 → 0.0.654

package/dist/index.cjs

@@ -368,7 +368,8 @@ var Button = function Button(_ref) {
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       outlined = _ref.outlined,
-      raised = _ref.raised;
+      raised = _ref.raised,
+      className = _ref.className;
 
   function click(event) {
     if (!disabled) {
@@ -381,7 +382,7 @@ var Button = function Button(_ref) {
   var style = raised ? 'raised' : outlined ? 'outlined' : 'normal';
   if (disabled) style = style + " disabled";
   return /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "btn " + style,
+    className: "btn " + style + " " + className,
     onClick: click
   }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: icon,
@@ -9623,6 +9624,79 @@ 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,
+      init = _props$init === void 0 ? 0 : _props$init,
+      onClose = props.onClose;
+
+  var _useState = React.useState(init),
+      _useState$ = _useState[0],
+      current = _useState$ === void 0 ? 0 : _useState$,
+      setCurrent = _useState[1];
+
+  function prev() {
+    if (current > 0) setCurrent(current - 1);
+  }
+
+  function next() {
+    var step = steps[current];
+
+    if (step.onComplete) {
+      step.onComplete(function () {
+        setCurrent(current + 1);
+      });
+    } else {
+      setCurrent(current + 1);
+    }
+  }
+
+  function finish() {
+    var step = steps[current];
+    if (step.onComplete) step.onComplete(function () {
+      if (onClose) onClose();
+    });
+  }
+
+  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.label));
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "wizard-content"
+  }, steps[current].content), /*#__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);
 };
@@ -9712,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