@uva-glass/component-library 3.19.3 → 3.20.0

package/dist/components/index.js

@@ -13,7 +13,7 @@ import { Checkbox as I } from "./Checkbox/Checkbox.js";
 import { CheckboxButton as h } from "./CheckboxButton/CheckboxButton.js";
 import { CheckboxButtonBar as P } from "./CheckboxButtonBar/CheckboxButtonBar.js";
 import { CheckboxTree as y } from "./CheckboxTree/CheckboxTree.js";
-import { Chip as T } from "./Chip/Chip.js";
+import { Chip as v } from "./Chip/Chip.js";
 import { Drawer as w } from "./Drawer/Drawer.js";
 import { EmptyStateDataDisplay as O } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
 import { FeedbackBar as H } from "./FeedbackBar/FeedbackBar.js";
@@ -40,7 +40,7 @@ import { OverlayStepBar as Lo } from "./OverlayStepBar/OverlayStepBar.js";
 import { PageOverlay as Ao } from "./PageOverlay/PageOverlay.js";
 import { Periods as Ro } from "./Periods/Periods.js";
 import { PeriodSelector as Do } from "./PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as vo } from "./ProgrammeCard/ProgrammeCard.js";
+import { ProgrammeCard as To } from "./ProgrammeCard/ProgrammeCard.js";
 import { RadioButton as Go } from "./RadioButton/RadioButton.js";
 import { RadioGroup as Eo } from "./RadioGroup/RadioGroup.js";
 import { Repeater as zo } from "./Repeater/Repeater.js";
@@ -53,10 +53,9 @@ import { Spinner as $o } from "./Spinner/Spinner.js";
 import { StatusBadge as rr } from "./StatusBadge/StatusBage.js";
 import { StatusPill as er } from "./StatusPill/StatusPill.js";
 import { TextArea as xr } from "./TextArea/TextArea.js";
