@uva-glass/component-library/dist/components/OverlayStepBar/OverlayStepBar.js

React components UvA

import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
import { c as l } from "../../clsx-OuTLNxxd.js";
import "react";
import { Icon as i } from "../Icon/Icon.js";
import "../Buttons/Button.js";
import "../Buttons/LinkButton.js";
import "@react-aria/button";
import "../Checkbox/Checkbox.js";
import "@react-aria/dialog";
import "@react-aria/focus";
import "@react-aria/overlays";
import "../OverlayCloseButton/OverlayCloseButton.js";
import "../GridRow/GridRow.js";
import "../IconButton/IconButton.js";
import "../Input/Input.js";
import "../InputField/InputField.js";
import "react-router";
import "../../TablePlugin-MjKuocl4.js";
import "../RteEditor/Providers/LanguageProvider.js";
import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
import "../RteEditor/hooks/components/Flyout.js";
import "../../index-B3c5pcHk.js";
import "../SelectListbox/SelectListbox.js";
import "../SelectListbox/SelectProvider.js";
import "../Sortable/components/SortableItem.js";
import "../../SortableProvider-Ck_XnBVq.js";
import '../../assets/OverlayStepBar.css';const r = {
  "overlay-step-bar__container": "_overlay-step-bar__container_u2k5r_1",
  "overlay-step-bar__separator": "_overlay-step-bar__separator_u2k5r_10",
  "overlay-step-bar__step": "_overlay-step-bar__step_u2k5r_14",
  "overlay-step-bar__step-bullet": "_overlay-step-bar__step-bullet_u2k5r_23",
  "overlay-step-bar__step--inactive": "_overlay-step-bar__step--inactive_u2k5r_34",
  "overlay-step-bar__step--active": "_overlay-step-bar__step--active_u2k5r_40",
  "overlay-step-bar__step--checked": "_overlay-step-bar__step--checked_u2k5r_49"
}, t = [
  "MiniCheck",
  "One",
  "Two",
  "Three",
  "Four",
  "Five",
  "Six",
  "Seven",
  "Eight",
  "Nine"
], B = ({ steps: a }) => {
  if (a.length > t.length - 1)
    throw new Error("The 'steps' array must contain no more than 9 objects.");
  return /* @__PURE__ */ e("div", { className: r["overlay-step-bar__container"], children: a.length < t.length && a.map(({ label: p, status: _ }, o) => /* @__PURE__ */ s(m, { children: [
    o !== 0 && /* @__PURE__ */ e(i, { name: "CheveronRight", size: 16, className: r["overlay-step-bar__separator"] }),
    /* @__PURE__ */ s("span", { className: l(r["overlay-step-bar__step"], r[`overlay-step-bar__step--${_}`]), children: [
      /* @__PURE__ */ e("span", { className: r["overlay-step-bar__step-bullet"], children: /* @__PURE__ */ e(i, { name: _ === "checked" ? t[0] : t[o + 1], size: 24 }) }),
      p
    ] })
  ] }, `${o}_${p}`)) });
};
export {
  B as OverlayStepBar
};
//# sourceMappingURL=OverlayStepBar.js.map