@hisptz/react-ui/build/cjs/components/ConfigurationStepper/configurationStepper.stories.js

A collection of reusable complex DHIS2 react ui components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.SimpleStepper = exports.MultiStepper = void 0;

var _react = _interopRequireDefault(require("react"));

var _ = _interopRequireDefault(require("."));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const Template = args => /*#__PURE__*/_react.default.createElement(_.default, args);

const MultiStepper = Template.bind({});
exports.MultiStepper = MultiStepper;
const steps = [{
  label: "General",
  component: () => /*#__PURE__*/_react.default.createElement("div", {
    className: "container"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "column text-center"
  }, /*#__PURE__*/_react.default.createElement("h1", null, "1"))),
  helpSteps: []
}, {
  label: "Data Configuration",
  component: () => /*#__PURE__*/_react.default.createElement("div", {
    className: "container"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "column text-center"
  }, /*#__PURE__*/_react.default.createElement("h1", null, "2"))),
  helpSteps: []
}, {
  label: "Highlighted Indicators",
  component: () => /*#__PURE__*/_react.default.createElement("div", {
    className: "container"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "column text-center"
  }, /*#__PURE__*/_react.default.createElement("h1", null, "3"))),
  helpSteps: []
}, {
  label: "Access",
  component: () => /*#__PURE__*/_react.default.createElement("div", {
    className: "container"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "column text-center"
  }, /*#__PURE__*/_react.default.createElement("h1", null, "4"))),
  helpSteps: []
}, {
  label: "Options",
  component: () => /*#__PURE__*/_react.default.createElement("div", {
    className: "container"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "column"
  }, /*#__PURE__*/_react.default.createElement("h1", null, "5"))),
  helpSteps: []
}];
MultiStepper.args = {
  steps,
  onLastAction: () => {
    console.log("Last action");
  },
  onLastActionButtonName: "Save",
  activeStepperBackGroundColor: "#00695c",
  onStepChange: () => true,
  activeStep: steps[0],
  setActiveStep: step => step
};
const SimpleStepper = Template.bind({});
exports.SimpleStepper = SimpleStepper;
const simpleSteps = [{
  label: "Determinant",
  component: () => /*#__PURE__*/_react.default.createElement("div", {
    className: "container"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "column text-center"
  }, /*#__PURE__*/_react.default.createElement("h3", null, "Determinant "))),
  helpSteps: []
}, {
  label: "Access",
  component: () => /*#__PURE__*/_react.default.createElement("div", {
    className: "container"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "column text-center"
  }, /*#__PURE__*/_react.default.createElement("h3", null, "Access "))),
  helpSteps: []
}];
SimpleStepper.args = {
  steps: simpleSteps,
  onLastAction: () => {
    console.log("Last action");
  },
  onLastActionButtonName: "Save",
  activeStepperBackGroundColor: "#00695c",
  onStepChange: undefined,
  activeStep: simpleSteps[0]
};
var _default = {
  title: "Components/Stepper Configuration",
  component: _.default
};
exports.default = _default;