@raona/components
Version:
React components used at Raona to work with SPFx
23 lines (22 loc) • 1.35 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var Style_1 = require("@raona/sp/dist/functions/Style");
exports.WizardHeader = function (props) {
var titles = props.titles, step = props.step, className = props.className, itemActiveClassName = props.itemActiveClassName, itemDoneClassName = props.itemDoneClassName, itemInactiveClassName = props.itemInactiveClassName, headerStepChange = props.headerStepChange, form = props.form, index = props.index;
return (React.createElement("div", { className: className }, titles.map(function (t, i) {
var _a;
var classNames = Style_1.Style.classNames((_a = {},
_a[itemActiveClassName] = step === i,
_a[itemDoneClassName] = step > i,
_a[itemInactiveClassName] = step < i,
_a));
return (React.createElement("span", { className: classNames, onClick: function (e) { headerStepChange && form && headerStepChange(i, form); } }, i + 1 + ". " + t));
})));
};
exports.WizardHeader.defaultProps = {
className: 'modal__menu',
itemActiveClassName: 'modal__menuElement modal__menuElement--active',
itemDoneClassName: 'modal__menuElement modal__menuElement--finish',
itemInactiveClassName: 'modal__menuElement modal__menuElement--inactive',
};