@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
88 lines (87 loc) • 3.32 kB
JavaScript
;
"use client";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.DisplaySteps = DisplaySteps;
require("core-js/modules/web.dom-collections.iterator.js");
var _react = _interopRequireWildcard(require("react"));
var _Context = _interopRequireDefault(require("../Context"));
var _StepIndicator = _interopRequireDefault(require("../../../../components/StepIndicator"));
var _hooks = require("../../hooks");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
function DisplaySteps(_ref) {
var _getStepIndicatorStat;
let {
mode,
noAnimation,
handleChange,
expandedInitially,
outset
} = _ref;
const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
const {
activeIndexRef,
stepsRef,
updateTitlesRef,
hasErrorInOtherStepRef,
hasInvalidStepsState
} = (0, _react.useContext)(_Context.default) || {};
updateTitlesRef.current = () => {
forceUpdate();
};
const translations = (0, _hooks.useTranslation)();
const getStepIndicatorStatus = (0, _react.useCallback)(() => {
if (!hasErrorInOtherStepRef.current) {
return;
}
if (hasInvalidStepsState(undefined, ['error'])) {
return {
status: translations.Step.stepHasError,
status_state: 'error'
};
}
if (hasInvalidStepsState(undefined, ['unknown'])) {
return {
status: 'Unknown state',
status_state: 'warn'
};
}
return {};
}, [hasErrorInOtherStepRef, hasInvalidStepsState, translations.Step.stepHasError]);
const {
status,
status_state
} = (_getStepIndicatorStat = getStepIndicatorStatus()) !== null && _getStepIndicatorStat !== void 0 ? _getStepIndicatorStat : {};
return _react.default.createElement("aside", {
className: "dnb-forms-wizard-layout__indicator"
}, _react.default.createElement(_StepIndicator.default, {
bottom: true,
current_step: activeIndexRef.current,
data: Array.from(stepsRef.current.values()).map(_ref2 => {
let {
stringifiedTitle,
title,
inactive,
status,
statusState
} = _ref2;
return {
title: stringifiedTitle || title,
inactive,
status,
status_state: statusState
};
}),
mode: mode,
no_animation: noAnimation,
expandedInitially: expandedInitially,
on_change: handleChange,
outset: outset,
status: status,
status_state: status_state
}));
}
//# sourceMappingURL=DisplaySteps.js.map