-import { Timeline as fr } from "./Timeline/Timeline.js";
-import { ToggleSwitch as ir } from "./ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as lr } from "./Tooltip/Tooltip.js";
-import { VarIndicator as dr } from "./VarIndicator/VarIndicator.js";
+import { ToggleSwitch as fr } from "./ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as ir } from "./Tooltip/Tooltip.js";
+import { VarIndicator as lr } from "./VarIndicator/VarIndicator.js";
 export {
   t as Accordion,
   p as AccordionCard,
@@ -71,7 +70,7 @@ export {
   h as CheckboxButton,
   P as CheckboxButtonBar,
   y as CheckboxTree,
-  T as Chip,
+  v as Chip,
   w as Drawer,
   O as EmptyStateDataDisplay,
   H as FeedbackBar,
@@ -100,7 +99,7 @@ export {
   Ao as PageOverlay,
   Do as PeriodSelector,
   Ro as Periods,
-  vo as ProgrammeCard,
+  To as ProgrammeCard,
   Go as RadioButton,
   Eo as RadioGroup,
   zo as Repeater,
@@ -114,10 +113,9 @@ export {
   rr as StatusBadge,
   er as StatusPill,
   xr as TextArea,
-  fr as Timeline,
-  ir as ToggleSwitch,
-  lr as Tooltip,
-  dr as VarIndicator,
+  fr as ToggleSwitch,
+  ir as Tooltip,
+  lr as VarIndicator,
   Xo as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -13,7 +13,7 @@ import { Checkbox as I } from "./components/Checkbox/Checkbox.js";
 import { CheckboxButton as h } from "./components/CheckboxButton/CheckboxButton.js";
 import { CheckboxButtonBar as P } from "./components/CheckboxButtonBar/CheckboxButtonBar.js";
 import { CheckboxTree as y } from "./components/CheckboxTree/CheckboxTree.js";
-import { Chip as T } from "./components/Chip/Chip.js";
+import { Chip as v } from "./components/Chip/Chip.js";
 import { Drawer as w } from "./components/Drawer/Drawer.js";
 import { EmptyStateDataDisplay as O } from "./components/EmptyStateDataDisplay/EmptyStateDataDisplay.js";
 import { FeedbackBar as H } from "./components/FeedbackBar/FeedbackBar.js";
@@ -40,7 +40,7 @@ import { OverlayStepBar as Lo } from "./components/OverlayStepBar/OverlayStepBar
 import { PageOverlay as Ao } from "./components/PageOverlay/PageOverlay.js";
 import { Periods as Ro } from "./components/Periods/Periods.js";
 import { PeriodSelector as Do } from "./components/PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as vo } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { ProgrammeCard as To } from "./components/ProgrammeCard/ProgrammeCard.js";
 import { RadioButton as Go } from "./components/RadioButton/RadioButton.js";
 import { RadioGroup as Eo } from "./components/RadioGroup/RadioGroup.js";
 import { Repeater as zo } from "./components/Repeater/Repeater.js";
@@ -53,10 +53,9 @@ import { Spinner as $o } from "./components/Spinner/Spinner.js";
 import { StatusBadge as rr } from "./components/StatusBadge/StatusBage.js";
 import { StatusPill as er } from "./components/StatusPill/StatusPill.js";
 import { TextArea as xr } from "./components/TextArea/TextArea.js";
-import { Timeline as fr } from "./components/Timeline/Timeline.js";
-import { ToggleSwitch as ir } from "./components/ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as lr } from "./components/Tooltip/Tooltip.js";
-import { VarIndicator as dr } from "./components/VarIndicator/VarIndicator.js";
+import { ToggleSwitch as fr } from "./components/ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as ir } from "./components/Tooltip/Tooltip.js";
+import { VarIndicator as lr } from "./components/VarIndicator/VarIndicator.js";
 export {
   t as Accordion,
   p as AccordionCard,
@@ -71,7 +70,7 @@ export {
   h as CheckboxButton,
   P as CheckboxButtonBar,
   y as CheckboxTree,
-  T as Chip,
+  v as Chip,
   w as Drawer,
   O as EmptyStateDataDisplay,
   H as FeedbackBar,
@@ -100,7 +99,7 @@ export {
   Ao as PageOverlay,
   Do as PeriodSelector,
   Ro as Periods,
-  vo as ProgrammeCard,
+  To as ProgrammeCard,
   Go as RadioButton,
   Eo as RadioGroup,
   zo as Repeater,
@@ -114,10 +113,9 @@ export {
   rr as StatusBadge,
   er as StatusPill,
   xr as TextArea,
-  fr as Timeline,
-  ir as ToggleSwitch,
-  lr as Tooltip,
-  dr as VarIndicator,
+  fr as ToggleSwitch,
+  ir as Tooltip,
+  lr as VarIndicator,
   Xo as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "3.19.3",
+  "version": "3.20.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/TimelineItem-ClDZJkaZ.js

@@ -1,60 +0,0 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { c as m } from "./clsx-OuTLNxxd.js";
-import './assets/TimelineItem.css';const f = "_timeline__container_14ed5_20", u = "_timeline__list_14ed5_40", v = "_timeline__item_14ed5_47", e = {
-  timeline__container: f,
-  "timeline__button-container": "_timeline__button-container_14ed5_31",
-  "timeline__button-container--active": "_timeline__button-container--active_14ed5_36",
-  timeline__list: u,
-  timeline__item: v,
-  "timeline__item--todo": "_timeline__item--todo_14ed5_78",
-  "timeline__item-title": "_timeline__item-title_14ed5_86",
-  "timeline__item--current": "_timeline__item--current_14ed5_106",
-  "timeline__item--rejected": "_timeline__item--rejected_14ed5_121",
-  "timeline__item--draft": "_timeline__item--draft_14ed5_129",
-  "timeline__item-label": "_timeline__item-label_14ed5_140",
-  "timeline__item-dark-label": "_timeline__item-dark-label_14ed5_141",
-  "timeline__item-card": "_timeline__item-card_14ed5_152",
-  "timeline__item--verified": "_timeline__item--verified_14ed5_164",
-  "timeline__item--submitted": "_timeline__item--submitted_14ed5_192"
-}, N = ({
-  title: r,
-  type: i,
-  reason: c,
-  subtitle: n,
-  tasks: l,
-  completed: _ = !1,
-  position: s
-}) => /* @__PURE__ */ d(
-  "li",
-  {
-    className: m(e.timeline__item, {
-      [e["timeline__item--active"]]: i === "active" && !_,
-      [e["timeline__item--todo"]]: i === "active" && !_ || i === "submitted" && !_,
-      [e["timeline__item--submitted"]]: i === "submitted" && !_,
-      [e["timeline__item--draft"]]: i === "draft",
-      [e["timeline__item--current"]]: i === "draft" && s === 0,
-      [e["timeline__item--rejected"]]: i === "rejected",
-      [e["timeline__item--submitted"]]: i === "submitted",
-      [e["timeline__item--verified"]]: i === "verified"
-    }),
-    children: [
-      /* @__PURE__ */ t("span", { className: e["timeline__item-title"], "data-reason": c, children: r }),
-      n && /* @__PURE__ */ t("span", { className: e["timeline__item-dark-label"], children: n }),
-      l && l.map(({ title: a, assignee: o }, b) => /* @__PURE__ */ d("div", { className: e["timeline__item-card"], children: [
-        /* @__PURE__ */ t(
-          "span",
-          {
-            className: m(i === "rejected" ? e["timeline__item-dark-label"] : e["timeline__item-label"]),
-            children: a
-          }
-        ),
-        /* @__PURE__ */ t("span", { className: m(i === "rejected" ? e["timeline__item-label"] : e["timeline__item-info"]), children: o })
-      ] }, `${a}_${b}`))
-    ]
-  }
-);
-export {
-  N as T,
-  e as s
-};
-//# sourceMappingURL=TimelineItem-ClDZJkaZ.js.map

package/dist/TimelineItem-ClDZJkaZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineItem-ClDZJkaZ.js","sources":["../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { TimelineItemProps } from './Timeline';\n\nimport styles from 'components/Timeline/Timeline.module.css';\n\nexport const TimelineItem = ({\n  title,\n  type,\n  reason,\n  subtitle,\n  tasks,\n  completed = false,\n  position,\n}: TimelineItemProps) => (\n  <li\n    className={clsx(styles['timeline__item'], {\n      [styles['timeline__item--active']]: type === 'active' && !completed,\n      [styles['timeline__item--todo']]: (type === 'active' && !completed) || (type === 'submitted' && !completed),\n      [styles['timeline__item--submitted']]: type === 'submitted' && !completed,\n\n      [styles['timeline__item--draft']]: type === 'draft',\n      [styles['timeline__item--current']]: type === 'draft' && position === 0,\n      [styles['timeline__item--rejected']]: type === 'rejected',\n      [styles['timeline__item--submitted']]: type === 'submitted',\n      [styles['timeline__item--verified']]: type === 'verified',\n    })}\n  >\n    <span className={styles['timeline__item-title']} data-reason={reason}>\n      {title}\n    </span>\n    {subtitle && <span className={styles['timeline__item-dark-label']}>{subtitle}</span>}\n    {tasks &&\n      tasks.map(({ title, assignee }, idx) => (\n        <div className={styles['timeline__item-card']} key={`${title}_${idx}`}>\n          <span\n            className={clsx(type === 'rejected' ? styles['timeline__item-dark-label'] : styles['timeline__item-label'])}\n          >\n            {title}\n          </span>\n          <span className={clsx(type === 'rejected' ? styles['timeline__item-label'] : styles['timeline__item-info'])}>\n            {assignee}\n          </span>\n        </div>\n      ))}\n  </li>\n);\n"],"names":["TimelineItem","title","type","reason","subtitle","tasks","completed","position","jsxs","clsx","styles","jsx","assignee","idx"],"mappings":";;;;;;;;;;;;;;;;;;GAMaA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AACF,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,gBAAmB;AAAA,MACxC,CAACA,EAAO,wBAAwB,CAAC,GAAGR,MAAS,YAAY,CAACI;AAAA,MAC1D,CAACI,EAAO,sBAAsB,CAAC,GAAIR,MAAS,YAAY,CAACI,KAAeJ,MAAS,eAAe,CAACI;AAAA,MACjG,CAACI,EAAO,2BAA2B,CAAC,GAAGR,MAAS,eAAe,CAACI;AAAA,MAEhE,CAACI,EAAO,uBAAuB,CAAC,GAAGR,MAAS;AAAA,MAC5C,CAACQ,EAAO,yBAAyB,CAAC,GAAGR,MAAS,WAAWK,MAAa;AAAA,MACtE,CAACG,EAAO,0BAA0B,CAAC,GAAGR,MAAS;AAAA,MAC/C,CAACQ,EAAO,2BAA2B,CAAC,GAAGR,MAAS;AAAA,MAChD,CAACQ,EAAO,0BAA0B,CAAC,GAAGR,MAAS;AAAA,IAAA,CAChD;AAAA,IAED,UAAA;AAAA,MAAA,gBAAAS,EAAC,UAAK,WAAWD,EAAO,sBAAsB,GAAG,eAAaP,GAC3D,UACHF,GAAA;AAAA,MACCG,KAAa,gBAAAO,EAAA,QAAA,EAAK,WAAWD,EAAO,2BAA2B,GAAI,UAASN,GAAA;AAAA,MAC5EC,KACCA,EAAM,IAAI,CAAC,EAAE,OAAAJ,GAAO,UAAAW,EAAS,GAAGC,MAC7B,gBAAAL,EAAA,OAAA,EAAI,WAAWE,EAAO,qBAAqB,GAC1C,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAKP,MAAS,aAAaQ,EAAO,2BAA2B,IAAIA,EAAO,sBAAsB,CAAC;AAAA,YAEzG,UAAAT;AAAAA,UAAA;AAAA,QACH;AAAA,QACC,gBAAAU,EAAA,QAAA,EAAK,WAAWF,EAAKP,MAAS,aAAaQ,EAAO,sBAAsB,IAAIA,EAAO,qBAAqB,CAAC,GACvG,UACHE,EAAA,CAAA;AAAA,MAAA,EAAA,GARkD,GAAGX,CAAK,IAAIY,CAAG,EASnE,CACD;AAAA,IAAA;AAAA,EAAA;AACL;"}

package/dist/assets/TimelineItem.css

@@ -1 +0,0 @@
-:root{--gray-100: #faf9f9;--gray-200: #f5f4f4;--gray-300: #e7e5e4;--gray-400: #d6d3d1;--gray-500: #a8a19e;--gray-600: #78706c;--gray-700: #57514e;--gray-800: #433f3d;--gray-900: #282625;--uva-black: #000;--uva-white: #fff}._timeline__container_14ed5_20{align-items:flex-start;background-color:var(--uva-white);display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:.25rem 1rem;width:100%}._timeline__button-container_14ed5_31{margin-bottom:-.25rem;margin-left:1.5rem}._timeline__button-container--active_14ed5_36{margin-bottom:.75rem}._timeline__list_14ed5_40{list-style:none;margin:0;padding:0;width:100%}._timeline__item_14ed5_47{display:flex;flex-direction:column;padding-bottom:1.25rem;position:relative;width:100%}._timeline__item_14ed5_47:empty{min-height:1rem}._timeline__item_14ed5_47:not(:last-child):before{background-color:var(--uva-black);border:none;bottom:-1.25rem;content:"";left:.25rem;position:absolute;top:.825rem;width:1px}._timeline__item_14ed5_47:last-child{padding-bottom:0}._timeline__item_14ed5_47:nth-last-child(2):before{bottom:-.5rem}._timeline__item--todo_14ed5_78:not(:last-child):before{background:repeating-linear-gradient(to bottom,transparent 0 4px,var(--gray-400) 4px 8px) 80%/2px 100% no-repeat}._timeline__item_14ed5_47:empty:before{top:-1rem}._timeline__item-title_14ed5_86{align-items:center;display:inline-flex;font-family:inherit;font-size:var(--font-size-sm);margin-bottom:.25rem;position:relative}._timeline__item-title_14ed5_86:before{background-color:var(--uva-black);border-radius:50%;content:"";height:.375rem;margin-left:.0625rem;margin-right:1.0625rem;position:relative;width:.375rem}._timeline__item--current_14ed5_106 ._timeline__item-title_14ed5_86{font-weight:var(--semibold)}._timeline__item--current_14ed5_106 ._timeline__item-title_14ed5_86:before{height:.5rem;margin-left:0;margin-right:1rem;width:.5rem}._timeline__item--todo_14ed5_78 ._timeline__item-title_14ed5_86:before{background-color:var(--gray-400)}._timeline__item--rejected_14ed5_121 ._timeline__item-title_14ed5_86:before{border-radius:0;height:.125rem;margin-left:0;margin-right:1rem;width:.5rem}._timeline__item--draft_14ed5_129:last-child ._timeline__item-title_14ed5_86:before{background-color:var(--uva-black);border-radius:50%;content:"";height:.375rem;margin-left:.0625rem;margin-right:1.0625rem;position:relative;width:.375rem}._timeline__item-label_14ed5_140,._timeline__item-dark-label_14ed5_141{color:var(--gray-700);font-size:var(--font-size-text-non-essential)}._timeline__item-dark-label_14ed5_141{color:var(--uva-black);margin-bottom:.25rem;margin-left:1.5rem}._timeline__item-card_14ed5_152{display:flex;flex-direction:column;margin-bottom:.125rem;margin-left:1.5rem;padding:.5rem 0}._timeline__item-card_14ed5_152 ._timeline__item-dark-label_14ed5_141{margin-left:0}._timeline__item--verified_14ed5_164 ._timeline__item-card_14ed5_152{margin-top:-.25rem;padding:.125rem 0}._timeline__item--rejected_14ed5_121{margin-bottom:-.25rem}._timeline__item--rejected_14ed5_121 ._timeline__item-card_14ed5_152{margin-top:-.25rem;padding:.125rem 0}._timeline__item--draft_14ed5_129{margin-bottom:.5rem}._timeline__item--draft_14ed5_129 ._timeline__item-card_14ed5_152{margin-top:-.25rem;padding:.125rem 0}._timeline__item--todo_14ed5_78 ._timeline__item-card_14ed5_152{background-color:var(--gray-200);padding:.5rem .75rem}._timeline__item--submitted_14ed5_192:not(._timeline__item--todo_14ed5_78){margin-bottom:-.25rem}._timeline__item--submitted_14ed5_192:not(._timeline__item--todo_14ed5_78) ._timeline__item-card_14ed5_152{margin-top:-.25rem;padding:.125rem 0}._timeline__item--draft_14ed5_129:not(:last-child) ._timeline__item-card_14ed5_152{background-color:var(--gray-200);padding:.5rem .75rem}._timeline__item--verified_14ed5_164{margin-bottom:-.25rem}._timeline__item--verified_14ed5_164 ._timeline__item-title_14ed5_86:after{background-color:var(--gray-200);color:var(--color-grey-500);content:attr(data-reason);font-size:var(--font-size-text-non-essential);margin-left:.5rem;padding:.25rem .5rem}

package/dist/components/Timeline/Timeline.d.ts

@@ -1,23 +0,0 @@
-type NodeTypes = 'active' | 'draft' | 'rejected' | 'verified' | 'submitted';
-export interface TimelineItemProps {
-    title: string;
-    type: NodeTypes;
-    reason?: string;
-    subtitle?: string;
-    tasks?: {
-        title?: string;
-        assignee?: string;
-    }[];
-    completed: boolean;
-    position: number;
-}
-export interface TimelineProps {
-    /** Is the task is completed */
-    timelineData: TimelineItemProps[];
-    /** Label of the button is inclomplete tasks are hidden */
-    showLabel: string;
-    /** Label of the button is inclomplete tasks are shown */
-    hideLabel: string;
-}
-export declare const Timeline: ({ timelineData, showLabel, hideLabel }: TimelineProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Timeline/Timeline.js

@@ -1,29 +0,0 @@
-import { jsxs as s, jsx as n, Fragment as h } from "react/jsx-runtime";
-import { useState as u, createElement as r } from "react";
-import { c } from "../../clsx-OuTLNxxd.js";
-import { s as t, T as a } from "../../TimelineItem-ClDZJkaZ.js";
-import { Button as T } from "../Buttons/Button.js";
-import "../Buttons/LinkButton.js";
-import "@react-aria/button";
-const y = ({ timelineData: l, showLabel: p, hideLabel: _ }) => {
-  const [i, d] = u(!1), f = l.filter((e) => e.completed), m = l.filter((e) => !e.completed);
-  return /* @__PURE__ */ s("div", { className: t.timeline__container, children: [
-    m.length > 0 && /* @__PURE__ */ n(
-      "div",
-      {
-        className: c(t["timeline__button-container"], [
-          i && t["timeline__button-container--active"]
-        ]),
-        children: /* @__PURE__ */ n(T, { variant: "blank-subtle", onClick: () => d(!i), children: i ? `${_}` : `${p}` })
-      }
-    ),
-    /* @__PURE__ */ s("ul", { className: t.timeline__list, children: [
-      i ? /* @__PURE__ */ n(h, { children: m.map((e, o) => /* @__PURE__ */ r(a, { ...e, key: `${o}_${e.title}` })) }) : /* @__PURE__ */ n("li", { className: c(t.timeline__item, t["timeline__item--todo"]) }),
-      f.map((e, o) => /* @__PURE__ */ r(a, { ...e, key: `${o}_${e.title}`, position: o }))
-    ] })
-  ] });
-};
-export {
-  y as Timeline
-};
-//# sourceMappingURL=Timeline.js.map

package/dist/components/Timeline/Timeline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline.js","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useState } from 'react';\n\nimport styles from './Timeline.module.css';\n\nimport { TimelineItem } from 'components/Timeline/TimelineItem';\nimport { Button } from 'components/Buttons';\n\ntype NodeTypes = 'active' | 'draft' | 'rejected' | 'verified' | 'submitted';\n\nexport interface TimelineItemProps {\n  title: string;\n  type: NodeTypes;\n  reason?: string;\n  subtitle?: string;\n  tasks?: {\n    title?: string;\n    assignee?: string;\n  }[];\n  completed: boolean;\n  position: number;\n}\nexport interface TimelineProps {\n  /** Is the task is completed */\n  timelineData: TimelineItemProps[];\n  /** Label of the button is inclomplete tasks are hidden */\n  showLabel: string;\n  /** Label of the button is inclomplete tasks are shown */\n  hideLabel: string;\n}\n\nexport const Timeline = ({ timelineData, showLabel, hideLabel }: TimelineProps) => {\n  const [showTodo, setShowTodo] = useState(false);\n  const completedTasks = timelineData.filter((task) => task.completed);\n  const pendingTasks = timelineData.filter((task) => !task.completed);\n\n  return (\n    <div className={styles['timeline__container']}>\n      {pendingTasks.length > 0 && (\n        <div\n          className={clsx(styles['timeline__button-container'], [\n            showTodo && styles['timeline__button-container--active'],\n          ])}\n        >\n          <Button variant=\"blank-subtle\" onClick={() => setShowTodo(!showTodo)}>\n            {showTodo ? `${hideLabel}` : `${showLabel}`}\n          </Button>\n        </div>\n      )}\n      <ul className={styles['timeline__list']}>\n        {showTodo ? (\n          <>\n            {pendingTasks.map((data: TimelineItemProps, idx: number) => (\n              <TimelineItem {...data} key={`${idx}_${data.title}`} />\n            ))}\n          </>\n        ) : (\n          <li className={clsx(styles['timeline__item'], styles['timeline__item--todo'])}></li>\n        )}\n        {completedTasks.map((data: TimelineItemProps, idx: number) => (\n          <TimelineItem {...data} key={`${idx}_${data.title}`} position={idx} />\n        ))}\n      </ul>\n    </div>\n  );\n};\n"],"names":["Timeline","timelineData","showLabel","hideLabel","showTodo","setShowTodo","useState","completedTasks","task","pendingTasks","jsxs","styles","jsx","clsx","Button","Fragment","data","idx","createElement","TimelineItem"],"mappings":";;;;;;;AA+BO,MAAMA,IAAW,CAAC,EAAE,cAAAC,GAAc,WAAAC,GAAW,WAAAC,QAA+B;AACjF,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAiBN,EAAa,OAAO,CAACO,MAASA,EAAK,SAAS,GAC7DC,IAAeR,EAAa,OAAO,CAACO,MAAS,CAACA,EAAK,SAAS;AAElE,SACG,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAO,qBACpB,UAAA;AAAA,IAAAF,EAAa,SAAS,KACrB,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAKF,EAAO,4BAA4B,GAAG;AAAA,UACpDP,KAAYO,EAAO,oCAAoC;AAAA,QAAA,CACxD;AAAA,QAED,4BAACG,GAAO,EAAA,SAAQ,gBAAe,SAAS,MAAMT,EAAY,CAACD,CAAQ,GAChE,cAAW,GAAGD,CAAS,KAAK,GAAGD,CAAS,GAC3C,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAED,gBAAAQ,EAAA,MAAA,EAAG,WAAWC,EAAO,gBACnB,UAAA;AAAA,MAAAP,IAEI,gBAAAQ,EAAAG,GAAA,EAAA,UAAAN,EAAa,IAAI,CAACO,GAAyBC,MACzC,gBAAAC,EAAAC,GAAA,EAAc,GAAGH,GAAM,KAAK,GAAGC,CAAG,IAAID,EAAK,KAAK,GAAA,CAAI,CACtD,EACH,CAAA,IAEA,gBAAAJ,EAAC,MAAG,EAAA,WAAWC,EAAKF,EAAO,gBAAmBA,EAAO,sBAAsB,CAAC,GAAG;AAAA,MAEhFJ,EAAe,IAAI,CAACS,GAAyBC,MAC5C,gBAAAC,EAACC,KAAc,GAAGH,GAAM,KAAK,GAAGC,CAAG,IAAID,EAAK,KAAK,IAAI,UAAUC,GAAK,CACrE;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Timeline/Timeline.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { TimelineProps } from './Timeline';
-declare const _default: Meta<TimelineProps>;
-export default _default;
-export declare const TimelineExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TimelineProps>;

package/dist/components/Timeline/Timeline.stories.js

@@ -1,43 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Timeline as e } from "./Timeline.js";
-import { MOCK_TIMELINE_ITEM as i } from "./mockTimelineItem.js";
-const n = "<Timeline data=[] showLabel={string} hideLabel={string} />", c = {
-  title: "Organisms/Timeline",
-  component: e,
-  argTypes: {
-    timelineData: {
-      description: "Data for the timeline",
-      control: {
-        type: "object"
-      }
-    },
-    showLabel: {
-      description: "Label of the button if inclomplete tasks are hidden",
-      control: {
-        type: "text"
-      }
-    },
-    hideLabel: {
-      description: "Label of the button if inclomplete tasks are shown",
-      control: {
-        type: "text"
-      }
-    }
-  },
-  parameters: {
-    inspectComponent: e,
-    codeString: n
-  }
-}, a = (t) => /* @__PURE__ */ o(e, { ...t }), s = {
-  timelineData: i,
-  showLabel: "Toon vervolgstappen",
-  hideLabel: "Verberg vervolgstappen"
-}, l = a.bind({});
-l.args = {
-  ...s
-};
-export {
-  l as TimelineExample,
-  c as default
-};
-//# sourceMappingURL=Timeline.stories.js.map

package/dist/components/Timeline/Timeline.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline.stories.js","sources":["../../../src/components/Timeline/Timeline.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { TimelineProps, TimelineItemProps } from './Timeline';\n\nimport { Timeline } from './Timeline';\nimport { MOCK_TIMELINE_ITEM } from './mockTimelineItem';\n\nconst codeString = '<Timeline data=[] showLabel={string} hideLabel={string} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/Timeline',\n  component: Timeline,\n  argTypes: {\n    timelineData: {\n      description: 'Data for the timeline',\n      control: {\n        type: 'object',\n      },\n    },\n    showLabel: {\n      description: 'Label of the button if inclomplete tasks are hidden',\n      control: {\n        type: 'text',\n      },\n    },\n    hideLabel: {\n      description: 'Label of the button if inclomplete tasks are shown',\n      control: {\n        type: 'text',\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Timeline,\n    codeString: codeString,\n  },\n} as Meta<TimelineProps>;\n\nconst Template: StoryFn<TimelineProps> = (args) => <Timeline {...args} />;\n\nconst defaultArgs: Partial<TimelineProps> = {\n  timelineData: MOCK_TIMELINE_ITEM as TimelineItemProps[],\n  showLabel: 'Toon vervolgstappen',\n  hideLabel: 'Verberg vervolgstappen',\n};\n\nexport const TimelineExample = Template.bind({});\nTimelineExample.args = {\n  ...defaultArgs,\n};\n"],"names":["codeString","Timeline_stories","Timeline","Template","args","jsx","defaultArgs","MOCK_TIMELINE_ITEM","TimelineExample"],"mappings":";;;AAMA,MAAMA,IAAa,8DAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,aAAa;AAAA,MACb,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,WAAW;AAAA,MACT,aAAa;AAAA,MACb,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,WAAW;AAAA,MACT,aAAa;AAAA,MACb,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EAEJ;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAmC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAU,GAAGE,GAAM,GAEjEE,IAAsC;AAAA,EAC1C,cAAcC;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AACb,GAEaC,IAAkBL,EAAS,KAAK,CAAE,CAAA;AAC/CK,EAAgB,OAAO;AAAA,EACrB,GAAGF;AACL;"}

package/dist/components/Timeline/Timeline.test.js

@@ -1,80 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import "../../index-BqLi4tOb.js";
-import { r as n, s as e, f as i } from "../../react.esm-CsMDid07.js";
-import { MOCK_TIMELINE_ITEM as r } from "./mockTimelineItem.js";
-import "react";
-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-hxs9O_ox.js";
-import "../RteEditor/Providers/LanguageProvider.js";
-import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
-import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-DllfJcv4.js";
-import "../SelectListbox/SelectListbox.js";
-import "../SelectListbox/SelectProvider.js";
-import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-B3_u0pKv.js";
-import { Timeline as p } from "./Timeline.js";
-describe("should render", () => {
-  it("should render completed items", () => {
-    n(
-      /* @__PURE__ */ o(
-        p,
-        {
-          timelineData: r,
-          showLabel: "Toon vervolgstappen",
-          hideLabel: "Verberg vervolgstappen"
-        }
-      )
-    ), expect(e.getByText("Concept")).toBeInTheDocument(), expect(e.getByText("Vakgegevens afgewezen")).toBeInTheDocument(), expect(e.getByText("Geverifieerd 1 van 3")).toBeInTheDocument(), expect(e.getByText("Concept ingediend")).toBeInTheDocument(), expect(e.getByText("Aangemaakt")).toBeInTheDocument();
-  }), it("should switch label when button is clicked", () => {
-    n(
-      /* @__PURE__ */ o(
-        p,
-        {
-          timelineData: r,
-          showLabel: "Toon vervolgstappen",
-          hideLabel: "Verberg vervolgstappen"
-        }
-      )
-    );
-    const t = e.getByRole("button", { name: "Toon vervolgstappen" });
-    expect(t).toBeInTheDocument(), i.click(t), expect(e.getByText("Verberg vervolgstappen")).toBeInTheDocument();
-  }), it("should show incomplete tasks if button is clicked", () => {
-    n(
-      /* @__PURE__ */ o(
-        p,
-        {
-          timelineData: r,
-          showLabel: "Toon vervolgstappen",
-          hideLabel: "Verberg vervolgstappen"
-        }
-      )
-    );
-    const t = e.getByRole("button", { name: "Toon vervolgstappen" });
-    expect(t).toBeInTheDocument(), i.click(t), expect(e.getByText("Verberg vervolgstappen")).toBeInTheDocument(), expect(e.getByText("Actief")).toBeInTheDocument();
-  }), it("should not show button if there are no incomplete tasks", () => {
-    n(
-      /* @__PURE__ */ o(
-        p,
-        {
-          timelineData: r.filter(({ completed: t }) => t),
-          showLabel: "Toon vervolgstappen",
-          hideLabel: "Verberg vervolgstappen"
-        }
-      )
-    ), expect(e.queryByText("Toon vervolgstappen")).not.toBeInTheDocument();
-  });
-});
-//# sourceMappingURL=Timeline.test.js.map

package/dist/components/Timeline/Timeline.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline.test.js","sources":["../../../src/components/Timeline/Timeline.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\n\nimport type { TimelineItemProps } from './Timeline';\n\nimport { MOCK_TIMELINE_ITEM } from './mockTimelineItem';\n\nimport { Timeline } from 'components';\n\ndescribe('should render', () => {\n  it('should render completed items', () => {\n    render(\n      <Timeline\n        timelineData={MOCK_TIMELINE_ITEM as TimelineItemProps[]}\n        showLabel=\"Toon vervolgstappen\"\n        hideLabel=\"Verberg vervolgstappen\"\n      />\n    );\n    expect(screen.getByText('Concept')).toBeInTheDocument();\n    expect(screen.getByText('Vakgegevens afgewezen')).toBeInTheDocument();\n    expect(screen.getByText('Geverifieerd 1 van 3')).toBeInTheDocument();\n    expect(screen.getByText('Concept ingediend')).toBeInTheDocument();\n    expect(screen.getByText('Aangemaakt')).toBeInTheDocument();\n  });\n\n  it('should switch label when button is clicked', () => {\n    render(\n      <Timeline\n        timelineData={MOCK_TIMELINE_ITEM as TimelineItemProps[]}\n        showLabel=\"Toon vervolgstappen\"\n        hideLabel=\"Verberg vervolgstappen\"\n      />\n    );\n    const button = screen.getByRole('button', { name: 'Toon vervolgstappen' });\n    expect(button).toBeInTheDocument();\n    fireEvent.click(button);\n    expect(screen.getByText('Verberg vervolgstappen')).toBeInTheDocument();\n  });\n\n  it('should show incomplete tasks if button is clicked', () => {\n    render(\n      <Timeline\n        timelineData={MOCK_TIMELINE_ITEM as TimelineItemProps[]}\n        showLabel=\"Toon vervolgstappen\"\n        hideLabel=\"Verberg vervolgstappen\"\n      />\n    );\n    const button = screen.getByRole('button', { name: 'Toon vervolgstappen' });\n    expect(button).toBeInTheDocument();\n    fireEvent.click(button);\n    expect(screen.getByText('Verberg vervolgstappen')).toBeInTheDocument();\n    expect(screen.getByText('Actief')).toBeInTheDocument();\n  });\n\n  it('should not show button if there are no incomplete tasks', () => {\n    render(\n      <Timeline\n        timelineData={(MOCK_TIMELINE_ITEM as TimelineItemProps[]).filter(({ completed }) => completed)}\n        showLabel=\"Toon vervolgstappen\"\n        hideLabel=\"Verberg vervolgstappen\"\n      />\n    );\n    expect(screen.queryByText('Toon vervolgstappen')).not.toBeInTheDocument();\n  });\n});\n"],"names":["render","jsx","Timeline","MOCK_TIMELINE_ITEM","screen","button","fireEvent","completed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,SAAS,iBAAiB,MAAM;AAC9B,KAAG,iCAAiC,MAAM;AACxC,IAAAA;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,cAAcC;AAAA,UACd,WAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAEd,GACA,OAAOC,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB,GACtD,OAAOA,EAAO,UAAU,uBAAuB,CAAC,EAAE,kBAAkB,GACpE,OAAOA,EAAO,UAAU,sBAAsB,CAAC,EAAE,kBAAkB,GACnE,OAAOA,EAAO,UAAU,mBAAmB,CAAC,EAAE,kBAAkB,GAChE,OAAOA,EAAO,UAAU,YAAY,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC1D,GAED,GAAG,8CAA8C,MAAM;AACrD,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,cAAcC;AAAA,UACd,WAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAEd;AACA,UAAME,IAASD,EAAO,UAAU,UAAU,EAAE,MAAM,uBAAuB;AAClE,WAAAC,CAAM,EAAE,kBAAkB,GACjCC,EAAU,MAAMD,CAAM,GACtB,OAAOD,EAAO,UAAU,wBAAwB,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACtE,GAED,GAAG,qDAAqD,MAAM;AAC5D,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,cAAcC;AAAA,UACd,WAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAEd;AACA,UAAME,IAASD,EAAO,UAAU,UAAU,EAAE,MAAM,uBAAuB;AAClE,WAAAC,CAAM,EAAE,kBAAkB,GACjCC,EAAU,MAAMD,CAAM,GACtB,OAAOD,EAAO,UAAU,wBAAwB,CAAC,EAAE,kBAAkB,GACrE,OAAOA,EAAO,UAAU,QAAQ,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACtD,GAED,GAAG,2DAA2D,MAAM;AAClE,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,cAAeC,EAA2C,OAAO,CAAC,EAAE,WAAAI,EAAA,MAAgBA,CAAS;AAAA,UAC7F,WAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAEd,GACA,OAAOH,EAAO,YAAY,qBAAqB,CAAC,EAAE,IAAI,kBAAkB;AAAA,EAAA,CACzE;AACH,CAAC;"}

package/dist/components/Timeline/TimelineItem.d.ts

@@ -1,2 +0,0 @@
-import { TimelineItemProps } from './Timeline';
-export declare const TimelineItem: ({ title, type, reason, subtitle, tasks, completed, position, }: TimelineItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Timeline/TimelineItem.js

@@ -1,7 +0,0 @@
-import "react/jsx-runtime";
-import "../../clsx-OuTLNxxd.js";
-import { T as r } from "../../TimelineItem-ClDZJkaZ.js";
-export {
-  r as TimelineItem
-};
-//# sourceMappingURL=TimelineItem.js.map

package/dist/components/Timeline/TimelineItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Timeline/index.d.ts

@@ -1 +0,0 @@
-export * from './Timeline';

package/dist/components/Timeline/index.js

@@ -1,5 +0,0 @@
-import { Timeline as m } from "./Timeline.js";
-export {
-  m as Timeline
-};
-//# sourceMappingURL=index.js.map

package/dist/components/Timeline/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Timeline/mockTimelineItem.d.ts

@@ -1,30 +0,0 @@
-export declare const MOCK_TIMELINE_ITEM: ({
-    title: string;
-    type: string;
-    reason: string;
-    subtitle: string;
-    tasks: {
-        title: string;
-        assignee: string;
-    }[];
-    completed: boolean;
-} | {
-    title: string;
-    type: string;
-    tasks: {
-        title: string;
-        assignee: string;
-    }[];
-    completed: boolean;
-    reason?: undefined;
-    subtitle?: undefined;
-} | {
-    title: string;
-    type: string;
-    reason: string;
-    subtitle: string;
-    tasks: {
-        title: string;
-    }[];
-    completed: boolean;
-})[];

package/dist/components/Timeline/mockTimelineItem.js

@@ -1,95 +0,0 @@
-const e = [
-  {
-    title: "Actief",
-    type: "active",
-    completed: !1,
-    reason: "",
-    subtitle: "",
-    tasks: []
-  },
-  {
-    title: "Verificatie",
-    type: "submitted",
-    reason: "",
-    subtitle: "3 openstaande verificatietaken",
-    tasks: [
-      {
-        title: "Vakgegevens te verifiëren door",
-        assignee: "Opleidingsdirecteur"
-      },
-      {
-        title: "Vakgegevens te verifiëren door",
-        assignee: "Opleidingscoördinator"
-      },
-      {
-        title: "Vakgegevens te verifiëren door",
-        assignee: "Studiegidsredacteur"
-      }
-    ],
-    completed: !1
-  },
-  {
-    title: "Concept",
-    type: "draft",
-    reason: "",
-    subtitle: "",
-    tasks: [
-      {
-        title: "Vakgegevens opnieuw in te dienen door",
-        assignee: "Vakcoördinator"
-      }
-    ],
-    completed: !0
-  },
-  {
-    title: "Vakgegevens afgewezen",
-    type: "rejected",
-    tasks: [
-      {
-        title: "Afwijsreden: gegevens mbt de aanbiedingen kloppen nog niet.",
-        assignee: "Jane Doe als opleidingscoördinator, 14 mei 2024, 16:39"
-      }
-    ],
-    completed: !0
-  },
-  {
-    title: "Geverifieerd 1 van 3",
-    type: "verified",
-    reason: "ongeldig door afwijzing",
-    subtitle: "",
-    tasks: [
-      {
-        title: "Jan Doe als opleidingsdirecteur, 14 mei 2024, 16:38"
-      }
-    ],
-    completed: !0
-  },
-  {
-    title: "Concept ingediend",
-    type: "submitted",
-    reason: "",
-    subtitle: "",
-    tasks: [
-      {
-        title: "John Doe, 14 mei 2024, 16:37"
-      }
-    ],
-    completed: !0
-  },
-  {
-    title: "Aangemaakt",
-    type: "draft",
-    reason: "ongeldig door afwijzing",
-    subtitle: "",
-    tasks: [
-      {
-        title: "Glass jaarkopie, 14 mei 2024, 16:35"
-      }
-    ],
-    completed: !0
-  }
-];
-export {
-  e as MOCK_TIMELINE_ITEM
-};
-//# sourceMappingURL=mockTimelineItem.js.map

package/dist/components/Timeline/mockTimelineItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mockTimelineItem.js","sources":["../../../src/components/Timeline/mockTimelineItem.ts"],"sourcesContent":["export const MOCK_TIMELINE_ITEM = [\n  {\n    title: 'Actief',\n    type: 'active',\n    completed: false,\n    reason: '',\n    subtitle: '',\n    tasks: [],\n  },\n  {\n    title: 'Verificatie',\n    type: 'submitted',\n    reason: '',\n    subtitle: '3 openstaande verificatietaken',\n    tasks: [\n      {\n        title: 'Vakgegevens te verifiëren door',\n        assignee: 'Opleidingsdirecteur',\n      },\n      {\n        title: 'Vakgegevens te verifiëren door',\n        assignee: 'Opleidingscoördinator',\n      },\n      {\n        title: 'Vakgegevens te verifiëren door',\n        assignee: 'Studiegidsredacteur',\n      },\n    ],\n    completed: false,\n  },\n  {\n    title: 'Concept',\n    type: 'draft',\n    reason: '',\n    subtitle: '',\n    tasks: [\n      {\n        title: 'Vakgegevens opnieuw in te dienen door',\n        assignee: 'Vakcoördinator',\n      },\n    ],\n    completed: true,\n  },\n  {\n    title: 'Vakgegevens afgewezen',\n    type: 'rejected',\n    tasks: [\n      {\n        title: 'Afwijsreden: gegevens mbt de aanbiedingen kloppen nog niet.',\n        assignee: 'Jane Doe als opleidingscoördinator, 14 mei 2024, 16:39',\n      },\n    ],\n    completed: true,\n  },\n  {\n    title: 'Geverifieerd 1 van 3',\n    type: 'verified',\n    reason: 'ongeldig door afwijzing',\n    subtitle: '',\n    tasks: [\n      {\n        title: 'Jan Doe als opleidingsdirecteur, 14 mei 2024, 16:38',\n      },\n    ],\n    completed: true,\n  },\n  {\n    title: 'Concept ingediend',\n    type: 'submitted',\n    reason: '',\n    subtitle: '',\n    tasks: [\n      {\n        title: 'John Doe, 14 mei 2024, 16:37',\n      },\n    ],\n    completed: true,\n  },\n  {\n    title: 'Aangemaakt',\n    type: 'draft',\n    reason: 'ongeldig door afwijzing',\n    subtitle: '',\n    tasks: [\n      {\n        title: 'Glass jaarkopie, 14 mei 2024, 16:35',\n      },\n    ],\n    completed: true,\n  },\n];\n"],"names":["MOCK_TIMELINE_ITEM"],"mappings":"AAAO,MAAMA,IAAqB;AAAA,EAChC;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO,CAAA;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAEd;AAAA,IACA,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAEd;AAAA,IACA,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAEd;AAAA,IACA,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,WAAW;AAAA,EAAA;AAEf;"}