@instructure/platform-modules 1.13.0 → 1.14.0

package/dist/edit.js

@@ -1,110 +1,125 @@
-import { C as P, X as w, D as C, u as E, ae as A, i as q, c as B } from "./chunks/useModulesPageData-BFCZuChP.js";
-import { useQueryClient as S, useMutation as $ } from "@tanstack/react-query";
-import { useMemo as j } from "react";
-const b = (o) => o.map((a, r) => ({ ...a, position: r + 1 })), f = (o, a, r) => {
-  const l = r === void 0 ? o.length : Math.min(Math.max(r - 1, 0), o.length);
-  return [...o.slice(0, l), a, ...o.slice(l)];
-}, v = (o, a) => {
-  const r = new Map(a.map((l, u) => [l, u]));
-  return [...o].sort((l, u) => (r.get(l.id) ?? a.length) - (r.get(u.id) ?? a.length));
+import { P as X, a7 as Y, Q as J, k as N, aw as K, i as Z, c as ee, u as w, q as D, y as O, v as te, an as ne, ak as ie, aH as E, A as oe, B as $, n as z, aI as le, aJ as re, z as se, p as ae } from "./chunks/ModulesProgressBar-B4fXbi-4.js";
+import { useQueryClient as de, useMutation as ue } from "@tanstack/react-query";
+import { useMemo as j, Fragment as U, useState as ce } from "react";
+import { jsx as t, jsxs as f, Fragment as W } from "react/jsx-runtime";
+import { TruncateWithTooltip as me, getLiveRegion as H, politeAnnounce as pe } from "@instructure/platform-instui-bindings";
+import { Alert as x } from "@instructure/ui-alerts/v11_7";
+import { Heading as G } from "@instructure/ui-heading/v11_7";
+import { Pagination as V } from "@instructure/ui-pagination/v11_7";
+import { Spinner as Q } from "@instructure/ui-spinner/v11_7";
+import { Text as L } from "@instructure/ui-text/v11_7";
+import { View as y } from "@instructure/ui-view/v11_7";
+import { ScreenReaderContent as ge } from "@instructure/ui-a11y-content";
+import { IconButton as he, Button as Me } from "@instructure/ui-buttons/v11_7";
+import { Flex as b } from "@instructure/ui-flex/v11_7";
+import { CornerDownRightInstUIIcon as Ie, IconArrowOpenUpLine as fe, IconArrowOpenDownLine as ve, LayersInstUIIcon as be, ListChecksInstUIIcon as ye, ClockInstUIIcon as Pe, LockInstUIIcon as Ae } from "@instructure/ui-icons";
+import { List as Le, ListItem as ke } from "@instructure/ui-list/v11_7";
+import { Pill as we } from "@instructure/ui-pill/v11_7";
+import { Link as Ce } from "@instructure/ui-link/v11_7";
+const k = (e) => e.map((o, l) => ({ ...o, position: l + 1 })), B = (e, o, l) => {
+  const r = l === void 0 ? e.length : Math.min(Math.max(l - 1, 0), e.length);
+  return [...e.slice(0, r), o, ...e.slice(r)];
+}, S = (e, o) => {
+  const l = new Map(o.map((r, s) => [r, s]));
+  return [...e].sort((r, s) => (l.get(r.id) ?? o.length) - (l.get(s.id) ?? o.length));
 };
-function k(o, a = {}) {
-  const r = (t) => {
-    if (t !== o.courseId)
-      throw new w(o.courseId, t);
-  }, l = (t) => {
-    const e = o.modules.findIndex((s) => s.id === t);
-    if (e === -1) throw new Error(`in-memory adapter has no module ${t}`);
-    return e;
-  }, u = (t) => o.itemsByModuleId[t] ?? [], M = (t, e) => {
-    o.itemsByModuleId[t] = b(e.map((s) => ({ ...s, moduleId: t })));
-  }, m = (t) => String(t.reduce((e, s) => Math.max(e, Number(s) || 0), 0) + 1);
+function at(e, o = {}) {
+  const l = (n) => {
+    if (n !== e.courseId)
+      throw new Y(e.courseId, n);
+  }, r = (n) => {
+    const i = e.modules.findIndex((a) => a.id === n);
+    if (i === -1) throw new Error(`in-memory adapter has no module ${n}`);
+    return i;
+  }, s = (n) => e.itemsByModuleId[n] ?? [], u = (n, i) => {
+    e.itemsByModuleId[n] = k(i.map((a) => ({ ...a, moduleId: n })));
+  }, c = (n) => String(n.reduce((i, a) => Math.max(i, Number(a) || 0), 0) + 1);
   return {
-    ...P(o, a),
-    async createModule({ courseId: t, name: e, position: s }) {
-      r(t);
-      const i = {
-        id: m(o.modules.map((d) => d.id)),
-        name: e,
+    ...X(e, o),
+    async createModule({ courseId: n, name: i, position: a }) {
+      l(n);
+      const p = {
+        id: c(e.modules.map((d) => d.id)),
+        name: i,
         position: 0,
         published: !1,
         itemCount: 0,
         prerequisiteModules: [],
         requireSequentialProgress: !1
       };
-      return o.modules = b(f(o.modules, i, s)), o.itemsByModuleId[i.id] = [], o.modules[l(i.id)];
+      return e.modules = k(B(e.modules, p, a)), e.itemsByModuleId[p.id] = [], e.modules[r(p.id)];
     },
-    async updateModule({ courseId: t, moduleId: e, patch: s }) {
-      r(t);
-      const { prerequisiteModuleIds: i, position: d, ...n } = s, p = o.modules[l(e)], h = { ...p, ...n };
-      i && (h.prerequisiteModules = i.map((c) => ({
-        id: c,
-        name: o.modules[l(c)].name
+    async updateModule({ courseId: n, moduleId: i, patch: a }) {
+      l(n);
+      const { prerequisiteModuleIds: p, position: d, ...m } = a, h = e.modules[r(i)], M = { ...h, ...m };
+      p && (M.prerequisiteModules = p.map((I) => ({
+        id: I,
+        name: e.modules[r(I)].name
       })));
-      const g = o.modules.filter((c) => c.id !== e);
-      return o.modules = b(f(g, h, d ?? p.position)), o.modules[l(e)];
+      const P = e.modules.filter((I) => I.id !== i);
+      return e.modules = k(B(P, M, d ?? h.position)), e.modules[r(i)];
     },
-    async deleteModule({ courseId: t, moduleId: e }) {
-      r(t), l(e), o.modules = b(o.modules.filter((s) => s.id !== e)), delete o.itemsByModuleId[e];
+    async deleteModule({ courseId: n, moduleId: i }) {
+      l(n), r(i), e.modules = k(e.modules.filter((a) => a.id !== i)), delete e.itemsByModuleId[i];
     },
-    async reorderModules({ courseId: t, moduleIds: e }) {
-      r(t), o.modules = b(v(o.modules, e));
+    async reorderModules({ courseId: n, moduleIds: i }) {
+      l(n), e.modules = k(S(e.modules, i));
     },
-    async setModulesPublished({ courseId: t, moduleIds: e, published: s, includeItems: i }) {
-      r(t);
+    async setModulesPublished({ courseId: n, moduleIds: i, published: a, includeItems: p }) {
+      l(n);
       const d = new Set(
-        e === "all" ? o.modules.map((n) => n.id) : e
+        i === "all" ? e.modules.map((m) => m.id) : i
       );
-      if (o.modules = o.modules.map(
-        (n) => d.has(n.id) ? { ...n, published: s } : n
-      ), !!i)
-        for (const n of d)
-          M(
-            n,
-            u(n).map((p) => ({ ...p, published: s }))
+      if (e.modules = e.modules.map(
+        (m) => d.has(m.id) ? { ...m, published: a } : m
+      ), !!p)
+        for (const m of d)
+          u(
+            m,
+            s(m).map((h) => ({ ...h, published: a }))
           );
     },
-    async createModuleItem({ courseId: t, moduleId: e, type: s, title: i, position: d, indent: n = 0, extensions: p }) {
-      r(t), l(e);
-      const h = Object.values(o.itemsByModuleId).flatMap(
-        (c) => c.map((y) => y.id)
-      ), g = {
-        id: m(h),
-        moduleId: e,
-        title: i,
-        type: s,
+    async createModuleItem({ courseId: n, moduleId: i, type: a, title: p, position: d, indent: m = 0, extensions: h }) {
+      l(n), r(i);
+      const M = Object.values(e.itemsByModuleId).flatMap(
+        (I) => I.map((v) => v.id)
+      ), P = {
+        id: c(M),
+        moduleId: i,
+        title: p,
+        type: a,
         position: 0,
-        indent: n,
+        indent: m,
         published: !1,
-        ...p ? { extensions: p } : {}
+        ...h ? { extensions: h } : {}
       };
-      return M(e, f(u(e), g, d)), u(e).find((c) => c.id === g.id);
+      return u(i, B(s(i), P, d)), s(i).find((I) => I.id === P.id);
     },
-    async updateModuleItem({ courseId: t, moduleId: e, itemId: s, patch: i }) {
-      r(t);
-      const { moduleId: d = e, position: n, ...p } = i;
-      l(d);
-      const h = u(e).find((y) => y.id === s);
-      if (!h) throw new Error(`in-memory adapter has no item ${s} in module ${e}`);
-      M(
-        e,
-        u(e).filter((y) => y.id !== s)
+    async updateModuleItem({ courseId: n, moduleId: i, itemId: a, patch: p }) {
+      l(n);
+      const { moduleId: d = i, position: m, ...h } = p;
+      r(d);
+      const M = s(i).find((v) => v.id === a);
+      if (!M) throw new Error(`in-memory adapter has no item ${a} in module ${i}`);
+      u(
+        i,
+        s(i).filter((v) => v.id !== a)
       );
-      const c = n ?? (d !== e ? void 0 : h.position);
-      return M(d, f(u(d), { ...h, ...p }, c)), u(d).find((y) => y.id === s);
+      const I = m ?? (d !== i ? void 0 : M.position);
+      return u(d, B(s(d), { ...M, ...h }, I)), s(d).find((v) => v.id === a);
     },
-    async deleteModuleItem({ courseId: t, moduleId: e, itemId: s }) {
-      r(t), M(
-        e,
-        u(e).filter((i) => i.id !== s)
+    async deleteModuleItem({ courseId: n, moduleId: i, itemId: a }) {
+      l(n), u(
+        i,
+        s(i).filter((p) => p.id !== a)
       );
     },
-    async reorderModuleItems({ courseId: t, moduleId: e, itemIds: s }) {
-      r(t), M(e, v(u(e), s));
+    async reorderModuleItems({ courseId: n, moduleId: i, itemIds: a }) {
+      l(n), u(i, S(s(i), a));
     }
   };
 }
-const D = [
+const Te = [
   "createModule",
   "updateModule",
   "deleteModule",
@@ -115,75 +130,441 @@ const D = [
   "deleteModuleItem",
   "reorderModuleItems"
 ];
-function I(o, a, r, l, u) {
-  return $({
-    mutationFn: (M) => !a[o] || !l ? Promise.reject(new Error(`${o} is not available to this editor`)) : l({ ...M, courseId: r }),
+function A(e, o, l, r, s) {
+  return ue({
+    mutationFn: (u) => !o[e] || !r ? Promise.reject(new Error(`${e} is not available to this editor`)) : r({ ...u, courseId: l }),
     // Settled, not success: a bulk write that fails partway has still committed part of itself.
-    onSettled: (M, m, t) => u(t)
+    onSettled: (u, c, n) => s(n)
   });
 }
-function F(o) {
-  const { adapter: a, courseId: r } = o, l = C({ ...o, view: "teacher" }), u = S(), { permissions: M } = E(), m = j(
+function dt(e) {
+  const { adapter: o, courseId: l } = e, r = J({ ...e, view: "teacher" }), s = de(), { permissions: u } = N(), c = j(
     () => Object.fromEntries(
-      D.map((d) => [
+      Te.map((d) => [
         d,
-        typeof a[d] == "function" && M[d] !== !1
+        typeof o[d] == "function" && u[d] !== !1
       ])
     ),
-    [a, M]
-  ), t = () => q(u, r), e = (...d) => Promise.all([
-    t(),
-    ...d.map((n) => B(u, r, n))
-  ]), s = (d) => {
-    var n;
-    return (n = a[d]) == null ? void 0 : n.bind(a);
-  }, i = {
-    createModule: I("createModule", m, r, s("createModule"), t),
-    updateModule: I("updateModule", m, r, s("updateModule"), t),
-    deleteModule: I("deleteModule", m, r, s("deleteModule"), t),
-    reorderModules: I("reorderModules", m, r, s("reorderModules"), t),
-    setModulesPublished: I(
+    [o, u]
+  ), n = () => Z(s, l), i = (...d) => Promise.all([
+    n(),
+    ...d.map((m) => ee(s, l, m))
+  ]), a = (d) => {
+    var m;
+    return (m = o[d]) == null ? void 0 : m.bind(o);
+  }, p = {
+    createModule: A("createModule", c, l, a("createModule"), n),
+    updateModule: A("updateModule", c, l, a("updateModule"), n),
+    deleteModule: A("deleteModule", c, l, a("deleteModule"), n),
+    reorderModules: A("reorderModules", c, l, a("reorderModules"), n),
+    setModulesPublished: A(
       "setModulesPublished",
-      m,
-      r,
-      s("setModulesPublished"),
-      ({ includeItems: d }) => d ? A(u, r) : t()
+      c,
+      l,
+      a("setModulesPublished"),
+      ({ includeItems: d }) => d ? K(s, l) : n()
     ),
-    createModuleItem: I(
+    createModuleItem: A(
       "createModuleItem",
-      m,
-      r,
-      s("createModuleItem"),
-      ({ moduleId: d }) => e(d)
+      c,
+      l,
+      a("createModuleItem"),
+      ({ moduleId: d }) => i(d)
     ),
-    updateModuleItem: I(
+    updateModuleItem: A(
       "updateModuleItem",
-      m,
-      r,
-      s("updateModuleItem"),
-      ({ moduleId: d, patch: n }) => e(
+      c,
+      l,
+      a("updateModuleItem"),
+      ({ moduleId: d, patch: m }) => i(
         d,
-        ...n.moduleId && n.moduleId !== d ? [n.moduleId] : []
+        ...m.moduleId && m.moduleId !== d ? [m.moduleId] : []
       )
     ),
-    deleteModuleItem: I(
+    deleteModuleItem: A(
       "deleteModuleItem",
-      m,
-      r,
-      s("deleteModuleItem"),
-      ({ moduleId: d }) => e(d)
+      c,
+      l,
+      a("deleteModuleItem"),
+      ({ moduleId: d }) => i(d)
     ),
-    reorderModuleItems: I(
+    reorderModuleItems: A(
       "reorderModuleItems",
-      m,
-      r,
-      s("reorderModuleItems"),
-      ({ moduleId: d }) => e(d)
+      c,
+      l,
+      a("reorderModuleItems"),
+      ({ moduleId: d }) => i(d)
     )
   };
-  return { ...l, can: m, mutations: i };
+  return { ...r, can: c, mutations: p };
+}
+function Be(e) {
+  return null;
+}
+function q(e) {
+  return null;
+}
+function Re(e) {
+  return null;
+}
+function Ee(e) {
+  return null;
+}
+function qe(e) {
+  return null;
+}
+function Fe(e) {
+  return null;
+}
+function Se(e) {
+  return null;
+}
+function _e({ item: e, module: o, today: l }) {
+  var C, T;
+  const { t: r, locale: s, timezone: u } = w(), c = D(), n = N(), i = O(), a = j(() => te(n.itemMeta), [n.itemMeta]), p = e.title || r("itemUntitled"), d = /* @__PURE__ */ f(W, { children: [
+    /* @__PURE__ */ t(Fe, { module: o, item: e }),
+    /* @__PURE__ */ t(Se, { item: e })
+  ] });
+  if (e.type === "sub_header")
+    return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+      y,
+      {
+        as: "div",
+        padding: "x-small small",
+        borderWidth: "small 0 0 0",
+        "data-testid": `edit-item-${e.id}`,
+        children: /* @__PURE__ */ f(b, { alignItems: "center", gap: "small", children: [
+          /* @__PURE__ */ f(b.Item, { shouldGrow: !0, shouldShrink: !0, children: [
+            /* @__PURE__ */ t(L, { weight: "bold", "data-testid": "edit-item-title", children: p }),
+            /* @__PURE__ */ t(q, { name: p })
+          ] }),
+          d
+        ] })
+      }
+    ) });
+  const m = ne(n.itemTypes, e.type), h = m != null && m.renderIcon ? m.renderIcon({ item: e }) : m == null ? void 0 : m.icon, M = ((T = (C = n.navigation).getItemEditHref) == null ? void 0 : T.call(C, e)) ?? null, P = { item: e, t: r, today: l, locale: s, timezone: u, formatters: c, config: n }, I = a.map((g) => ({
+    key: g.key,
+    node: g.render(P),
+    icon: g.key === ie ? null : g.renderIcon ? g.renderIcon(P) : g.icon
+  })).filter((g) => !E(g.node)), v = /* @__PURE__ */ t(L, { weight: "bold", "data-testid": "edit-item-title", children: p });
+  return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(y, { as: "div", padding: "small", borderWidth: "small 0 0 0", "data-testid": `edit-item-${e.id}`, children: /* @__PURE__ */ t("div", { style: { paddingInlineStart: `${Math.max(e.indent - 1, 0) * le}rem` }, children: /* @__PURE__ */ f(b, { alignItems: "center", gap: "small", children: [
+    e.indent > 0 ? /* @__PURE__ */ t(b.Item, { "data-testid": "edit-item-nest-arrow", children: /* @__PURE__ */ t(Ie, { size: "md", color: "mutedColor" }) }) : null,
+    E(h) ? null : /* @__PURE__ */ t(b.Item, { "aria-hidden": "true", children: h }),
+    /* @__PURE__ */ f(b.Item, { shouldGrow: !0, shouldShrink: !0, children: [
+      M ? /* @__PURE__ */ t(Ce, { href: M, forceButtonRole: !1, "data-testid": "edit-item-link", children: v }) : v,
+      /* @__PURE__ */ t(q, { name: p }),
+      I.length > 0 ? /* @__PURE__ */ t("div", { style: oe, children: /* @__PURE__ */ t(
+        L,
+        {
+          size: "small",
+          lineHeight: "default",
+          color: "secondary",
+          "data-testid": "edit-item-meta",
+          children: I.map((g, F) => /* @__PURE__ */ f(U, { children: [
+            F > 0 ? /* @__PURE__ */ t("span", { style: $, children: " " }) : null,
+            /* @__PURE__ */ f("span", { style: F > 0 ? i : void 0, children: [
+              E(g.icon) ? null : /* @__PURE__ */ t("span", { style: z, "aria-hidden": "true", children: g.icon }),
+              g.node
+            ] })
+          ] }, g.key))
+        }
+      ) }) : null
+    ] }),
+    /* @__PURE__ */ t(b.Item, { children: /* @__PURE__ */ t(we, { "data-testid": "edit-item-requirement", children: e.completionRequirement ? r("itemRequiredTag") : r("itemOptionalTag") }) }),
+    d
+  ] }) }) }) });
+}
+const Ne = re("grey"), _ = (e) => `platform-modules-edit-panel-${e}`, R = { size: "sm", color: "onColor" };
+function De(e, o, l, r) {
+  const s = [
+    {
+      key: "items",
+      icon: /* @__PURE__ */ t(be, { ...R }),
+      text: l("moduleItemCount", { count: e.itemCount })
+    }
+  ], u = [];
+  e.unlockAt && new Date(e.unlockAt) > o && u.push(r.unlockByline(e.unlockAt, o));
+  const c = e.prerequisiteModules.map((i) => i.name.trim()).filter(Boolean);
+  c.length === 1 ? u.push(l("lockedByPrerequisiteByline", { name: c[0] })) : c.length > 1 && u.push(
+    l("lockedByPrerequisitesByline", {
+      count: c.length,
+      prerequisites: c.join(", ")
+    })
+  ), u.length > 0 && s.push({ key: "lock", icon: /* @__PURE__ */ t(Ae, { ...R }), text: u.join(" ") }), e.completionRequirements && e.completionRequirements.length > 0 && s.push({
+    key: "requirement",
+    icon: /* @__PURE__ */ t(ye, { ...R }),
+    text: e.requireSequentialProgress ? l("moduleRequirementAllInOrder") : e.requirementCount === 1 ? l("moduleRequirementOne") : l("moduleRequirementAll")
+  });
+  const n = se(e.items);
+  return n !== null && s.push({
+    key: "duration",
+    icon: /* @__PURE__ */ t(Pe, { ...R }),
+    text: r.estimatedDurationByline(n)
+  }), s;
+}
+function Oe({
+  module: e,
+  state: o,
+  today: l
+}) {
+  const { t: r } = w();
+  if (o.error)
+    return /* @__PURE__ */ t(y, { as: "div", padding: "small", children: /* @__PURE__ */ t(
+      x,
+      {
+        variant: "error",
+        margin: "0",
+        liveRegion: H,
+        liveRegionPoliteness: "assertive",
+        "data-testid": "edit-items-error",
+        children: r("itemsLoadErrorAlert", { message: o.error.message })
+      }
+    ) });
+  if (o.isLoading)
+    return /* @__PURE__ */ t(y, { as: "div", padding: "small", "data-testid": "edit-items-loading", children: /* @__PURE__ */ t(Q, { size: "x-small", renderTitle: r("itemsLoadingSpinnerLabel") }) });
+  if (o.items.length === 0)
+    return /* @__PURE__ */ t(y, { as: "div", padding: "small", "data-testid": "edit-items-empty", children: /* @__PURE__ */ t(L, { size: "small", color: "secondary", children: r("noItemsEmptyState") }) });
+  const s = (u) => {
+    u === 1 ? o.goToFirstPage() : u === o.page - 1 ? o.goToPreviousPage() : u === o.page + 1 ? o.goToNextPage() : u === o.pageCount && o.goToLastPage();
+  };
+  return /* @__PURE__ */ f(W, { children: [
+    /* @__PURE__ */ t(Le, { isUnstyled: !0, margin: "none", "data-testid": "edit-items-list", children: o.items.map((u) => /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(_e, { item: u, module: e, today: l }) }, u.id)) }),
+    o.pageCount > 1 ? /* @__PURE__ */ t(
+      V,
+      {
+        as: "nav",
+        variant: "compact",
+        withFirstAndLastButton: !0,
+        margin: "small",
+        label: /* @__PURE__ */ t(ge, { children: r("itemsPaginationLabel", { name: e.name }) }),
+        labelFirst: r("paginationFirstPage"),
+        labelPrev: r("paginationPreviousPage"),
+        labelNext: r("paginationNextPage"),
+        labelLast: r("paginationLastPage"),
+        screenReaderLabelPageButton: (u) => r("paginationPageLabel", { page: u }),
+        ellipsis: r("paginationEllipsis"),
+        totalPageNumber: o.pageCount,
+        currentPage: o.page,
+        disabled: o.isRefreshing,
+        onPageChange: s,
+        "data-testid": "edit-items-pagination"
+      }
+    ) : null
+  ] });
+}
+function $e({
+  module: e,
+  expanded: o,
+  onToggle: l,
+  itemsState: r,
+  today: s,
+  headingLevel: u = "h3"
+}) {
+  var m;
+  const { t: c } = w(), n = D(), i = O(), a = ((m = n.moduleLabel(e.position, e)) == null ? void 0 : m.trim()) || null, p = a ? c("moduleNameWithLabel", { label: a, name: e.name }) : e.name, d = De(e, s, c, n);
+  return /* @__PURE__ */ f(
+    y,
+    {
+      as: "div",
+      background: "primary",
+      borderRadius: "card.sm",
+      borderWidth: "small",
+      shadow: "resting",
+      margin: "0 0 small 0",
+      overflowX: "hidden",
+      overflowY: "hidden",
+      "data-testid": `edit-module-card-${e.id}`,
+      children: [
+        /* @__PURE__ */ t(
+          y,
+          {
+            as: "div",
+            background: e.published ? "success" : "primary-inverse",
+            themeOverride: e.published ? void 0 : Ne,
+            padding: "small",
+            "data-testid": "edit-module-header",
+            "data-published": e.published ? "true" : "false",
+            children: /* @__PURE__ */ f(b, { alignItems: "start", gap: "small", children: [
+              /* @__PURE__ */ t(b.Item, { children: /* @__PURE__ */ t(
+                he,
+                {
+                  size: "small",
+                  withBackground: !1,
+                  withBorder: !1,
+                  color: "primary-inverse",
+                  screenReaderLabel: o ? c("collapseModule", { name: e.name }) : c("expandModule", { name: e.name }),
+                  "aria-expanded": o,
+                  "aria-controls": _(e.id),
+                  onClick: () => l(e.id),
+                  "data-testid": `edit-toggle-module-${e.id}`,
+                  children: o ? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(ve, {})
+                }
+              ) }),
+              /* @__PURE__ */ f(b.Item, { shouldGrow: !0, shouldShrink: !0, children: [
+                /* @__PURE__ */ t(
+                  G,
+                  {
+                    level: u,
+                    variant: "titleCardMini",
+                    color: "primary-on",
+                    "aria-label": p,
+                    "data-testid": "edit-module-name",
+                    children: /* @__PURE__ */ t(me, { linesAllowed: 2, children: p })
+                  }
+                ),
+                /* @__PURE__ */ t(q, { name: e.name }),
+                /* @__PURE__ */ t(y, { as: "div", margin: "xx-small 0 0 0", children: /* @__PURE__ */ t(L, { size: "small", color: "primary-on", "data-testid": "edit-module-meta", children: d.map((h, M) => /* @__PURE__ */ f(U, { children: [
+                  M > 0 ? /* @__PURE__ */ t("span", { style: $, children: " " }) : null,
+                  /* @__PURE__ */ f("span", { style: M > 0 ? i : void 0, children: [
+                    /* @__PURE__ */ t("span", { style: z, "aria-hidden": "true", children: h.icon }),
+                    h.text
+                  ] })
+                ] }, h.key)) }) })
+              ] }),
+              /* @__PURE__ */ t(Be, { module: e }),
+              /* @__PURE__ */ t(qe, { module: e }),
+              /* @__PURE__ */ t(Re, { module: e }),
+              /* @__PURE__ */ t(Ee, { module: e })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ t("div", { id: _(e.id), role: "group", "aria-label": e.name, hidden: !o, children: o ? /* @__PURE__ */ t(Oe, { module: e, state: r, today: s }) : null })
+      ]
+    }
+  );
+}
+function ze({
+  data: e,
+  today: o,
+  cardHeadingLevel: l
+}) {
+  const { modules: r, expandedModuleIds: s, toggleModule: u, getItems: c } = e;
+  return /* @__PURE__ */ t("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, "data-testid": "edit-modules-stack", children: r.map((n) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+    $e,
+    {
+      module: n,
+      expanded: s.includes(n.id),
+      onToggle: u,
+      itemsState: c(n.id),
+      today: o,
+      headingLevel: l
+    }
+  ) }, n.id)) });
+}
+function ut({
+  data: e,
+  today: o,
+  as: l = "div",
+  headingLevel: r = "h2"
+}) {
+  const { t: s } = w(), {
+    modules: u,
+    page: c,
+    pageCount: n,
+    goToFirstPage: i,
+    goToPreviousPage: a,
+    goToNextPage: p,
+    goToLastPage: d,
+    isLoading: m,
+    isRefreshing: h,
+    error: M
+  } = e, [P] = ce(() => /* @__PURE__ */ new Date()), I = r === "h1" ? "h2" : "h3", v = m || h && u.length === 0, C = u.length === 0 && !v && !M, T = (g) => {
+    g === 1 ? i() : g === c - 1 ? a() : g === c + 1 ? p() : g === n && d();
+  };
+  return /* @__PURE__ */ f(y, { as: l, display: "block", "data-testid": "modules-edit-view", children: [
+    M ? /* @__PURE__ */ t(
+      x,
+      {
+        variant: "error",
+        margin: "0 0 small 0",
+        liveRegion: H,
+        liveRegionPoliteness: "assertive",
+        "data-testid": "edit-modules-error",
+        children: s("modulesLoadErrorAlert", { message: M.message })
+      }
+    ) : null,
+    v ? /* @__PURE__ */ t(y, { as: "div", padding: "large", textAlign: "center", "data-testid": "edit-modules-loading", children: /* @__PURE__ */ t(Q, { renderTitle: s("modulesLoadingSpinnerLabel") }) }) : null,
+    C ? /* @__PURE__ */ f(
+      y,
+      {
+        as: "div",
+        background: "primary",
+        borderRadius: "card.lg",
+        borderWidth: "small",
+        shadow: "resting",
+        padding: "medium",
+        textAlign: "center",
+        "data-testid": "edit-modules-empty",
+        children: [
+          /* @__PURE__ */ t(G, { level: I, variant: "titleCardLarge", margin: "0 0 x-small 0", children: s("editNoModulesTitle") }),
+          /* @__PURE__ */ t(L, { color: "secondary", children: s("editNoModulesDescription") })
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ t(
+      ze,
+      {
+        data: e,
+        today: o ?? P,
+        cardHeadingLevel: I
+      }
+    ),
+    n > 1 && !v ? /* @__PURE__ */ t(
+      V,
+      {
+        as: "nav",
+        variant: "compact",
+        withFirstAndLastButton: !0,
+        margin: "small 0 0 0",
+        labelFirst: s("paginationFirstPage"),
+        labelPrev: s("paginationPreviousPage"),
+        labelNext: s("paginationNextPage"),
+        labelLast: s("paginationLastPage"),
+        screenReaderLabelPageButton: (g) => s("paginationPageLabel", { page: g }),
+        ellipsis: s("paginationEllipsis"),
+        totalPageNumber: n,
+        currentPage: c,
+        disabled: h,
+        onPageChange: T,
+        "data-testid": "edit-modules-pagination"
+      }
+    ) : null
+  ] });
+}
+function je(e) {
+  return null;
+}
+function Ue(e) {
+  return null;
+}
+function We(e) {
+  return null;
+}
+function ct({ data: e }) {
+  const { t: o } = w(), l = ae(), { expandedModuleIds: r, collapseAllModules: s, isPersistingCollapsed: u } = e, c = r.length, n = () => {
+    l("collapse-all"), s(), pe(o("modulesCollapsedAnnouncement", { count: c }));
+  };
+  return /* @__PURE__ */ f(b, { gap: "x-small", wrap: "wrap", justifyItems: "end", "data-testid": "modules-edit-actions", children: [
+    /* @__PURE__ */ t(b.Item, { children: /* @__PURE__ */ t(
+      Me,
+      {
+        size: "small",
+        onClick: n,
+        interaction: c === 0 || u ? "disabled" : "enabled",
+        "data-testid": "edit-collapse-all",
+        children: o("collapseAllModules")
+      }
+    ) }),
+    /* @__PURE__ */ t(We, { data: e }),
+    /* @__PURE__ */ t(je, { data: e }),
+    /* @__PURE__ */ t(Ue, { data: e })
+  ] });
 }
 export {
-  k as createInMemoryEditAdapter,
-  F as useModulesEditData
+  $e as EditModuleCard,
+  _e as EditModuleItemRow,
+  ct as ModulesEditActions,
+  ut as ModulesEditView,
+  at as createInMemoryEditAdapter,
+  dt as useModulesEditData
 };