@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
86 lines (85 loc) • 4 kB
JavaScript
;
"use client";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _SpacingHelper = require("../space/SpacingHelper.js");
var _Card = _interopRequireDefault(require("../Card.js"));
var _CardContext = _interopRequireDefault(require("../card/CardContext.js"));
var _StepIndicatorTriggerButton = _interopRequireDefault(require("./StepIndicatorTriggerButton.js"));
var _StepIndicatorSidebar = _interopRequireDefault(require("./StepIndicatorSidebar.js"));
var _StepIndicatorList2 = _interopRequireDefault(require("./StepIndicatorList.js"));
var _StepIndicatorContext = _interopRequireWildcard(require("./StepIndicatorContext.js"));
var _StepIndicatorProps = require("./StepIndicatorProps.js");
var _FormStatus = _interopRequireDefault(require("../form-status/FormStatus.js"));
var _StepIndicatorList;
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
function handleDeprecatedProps(props) {
const {
sidebar_id,
step_title_extended,
...rest
} = props;
return rest;
}
function StepIndicator({
status,
status_state = 'warn',
data = _StepIndicatorProps.stepIndicatorDefaultProps.data,
skeleton = _StepIndicatorProps.stepIndicatorDefaultProps.skeleton,
current_step = _StepIndicatorProps.stepIndicatorDefaultProps.current_step,
hide_numbers = _StepIndicatorProps.stepIndicatorDefaultProps.hide_numbers,
no_animation = _StepIndicatorProps.stepIndicatorDefaultProps.no_animation,
expandedInitially = _StepIndicatorProps.stepIndicatorDefaultProps.expandedInitially,
...restOfProps
}) {
var _useContext;
const {
outset,
...props
} = handleDeprecatedProps({
data,
skeleton,
current_step,
hide_numbers,
no_animation,
expandedInitially,
...restOfProps
});
return _react.default.createElement(_StepIndicatorContext.StepIndicatorProvider, props, _react.default.createElement("div", {
className: "dnb-step-indicator-wrapper"
}, _react.default.createElement(_Card.default, {
align: "stretch",
className: (0, _classnames.default)('dnb-step-indicator', (0, _SpacingHelper.createSpacingClasses)(restOfProps)),
backgroundColor: "var(--step-indicator-trigger-content-background)",
outset: outset
}, _react.default.createElement(_StepIndicatorTriggerButton.default, {
isNested: (_useContext = (0, _react.useContext)(_CardContext.default)) === null || _useContext === void 0 ? void 0 : _useContext.isNested
}), _StepIndicatorList || (_StepIndicatorList = _react.default.createElement(_StepIndicatorList2.default, null))), _react.default.createElement(StepIndicatorStatus, {
status: status,
status_state: status_state
})));
}
function StepIndicatorStatus({
status,
status_state
}) {
const {
openState,
no_animation
} = (0, _react.useContext)(_StepIndicatorContext.default);
const show = !openState && !!status;
return _react.default.createElement(_FormStatus.default, {
show: show,
no_animation: no_animation,
state: status && status_state
}, status);
}
StepIndicator.Sidebar = _StepIndicatorSidebar.default;
StepIndicator._supportsSpacingProps = true;
var _default = exports.default = StepIndicator;
//# sourceMappingURL=StepIndicator.js.map