@instructure/platform-modules 1.13.0 → 1.15.0

package/dist/edit.js

@@ -1,110 +1,128 @@
-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 fe, a7 as Ie, Q as Me, k as K, aw as ve, i as be, c as ye, u as w, q as Y, y as G, v as Pe, an as ke, ak as Ce, aH as B, A as De, B as V, n as Q, aI as Ae, aJ as Le, z as we, p as Re } from "./chunks/ModulesProgressBar-DOUI1JeK.js";
+import { useQueryClient as Se, useMutation as Ee } from "@tanstack/react-query";
+import { useMemo as T, createContext as Oe, useState as X, useContext as Te, Fragment as J } from "react";
+import { jsx as n, jsxs as v, Fragment as Z } from "react/jsx-runtime";
+import { politeAnnounce as ee, TruncateWithTooltip as Be, getLiveRegion as te } from "@instructure/platform-instui-bindings";
+import { Alert as ne } from "@instructure/ui-alerts/v11_7";
+import { Heading as ie } from "@instructure/ui-heading/v11_7";
+import { Pagination as oe } from "@instructure/ui-pagination/v11_7";
+import { Spinner as re } from "@instructure/ui-spinner/v11_7";
+import { Text as L } from "@instructure/ui-text/v11_7";
+import { View as C } from "@instructure/ui-view/v11_7";
+import { useSensors as Ne, useSensor as $, PointerSensor as qe, KeyboardSensor as xe, DndContext as Fe, DragOverlay as _e, rectIntersection as $e, closestCenter as He } from "@dnd-kit/core";
+import { SortableContext as de, verticalListSortingStrategy as se, useSortable as ze, sortableKeyboardCoordinates as Ue, arrayMove as H } from "@dnd-kit/sortable";
+import { CSS as je } from "@dnd-kit/utilities";
+import { ScreenReaderContent as We } from "@instructure/ui-a11y-content";
+import { IconButton as ae, Button as Ke } from "@instructure/ui-buttons/v11_7";
+import { Flex as b } from "@instructure/ui-flex/v11_7";
+import { IconDragHandleLine as Ye, CornerDownRightInstUIIcon as Ge, IconArrowOpenUpLine as Ve, IconArrowOpenDownLine as Qe, LayersInstUIIcon as Xe, ListChecksInstUIIcon as Je, ClockInstUIIcon as Ze, LockInstUIIcon as et } from "@instructure/ui-icons";
+import { List as tt, ListItem as nt } from "@instructure/ui-list/v11_7";
+import { Pill as it } from "@instructure/ui-pill/v11_7";
+import { Link as ot } from "@instructure/ui-link/v11_7";
+const S = (e) => e.map((t, i) => ({ ...t, position: i + 1 })), E = (e, t, i) => {
+  const a = i === void 0 ? e.length : Math.min(Math.max(i - 1, 0), e.length);
+  return [...e.slice(0, a), t, ...e.slice(a)];
+}, z = (e, t) => {
+  const i = new Map(t.map((a, o) => [a, o]));
+  return [...e].sort((a, o) => (i.get(a.id) ?? t.length) - (i.get(o.id) ?? t.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 Jt(e, t = {}) {
+  const i = (r) => {
+    if (r !== e.courseId)
+      throw new Ie(e.courseId, r);
+  }, a = (r) => {
+    const d = e.modules.findIndex((l) => l.id === r);
+    if (d === -1) throw new Error(`in-memory adapter has no module ${r}`);
+    return d;
+  }, o = (r) => e.itemsByModuleId[r] ?? [], u = (r, d) => {
+    e.itemsByModuleId[r] = S(d.map((l) => ({ ...l, moduleId: r })));
+  }, s = (r) => String(r.reduce((d, l) => Math.max(d, Number(l) || 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,
+    ...fe(e, t),
+    async createModule({ courseId: r, name: d, position: l }) {
+      i(r);
+      const p = {
+        id: s(e.modules.map((c) => c.id)),
+        name: d,
         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 = S(E(e.modules, p, l)), e.itemsByModuleId[p.id] = [], e.modules[a(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: r, moduleId: d, patch: l }) {
+      i(r);
+      const { prerequisiteModuleIds: p, position: c, ...m } = l, M = e.modules[a(d)], f = { ...M, ...m };
+      p && (f.prerequisiteModules = p.map((g) => ({
+        id: g,
+        name: e.modules[a(g)].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 I = e.modules.filter((g) => g.id !== d);
+      return e.modules = S(E(I, f, c ?? M.position)), e.modules[a(d)];
     },
-    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: r, moduleId: d }) {
+      i(r), a(d), e.modules = S(e.modules.filter((l) => l.id !== d)), delete e.itemsByModuleId[d];
     },
-    async reorderModules({ courseId: t, moduleIds: e }) {
-      r(t), o.modules = b(v(o.modules, e));
+    async reorderModules({ courseId: r, moduleIds: d }) {
+      i(r), e.modules = S(z(e.modules, d));
     },
-    async setModulesPublished({ courseId: t, moduleIds: e, published: s, includeItems: i }) {
-      r(t);
-      const d = new Set(
-        e === "all" ? o.modules.map((n) => n.id) : e
+    async setModulesPublished({ courseId: r, moduleIds: d, published: l, includeItems: p }) {
+      i(r);
+      const c = new Set(
+        d === "all" ? e.modules.map((m) => m.id) : d
       );
-      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) => c.has(m.id) ? { ...m, published: l } : m
+      ), !!p)
+        for (const m of c)
+          u(
+            m,
+            o(m).map((M) => ({ ...M, published: l }))
           );
     },
-    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: r, moduleId: d, type: l, title: p, position: c, indent: m = 0, extensions: M }) {
+      i(r), a(d);
+      const f = Object.values(e.itemsByModuleId).flatMap(
+        (g) => g.map((h) => h.id)
+      ), I = {
+        id: s(f),
+        moduleId: d,
+        title: p,
+        type: l,
         position: 0,
-        indent: n,
+        indent: m,
         published: !1,
-        ...p ? { extensions: p } : {}
+        ...M ? { extensions: M } : {}
       };
-      return M(e, f(u(e), g, d)), u(e).find((c) => c.id === g.id);
+      return u(d, E(o(d), I, c)), o(d).find((g) => g.id === I.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: r, moduleId: d, itemId: l, patch: p }) {
+      i(r);
+      const { moduleId: c = d, position: m, ...M } = p;
+      a(c);
+      const f = o(d).find((h) => h.id === l);
+      if (!f) throw new Error(`in-memory adapter has no item ${l} in module ${d}`);
+      u(
+        d,
+        o(d).filter((h) => h.id !== l)
       );
-      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 g = m ?? (c !== d ? void 0 : f.position);
+      return u(c, E(o(c), { ...f, ...M }, g)), o(c).find((h) => h.id === l);
     },
-    async deleteModuleItem({ courseId: t, moduleId: e, itemId: s }) {
-      r(t), M(
-        e,
-        u(e).filter((i) => i.id !== s)
+    async deleteModuleItem({ courseId: r, moduleId: d, itemId: l }) {
+      i(r), u(
+        d,
+        o(d).filter((p) => p.id !== l)
       );
     },
-    async reorderModuleItems({ courseId: t, moduleId: e, itemIds: s }) {
-      r(t), M(e, v(u(e), s));
+    async reorderModuleItems({ courseId: r, moduleId: d, itemIds: l }) {
+      i(r), u(d, z(o(d), l));
     }
   };
 }
-const D = [
+const rt = [
   "createModule",
   "updateModule",
   "deleteModule",
@@ -115,75 +133,720 @@ 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, t, i, a, o) {
+  return Ee({
+    mutationFn: (u) => !t[e] || !a ? Promise.reject(new Error(`${e} is not available to this editor`)) : a({ ...u, courseId: i }),
     // Settled, not success: a bulk write that fails partway has still committed part of itself.
-    onSettled: (M, m, t) => u(t)
+    onSettled: (u, s, r) => o(r)
   });
 }
-function F(o) {
-  const { adapter: a, courseId: r } = o, l = C({ ...o, view: "teacher" }), u = S(), { permissions: M } = E(), m = j(
+function Zt(e) {
+  const { adapter: t, courseId: i } = e, a = Me({ ...e, view: "teacher" }), o = Se(), { permissions: u } = K(), s = T(
     () => Object.fromEntries(
-      D.map((d) => [
-        d,
-        typeof a[d] == "function" && M[d] !== !1
+      rt.map((c) => [
+        c,
+        typeof t[c] == "function" && u[c] !== !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(
+    [t, u]
+  ), r = () => be(o, i), d = (...c) => Promise.all([
+    r(),
+    ...c.map((m) => ye(o, i, m))
+  ]), l = (c) => {
+    var m;
+    return (m = t[c]) == null ? void 0 : m.bind(t);
+  }, p = {
+    createModule: A("createModule", s, i, l("createModule"), r),
+    updateModule: A("updateModule", s, i, l("updateModule"), r),
+    deleteModule: A("deleteModule", s, i, l("deleteModule"), r),
+    reorderModules: A("reorderModules", s, i, l("reorderModules"), r),
+    setModulesPublished: A(
       "setModulesPublished",
-      m,
-      r,
-      s("setModulesPublished"),
-      ({ includeItems: d }) => d ? A(u, r) : t()
+      s,
+      i,
+      l("setModulesPublished"),
+      ({ includeItems: c }) => c ? ve(o, i) : r()
     ),
-    createModuleItem: I(
+    createModuleItem: A(
       "createModuleItem",
-      m,
-      r,
-      s("createModuleItem"),
-      ({ moduleId: d }) => e(d)
+      s,
+      i,
+      l("createModuleItem"),
+      ({ moduleId: c }) => d(c)
     ),
-    updateModuleItem: I(
+    updateModuleItem: A(
       "updateModuleItem",
-      m,
-      r,
-      s("updateModuleItem"),
-      ({ moduleId: d, patch: n }) => e(
-        d,
-        ...n.moduleId && n.moduleId !== d ? [n.moduleId] : []
+      s,
+      i,
+      l("updateModuleItem"),
+      ({ moduleId: c, patch: m }) => d(
+        c,
+        ...m.moduleId && m.moduleId !== c ? [m.moduleId] : []
       )
     ),
-    deleteModuleItem: I(
+    deleteModuleItem: A(
       "deleteModuleItem",
-      m,
-      r,
-      s("deleteModuleItem"),
-      ({ moduleId: d }) => e(d)
+      s,
+      i,
+      l("deleteModuleItem"),
+      ({ moduleId: c }) => d(c)
     ),
-    reorderModuleItems: I(
+    reorderModuleItems: A(
       "reorderModuleItems",
-      m,
-      r,
-      s("reorderModuleItems"),
-      ({ moduleId: d }) => e(d)
+      s,
+      i,
+      l("reorderModuleItems"),
+      ({ moduleId: c }) => d(c)
     )
   };
-  return { ...l, can: m, mutations: i };
+  return { ...a, can: s, mutations: p };
+}
+const le = (e) => `module:${e}`, ce = (e) => `item:${e}`, en = (e) => `external:${e}`, dt = (e) => `items:${e}`;
+function D(e) {
+  const t = e == null ? void 0 : e.data.current, i = t == null ? void 0 : t.kind;
+  return i === "module" || i === "item" || i === "external" ? t : void 0;
+}
+function ue(e) {
+  var t;
+  return (t = e == null ? void 0 : e.data.current) == null ? void 0 : t.sortable;
+}
+const me = (e, t) => (e == null ? void 0 : e.kind) === "item" && (t == null ? void 0 : t.kind) === "item" && e.moduleId !== t.moduleId, U = (e) => e.top + e.height / 2, q = (e, t) => e !== null && U(e) > U(t.rect);
+function j(e, t) {
+  const i = D(t), a = ue(t);
+  if (!(!t || !i || !a))
+    return i.kind === "item" && me(D(e), i) ? {
+      position: a.index + (q(e.rect.current.translated, t) ? 2 : 1),
+      count: a.items.length + 1,
+      module: i.moduleName
+    } : {
+      position: a.index + 1,
+      count: a.items.length,
+      module: i.kind === "item" ? i.moduleName : void 0
+    };
+}
+function st(e) {
+  const t = (s) => (r) => {
+    var l;
+    const d = (l = D(r.active)) == null ? void 0 : l.name;
+    return d === void 0 ? void 0 : s(d, r);
+  }, i = t((s, { active: r, over: d }) => {
+    const l = j(r, d);
+    if (!l) return e("dragOverNothing", { name: s });
+    const { position: p, count: c, module: m } = l;
+    return m === void 0 ? e("dragOverPosition", { name: s, position: p, count: c }) : e("dragOverPositionInModule", { name: s, position: p, count: c, module: m });
+  });
+  let a = !1, o, u;
+  return {
+    onDragStart: t((s) => (a = !0, e("dragPickedUp", { name: s }))),
+    onDragOver: (s) => {
+      var d, l;
+      const r = a && ((d = s.over) == null ? void 0 : d.id) === s.active.id;
+      return a = !1, o = (l = s.over) == null ? void 0 : l.id, u = i(s), r ? void 0 : u;
+    },
+    // Crossing the middle of an item in another module changes where it lands, but not `over`.
+    onDragMove: (s) => {
+      if (!s.over || s.over.id !== o) return;
+      const r = i(s);
+      if (r !== u)
+        return u = r, r;
+    },
+    onDragEnd: t((s, { active: r, over: d }) => {
+      const l = j(r, d);
+      if (!l) return e("dragDroppedNowhere", { name: s });
+      const { position: p, count: c, module: m } = l;
+      return m === void 0 ? e("dragDroppedPosition", { name: s, position: p, count: c }) : e("dragDroppedPositionInModule", { name: s, position: p, count: c, module: m });
+    }),
+    onDragCancel: t((s) => e("dragCanceled", { name: s }))
+  };
+}
+function at(e) {
+  const t = st(e), i = (a) => (o) => {
+    const u = a(o);
+    u && ee(u);
+  };
+  return {
+    announcements: {
+      onDragStart: i(t.onDragStart),
+      onDragOver: i(t.onDragOver),
+      onDragMove: i(t.onDragMove),
+      onDragEnd: i(t.onDragEnd),
+      onDragCancel: i(t.onDragCancel)
+    },
+    screenReaderInstructions: { draggable: e("dragInstructions") }
+  };
+}
+const ge = Oe(null);
+function lt() {
+  return Te(ge);
+}
+function pe(e, t, i) {
+  const { t: a } = w(), o = ze({
+    id: e,
+    data: { ...t },
+    disabled: !i,
+    attributes: { roleDescription: a("dragRoleDescription") }
+  }), u = {
+    transform: je.Translate.toString(o.transform),
+    transition: o.transition,
+    opacity: o.isDragging ? ct : void 0
+  };
+  return { ...o, style: u };
+}
+const ct = 0.4, ut = (e) => e === "module" ? "module" : "item", mt = (e) => {
+  var a;
+  const t = ut((a = D(e.active)) == null ? void 0 : a.kind), i = {
+    ...e,
+    droppableContainers: e.droppableContainers.filter(
+      (o) => {
+        var u;
+        return ((u = D(o)) == null ? void 0 : u.kind) === t;
+      }
+    )
+  };
+  return t === "item" && $e(i).length === 0 ? [] : He(i);
+}, gt = (e, t) => {
+  const { active: i, over: a, collisionRect: o } = t.context, u = ue(a);
+  if (a !== null && o !== null && u !== void 0 && u.index === u.items.length - 1 && me(D(i), D(a))) {
+    const r = q(o, a);
+    if (e.code === "ArrowDown" && !r)
+      return e.preventDefault(), { x: a.rect.left, y: a.rect.bottom - o.height / 2 };
+    if (e.code === "ArrowUp" && r)
+      return e.preventDefault(), { x: a.rect.left, y: a.rect.top };
+  }
+  return Ue(e, t);
+}, pt = { cursor: "grabbing" };
+function ht({ data: e, children: t }) {
+  const { t: i } = w(), { modules: a, getItems: o, can: u, mutations: s } = e, [r, d] = X(null), l = T(() => at(i), [i]), p = Ne(
+    $(qe, { activationConstraint: { distance: 8 } }),
+    $(xe, { coordinateGetter: gt })
+  ), c = T(() => a.map((f) => le(f.id)), [a]), m = ({ active: f }) => {
+    d(D(f) ?? null);
+  }, M = ({ active: f, over: I }) => {
+    d(null);
+    const g = D(f), h = D(I);
+    if (!g || !h || !I) return;
+    if (g.kind === "module" && h.kind === "module") {
+      if (g.moduleId === h.moduleId) return;
+      const k = a.map((y) => y.id);
+      s.reorderModules.mutate({
+        moduleIds: H(k, k.indexOf(g.moduleId), k.indexOf(h.moduleId))
+      });
+      return;
+    }
+    if (g.kind !== "item" || h.kind !== "item" || g.itemId === h.itemId) return;
+    if (g.moduleId === h.moduleId) {
+      const k = o(g.moduleId).items.map((y) => y.id);
+      s.reorderModuleItems.mutate({
+        moduleId: g.moduleId,
+        itemIds: H(k, k.indexOf(g.itemId), k.indexOf(h.itemId))
+      });
+      return;
+    }
+    if (!u.updateModuleItem) return;
+    const R = q(f.rect.current.translated, I);
+    s.updateModuleItem.mutate({
+      moduleId: g.moduleId,
+      itemId: g.itemId,
+      patch: { moduleId: h.moduleId, position: h.position + (R ? 1 : 0) }
+    });
+  };
+  return /* @__PURE__ */ n(ge.Provider, { value: (r == null ? void 0 : r.kind) ?? null, children: /* @__PURE__ */ v(
+    Fe,
+    {
+      sensors: p,
+      collisionDetection: mt,
+      accessibility: l,
+      onDragStart: m,
+      onDragEnd: M,
+      onDragCancel: () => d(null),
+      children: [
+        /* @__PURE__ */ n(de, { items: c, strategy: se, children: t }),
+        /* @__PURE__ */ n(_e, { children: r ? /* @__PURE__ */ n("div", { style: pt, children: /* @__PURE__ */ n(
+          C,
+          {
+            as: "div",
+            background: "primary",
+            borderRadius: "card.sm",
+            borderWidth: "small",
+            shadow: "topmost",
+            padding: "small",
+            "data-testid": "edit-drag-overlay",
+            children: /* @__PURE__ */ n(L, { weight: "bold", children: r.name })
+          }
+        ) }) : null })
+      ]
+    }
+  ) });
+}
+function ft(e) {
+  return null;
+}
+function he({
+  label: e,
+  attributes: t,
+  listeners: i,
+  activatorRef: a,
+  color: o = "primary",
+  "data-testid": u
+}) {
+  return /* @__PURE__ */ n(
+    ae,
+    {
+      ...t,
+      ...i,
+      elementRef: (s) => a(s),
+      size: "small",
+      withBackground: !1,
+      withBorder: !1,
+      color: o,
+      cursor: "grab",
+      screenReaderLabel: e,
+      "data-testid": u,
+      children: /* @__PURE__ */ n(Ye, {})
+    }
+  );
+}
+function N(e) {
+  return null;
+}
+function It(e) {
+  return null;
+}
+function Mt(e) {
+  return null;
+}
+function vt(e) {
+  return null;
+}
+function bt(e) {
+  return null;
+}
+function yt(e) {
+  return null;
+}
+function Pt({
+  item: e,
+  module: t,
+  today: i,
+  canReorder: a
+}) {
+  var x, F;
+  const { t: o, locale: u, timezone: s } = w(), r = Y(), d = K(), l = G(), p = T(() => Pe(d.itemMeta), [d.itemMeta]), c = e.title || o("itemUntitled"), m = pe(
+    ce(e.id),
+    {
+      kind: "item",
+      moduleId: t.id,
+      moduleName: t.name,
+      itemId: e.id,
+      name: c,
+      position: e.position
+    },
+    a
+  ), M = a ? /* @__PURE__ */ n(b.Item, { children: /* @__PURE__ */ n(
+    he,
+    {
+      label: o("dragHandleLabel", { name: c }),
+      attributes: m.attributes,
+      listeners: m.listeners,
+      activatorRef: m.setActivatorNodeRef,
+      "data-testid": `item-drag-handle-${e.id}`
+    }
+  ) }) : null, f = /* @__PURE__ */ v(Z, { children: [
+    /* @__PURE__ */ n(bt, { module: t, item: e }),
+    /* @__PURE__ */ n(yt, { item: e })
+  ] });
+  if (e.type === "sub_header")
+    return /* @__PURE__ */ n("div", { ref: m.setNodeRef, style: m.style, children: /* @__PURE__ */ n(
+      C,
+      {
+        as: "div",
+        padding: "x-small small",
+        borderWidth: "small 0 0 0",
+        "data-testid": `edit-item-${e.id}`,
+        children: /* @__PURE__ */ v(b, { alignItems: "center", gap: "small", children: [
+          M,
+          /* @__PURE__ */ v(b.Item, { shouldGrow: !0, shouldShrink: !0, children: [
+            /* @__PURE__ */ n(L, { weight: "bold", "data-testid": "edit-item-title", children: c }),
+            /* @__PURE__ */ n(N, { name: c })
+          ] }),
+          f
+        ] })
+      }
+    ) });
+  const I = ke(d.itemTypes, e.type), g = I != null && I.renderIcon ? I.renderIcon({ item: e }) : I == null ? void 0 : I.icon, h = ((F = (x = d.navigation).getItemEditHref) == null ? void 0 : F.call(x, e)) ?? null, R = { item: e, t: o, today: i, locale: u, timezone: s, formatters: r, config: d }, k = p.map((P) => ({
+    key: P.key,
+    node: P.render(R),
+    icon: P.key === Ce ? null : P.renderIcon ? P.renderIcon(R) : P.icon
+  })).filter((P) => !B(P.node)), y = /* @__PURE__ */ n(L, { weight: "bold", "data-testid": "edit-item-title", children: c });
+  return /* @__PURE__ */ n("div", { ref: m.setNodeRef, style: m.style, children: /* @__PURE__ */ n(C, { as: "div", padding: "small", borderWidth: "small 0 0 0", "data-testid": `edit-item-${e.id}`, children: /* @__PURE__ */ n("div", { style: { paddingInlineStart: `${Math.max(e.indent - 1, 0) * Ae}rem` }, children: /* @__PURE__ */ v(b, { alignItems: "center", gap: "small", children: [
+    M,
+    e.indent > 0 ? /* @__PURE__ */ n(b.Item, { "data-testid": "edit-item-nest-arrow", children: /* @__PURE__ */ n(Ge, { size: "md", color: "mutedColor" }) }) : null,
+    B(g) ? null : /* @__PURE__ */ n(b.Item, { "aria-hidden": "true", children: g }),
+    /* @__PURE__ */ v(b.Item, { shouldGrow: !0, shouldShrink: !0, children: [
+      h ? /* @__PURE__ */ n(ot, { href: h, forceButtonRole: !1, "data-testid": "edit-item-link", children: y }) : y,
+      /* @__PURE__ */ n(N, { name: c }),
+      k.length > 0 ? /* @__PURE__ */ n("div", { style: De, children: /* @__PURE__ */ n(
+        L,
+        {
+          size: "small",
+          lineHeight: "default",
+          color: "secondary",
+          "data-testid": "edit-item-meta",
+          children: k.map((P, _) => /* @__PURE__ */ v(J, { children: [
+            _ > 0 ? /* @__PURE__ */ n("span", { style: V, children: " " }) : null,
+            /* @__PURE__ */ v("span", { style: _ > 0 ? l : void 0, children: [
+              B(P.icon) ? null : /* @__PURE__ */ n("span", { style: Q, "aria-hidden": "true", children: P.icon }),
+              P.node
+            ] })
+          ] }, P.key))
+        }
+      ) }) : null
+    ] }),
+    /* @__PURE__ */ n(b.Item, { children: /* @__PURE__ */ n(it, { "data-testid": "edit-item-requirement", children: e.completionRequirement ? o("itemRequiredTag") : o("itemOptionalTag") }) }),
+    f
+  ] }) }) }) });
+}
+const kt = Le("grey"), W = (e) => `platform-modules-edit-panel-${e}`, O = { size: "sm", color: "onColor" };
+function Ct(e, t, i, a) {
+  const o = [
+    {
+      key: "items",
+      icon: /* @__PURE__ */ n(Xe, { ...O }),
+      text: i("moduleItemCount", { count: e.itemCount })
+    }
+  ], u = [];
+  e.unlockAt && new Date(e.unlockAt) > t && u.push(a.unlockByline(e.unlockAt, t));
+  const s = e.prerequisiteModules.map((d) => d.name.trim()).filter(Boolean);
+  s.length === 1 ? u.push(i("lockedByPrerequisiteByline", { name: s[0] })) : s.length > 1 && u.push(
+    i("lockedByPrerequisitesByline", {
+      count: s.length,
+      prerequisites: s.join(", ")
+    })
+  ), u.length > 0 && o.push({ key: "lock", icon: /* @__PURE__ */ n(et, { ...O }), text: u.join(" ") }), e.completionRequirements && e.completionRequirements.length > 0 && o.push({
+    key: "requirement",
+    icon: /* @__PURE__ */ n(Je, { ...O }),
+    text: e.requireSequentialProgress ? i("moduleRequirementAllInOrder") : e.requirementCount === 1 ? i("moduleRequirementOne") : i("moduleRequirementAll")
+  });
+  const r = we(e.items);
+  return r !== null && o.push({
+    key: "duration",
+    icon: /* @__PURE__ */ n(Ze, { ...O }),
+    text: a.estimatedDurationByline(r)
+  }), o;
+}
+function Dt({
+  module: e,
+  state: t,
+  today: i,
+  canReorder: a
+}) {
+  const { t: o } = w();
+  if (t.error)
+    return /* @__PURE__ */ n(C, { as: "div", padding: "small", children: /* @__PURE__ */ n(
+      ne,
+      {
+        variant: "error",
+        margin: "0",
+        liveRegion: te,
+        liveRegionPoliteness: "assertive",
+        "data-testid": "edit-items-error",
+        children: o("itemsLoadErrorAlert", { message: t.error.message })
+      }
+    ) });
+  if (t.isLoading)
+    return /* @__PURE__ */ n(C, { as: "div", padding: "small", "data-testid": "edit-items-loading", children: /* @__PURE__ */ n(re, { size: "x-small", renderTitle: o("itemsLoadingSpinnerLabel") }) });
+  if (t.items.length === 0)
+    return /* @__PURE__ */ n(C, { as: "div", padding: "small", "data-testid": "edit-items-empty", children: /* @__PURE__ */ n(L, { size: "small", color: "secondary", children: o("noItemsEmptyState") }) });
+  const u = (s) => {
+    s === 1 ? t.goToFirstPage() : s === t.page - 1 ? t.goToPreviousPage() : s === t.page + 1 ? t.goToNextPage() : s === t.pageCount && t.goToLastPage();
+  };
+  return /* @__PURE__ */ v(Z, { children: [
+    /* @__PURE__ */ n(
+      de,
+      {
+        id: dt(e.id),
+        items: t.items.map((s) => ce(s.id)),
+        strategy: se,
+        children: /* @__PURE__ */ n(tt, { isUnstyled: !0, margin: "none", "data-testid": "edit-items-list", children: t.items.map((s) => /* @__PURE__ */ n(nt, { children: /* @__PURE__ */ n(
+          Pt,
+          {
+            item: s,
+            module: e,
+            today: i,
+            canReorder: a
+          }
+        ) }, s.id)) })
+      }
+    ),
+    t.pageCount > 1 ? /* @__PURE__ */ n(
+      oe,
+      {
+        as: "nav",
+        variant: "compact",
+        withFirstAndLastButton: !0,
+        margin: "small",
+        label: /* @__PURE__ */ n(We, { children: o("itemsPaginationLabel", { name: e.name }) }),
+        labelFirst: o("paginationFirstPage"),
+        labelPrev: o("paginationPreviousPage"),
+        labelNext: o("paginationNextPage"),
+        labelLast: o("paginationLastPage"),
+        screenReaderLabelPageButton: (s) => o("paginationPageLabel", { page: s }),
+        ellipsis: o("paginationEllipsis"),
+        totalPageNumber: t.pageCount,
+        currentPage: t.page,
+        disabled: t.isRefreshing,
+        onPageChange: u,
+        "data-testid": "edit-items-pagination"
+      }
+    ) : null
+  ] });
+}
+function At({
+  module: e,
+  expanded: t,
+  onToggle: i,
+  itemsState: a,
+  today: o,
+  canReorderModules: u,
+  canReorderItems: s,
+  headingLevel: r = "h3"
+}) {
+  var I;
+  const { t: d } = w(), l = Y(), p = G(), c = pe(
+    le(e.id),
+    { kind: "module", moduleId: e.id, name: e.name },
+    u
+  ), m = ((I = l.moduleLabel(e.position, e)) == null ? void 0 : I.trim()) || null, M = m ? d("moduleNameWithLabel", { label: m, name: e.name }) : e.name, f = Ct(e, o, d, l);
+  return /* @__PURE__ */ n("div", { ref: c.setNodeRef, style: c.style, children: /* @__PURE__ */ v(
+    C,
+    {
+      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__ */ n(
+          C,
+          {
+            as: "div",
+            background: e.published ? "success" : "primary-inverse",
+            themeOverride: e.published ? void 0 : kt,
+            padding: "small",
+            "data-testid": "edit-module-header",
+            "data-published": e.published ? "true" : "false",
+            children: /* @__PURE__ */ v(b, { alignItems: "start", gap: "small", children: [
+              u ? /* @__PURE__ */ n(b.Item, { children: /* @__PURE__ */ n(
+                he,
+                {
+                  label: d("dragHandleLabel", { name: e.name }),
+                  attributes: c.attributes,
+                  listeners: c.listeners,
+                  activatorRef: c.setActivatorNodeRef,
+                  color: "primary-inverse",
+                  "data-testid": `module-drag-handle-${e.id}`
+                }
+              ) }) : null,
+              /* @__PURE__ */ n(b.Item, { children: /* @__PURE__ */ n(
+                ae,
+                {
+                  size: "small",
+                  withBackground: !1,
+                  withBorder: !1,
+                  color: "primary-inverse",
+                  screenReaderLabel: t ? d("collapseModule", { name: e.name }) : d("expandModule", { name: e.name }),
+                  "aria-expanded": t,
+                  "aria-controls": W(e.id),
+                  onClick: () => i(e.id),
+                  "data-testid": `edit-toggle-module-${e.id}`,
+                  children: t ? /* @__PURE__ */ n(Ve, {}) : /* @__PURE__ */ n(Qe, {})
+                }
+              ) }),
+              /* @__PURE__ */ v(b.Item, { shouldGrow: !0, shouldShrink: !0, children: [
+                /* @__PURE__ */ n(
+                  ie,
+                  {
+                    level: r,
+                    variant: "titleCardMini",
+                    color: "primary-on",
+                    "aria-label": M,
+                    "data-testid": "edit-module-name",
+                    children: /* @__PURE__ */ n(Be, { linesAllowed: 2, children: M })
+                  }
+                ),
+                /* @__PURE__ */ n(N, { name: e.name }),
+                /* @__PURE__ */ n(C, { as: "div", margin: "xx-small 0 0 0", children: /* @__PURE__ */ n(L, { size: "small", color: "primary-on", "data-testid": "edit-module-meta", children: f.map((g, h) => /* @__PURE__ */ v(J, { children: [
+                  h > 0 ? /* @__PURE__ */ n("span", { style: V, children: " " }) : null,
+                  /* @__PURE__ */ v("span", { style: h > 0 ? p : void 0, children: [
+                    /* @__PURE__ */ n("span", { style: Q, "aria-hidden": "true", children: g.icon }),
+                    g.text
+                  ] })
+                ] }, g.key)) }) })
+              ] }),
+              /* @__PURE__ */ n(ft, { module: e }),
+              /* @__PURE__ */ n(vt, { module: e }),
+              /* @__PURE__ */ n(It, { module: e }),
+              /* @__PURE__ */ n(Mt, { module: e })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ n("div", { id: W(e.id), role: "group", "aria-label": e.name, hidden: !t, children: t ? /* @__PURE__ */ n(
+          Dt,
+          {
+            module: e,
+            state: a,
+            today: o,
+            canReorder: s
+          }
+        ) : null })
+      ]
+    }
+  ) });
+}
+function Lt({
+  data: e,
+  today: t,
+  cardHeadingLevel: i
+}) {
+  const { modules: a, expandedModuleIds: o, toggleModule: u, getItems: s, can: r } = e, d = lt() === "module";
+  return /* @__PURE__ */ n("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, "data-testid": "edit-modules-stack", children: a.map((l) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+    At,
+    {
+      module: l,
+      expanded: !d && o.includes(l.id),
+      onToggle: u,
+      itemsState: s(l.id),
+      today: t,
+      canReorderModules: r.reorderModules,
+      canReorderItems: r.reorderModuleItems,
+      headingLevel: i
+    }
+  ) }, l.id)) });
+}
+function tn({
+  data: e,
+  today: t,
+  as: i = "div",
+  headingLevel: a = "h2"
+}) {
+  const { t: o } = w(), {
+    modules: u,
+    page: s,
+    pageCount: r,
+    goToFirstPage: d,
+    goToPreviousPage: l,
+    goToNextPage: p,
+    goToLastPage: c,
+    isLoading: m,
+    isRefreshing: M,
+    error: f
+  } = e, [I] = X(() => /* @__PURE__ */ new Date()), g = a === "h1" ? "h2" : "h3", h = m || M && u.length === 0, R = u.length === 0 && !h && !f, k = (y) => {
+    y === 1 ? d() : y === s - 1 ? l() : y === s + 1 ? p() : y === r && c();
+  };
+  return /* @__PURE__ */ v(C, { as: i, display: "block", "data-testid": "modules-edit-view", children: [
+    f ? /* @__PURE__ */ n(
+      ne,
+      {
+        variant: "error",
+        margin: "0 0 small 0",
+        liveRegion: te,
+        liveRegionPoliteness: "assertive",
+        "data-testid": "edit-modules-error",
+        children: o("modulesLoadErrorAlert", { message: f.message })
+      }
+    ) : null,
+    h ? /* @__PURE__ */ n(C, { as: "div", padding: "large", textAlign: "center", "data-testid": "edit-modules-loading", children: /* @__PURE__ */ n(re, { renderTitle: o("modulesLoadingSpinnerLabel") }) }) : null,
+    R ? /* @__PURE__ */ v(
+      C,
+      {
+        as: "div",
+        background: "primary",
+        borderRadius: "card.lg",
+        borderWidth: "small",
+        shadow: "resting",
+        padding: "medium",
+        textAlign: "center",
+        "data-testid": "edit-modules-empty",
+        children: [
+          /* @__PURE__ */ n(ie, { level: g, variant: "titleCardLarge", margin: "0 0 x-small 0", children: o("editNoModulesTitle") }),
+          /* @__PURE__ */ n(L, { color: "secondary", children: o("editNoModulesDescription") })
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ n(ht, { data: e, children: /* @__PURE__ */ n(
+      Lt,
+      {
+        data: e,
+        today: t ?? I,
+        cardHeadingLevel: g
+      }
+    ) }),
+    r > 1 && !h ? /* @__PURE__ */ n(
+      oe,
+      {
+        as: "nav",
+        variant: "compact",
+        withFirstAndLastButton: !0,
+        margin: "small 0 0 0",
+        labelFirst: o("paginationFirstPage"),
+        labelPrev: o("paginationPreviousPage"),
+        labelNext: o("paginationNextPage"),
+        labelLast: o("paginationLastPage"),
+        screenReaderLabelPageButton: (y) => o("paginationPageLabel", { page: y }),
+        ellipsis: o("paginationEllipsis"),
+        totalPageNumber: r,
+        currentPage: s,
+        disabled: M,
+        onPageChange: k,
+        "data-testid": "edit-modules-pagination"
+      }
+    ) : null
+  ] });
+}
+function wt(e) {
+  return null;
+}
+function Rt(e) {
+  return null;
+}
+function St(e) {
+  return null;
+}
+function nn({ data: e }) {
+  const { t } = w(), i = Re(), { expandedModuleIds: a, collapseAllModules: o, isPersistingCollapsed: u } = e, s = a.length, r = () => {
+    i("collapse-all"), o(), ee(t("modulesCollapsedAnnouncement", { count: s }));
+  };
+  return /* @__PURE__ */ v(b, { gap: "x-small", wrap: "wrap", justifyItems: "end", "data-testid": "modules-edit-actions", children: [
+    /* @__PURE__ */ n(b.Item, { children: /* @__PURE__ */ n(
+      Ke,
+      {
+        size: "small",
+        onClick: r,
+        interaction: s === 0 || u ? "disabled" : "enabled",
+        "data-testid": "edit-collapse-all",
+        children: t("collapseAllModules")
+      }
+    ) }),
+    /* @__PURE__ */ n(St, { data: e }),
+    /* @__PURE__ */ n(wt, { data: e }),
+    /* @__PURE__ */ n(Rt, { data: e })
+  ] });
 }
 export {
-  k as createInMemoryEditAdapter,
-  F as useModulesEditData
+  ht as EditDndProvider,
+  At as EditModuleCard,
+  Pt as EditModuleItemRow,
+  nn as ModulesEditActions,
+  tn as ModulesEditView,
+  Jt as createInMemoryEditAdapter,
+  D as dragDataOf,
+  en as externalDragId,
+  ce as itemDragId,
+  le as moduleDragId,
+  lt as useActiveDragKind,
+  Zt as useModulesEditData
 };