@instructure/platform-modules 1.14.0 → 1.16.0

package/dist/edit.js

@@ -1,125 +1,128 @@
-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 { Q as fe, a8 as Ie, R as Me, k as K, ax as ve, i as be, c as ye, u as w, q as Y, z as G, v as Pe, ao as Ce, al as ke, aI as B, B as De, C as V, n as Q, aJ as Ae, aK as Le, A as we, p as Re } from "./chunks/ModulesProgressBar-B1oRo549.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 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 { View as k } 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 ze } from "@dnd-kit/core";
+import { SortableContext as de, verticalListSortingStrategy as se, useSortable as He, sortableKeyboardCoordinates as Ue, arrayMove as z } 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 { 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));
+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)];
+}, H = (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 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);
+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 {
-    ...X(e, o),
-    async createModule({ courseId: n, name: i, position: a }) {
-      l(n);
+    ...fe(e, t),
+    async createModule({ courseId: r, name: d, position: l }) {
+      i(r);
       const p = {
-        id: c(e.modules.map((d) => d.id)),
-        name: i,
+        id: s(e.modules.map((c) => c.id)),
+        name: d,
         position: 0,
         published: !1,
         itemCount: 0,
         prerequisiteModules: [],
         requireSequentialProgress: !1
       };
-      return e.modules = k(B(e.modules, p, a)), e.itemsByModuleId[p.id] = [], e.modules[r(p.id)];
+      return e.modules = S(E(e.modules, p, l)), e.itemsByModuleId[p.id] = [], e.modules[a(p.id)];
     },
-    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
+    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 P = e.modules.filter((I) => I.id !== i);
-      return e.modules = k(B(P, M, d ?? h.position)), e.modules[r(i)];
+      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: n, moduleId: i }) {
-      l(n), r(i), e.modules = k(e.modules.filter((a) => a.id !== i)), delete e.itemsByModuleId[i];
+    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: n, moduleIds: i }) {
-      l(n), e.modules = k(S(e.modules, i));
+    async reorderModules({ courseId: r, moduleIds: d }) {
+      i(r), e.modules = S(H(e.modules, d));
     },
-    async setModulesPublished({ courseId: n, moduleIds: i, published: a, includeItems: p }) {
-      l(n);
-      const d = new Set(
-        i === "all" ? e.modules.map((m) => m.id) : i
+    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 (e.modules = e.modules.map(
-        (m) => d.has(m.id) ? { ...m, published: a } : m
+        (m) => c.has(m.id) ? { ...m, published: l } : m
       ), !!p)
-        for (const m of d)
+        for (const m of c)
           u(
             m,
-            s(m).map((h) => ({ ...h, published: a }))
+            o(m).map((M) => ({ ...M, published: l }))
           );
     },
-    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,
+    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: a,
+        type: l,
         position: 0,
         indent: m,
         published: !1,
-        ...h ? { extensions: h } : {}
+        ...M ? { extensions: M } : {}
       };
-      return u(i, B(s(i), P, d)), s(i).find((I) => I.id === P.id);
+      return u(d, E(o(d), I, c)), o(d).find((g) => g.id === I.id);
     },
-    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}`);
+    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(
-        i,
-        s(i).filter((v) => v.id !== a)
+        d,
+        o(d).filter((h) => h.id !== l)
       );
-      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);
+      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: n, moduleId: i, itemId: a }) {
-      l(n), u(
-        i,
-        s(i).filter((p) => p.id !== a)
+    async deleteModuleItem({ courseId: r, moduleId: d, itemId: l }) {
+      i(r), u(
+        d,
+        o(d).filter((p) => p.id !== l)
       );
     },
-    async reorderModuleItems({ courseId: n, moduleId: i, itemIds: a }) {
-      l(n), u(i, S(s(i), a));
+    async reorderModuleItems({ courseId: r, moduleId: d, itemIds: l }) {
+      i(r), u(d, H(o(d), l));
     }
   };
 }
-const Te = [
+const rt = [
   "createModule",
   "updateModule",
   "deleteModule",
@@ -130,240 +133,492 @@ const Te = [
   "deleteModuleItem",
   "reorderModuleItems"
 ];
-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 }),
+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: (u, c, n) => s(n)
+    onSettled: (u, s, r) => o(r)
   });
 }
-function dt(e) {
-  const { adapter: o, courseId: l } = e, r = J({ ...e, view: "teacher" }), s = de(), { permissions: u } = N(), c = j(
+function Zt(e) {
+  const { adapter: t, courseId: i } = e, a = Me({ ...e, view: "teacher" }), o = Se(), { permissions: u } = K(), s = T(
     () => Object.fromEntries(
-      Te.map((d) => [
-        d,
-        typeof o[d] == "function" && u[d] !== !1
+      rt.map((c) => [
+        c,
+        typeof t[c] == "function" && u[c] !== !1
       ])
     ),
-    [o, u]
-  ), n = () => Z(s, l), i = (...d) => Promise.all([
-    n(),
-    ...d.map((m) => ee(s, l, m))
-  ]), a = (d) => {
+    [t, u]
+  ), r = () => be(o, i), d = (...c) => Promise.all([
+    r(),
+    ...c.map((m) => ye(o, i, m))
+  ]), l = (c) => {
     var m;
-    return (m = o[d]) == null ? void 0 : m.bind(o);
+    return (m = t[c]) == null ? void 0 : m.bind(t);
   }, 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),
+    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",
-      c,
-      l,
-      a("setModulesPublished"),
-      ({ includeItems: d }) => d ? K(s, l) : n()
+      s,
+      i,
+      l("setModulesPublished"),
+      ({ includeItems: c }) => c ? ve(o, i) : r()
     ),
     createModuleItem: A(
       "createModuleItem",
-      c,
-      l,
-      a("createModuleItem"),
-      ({ moduleId: d }) => i(d)
+      s,
+      i,
+      l("createModuleItem"),
+      ({ moduleId: c }) => d(c)
     ),
     updateModuleItem: A(
       "updateModuleItem",
-      c,
-      l,
-      a("updateModuleItem"),
-      ({ moduleId: d, patch: m }) => i(
-        d,
-        ...m.moduleId && m.moduleId !== d ? [m.moduleId] : []
+      s,
+      i,
+      l("updateModuleItem"),
+      ({ moduleId: c, patch: m }) => d(
+        c,
+        ...m.moduleId && m.moduleId !== c ? [m.moduleId] : []
       )
     ),
     deleteModuleItem: A(
       "deleteModuleItem",
-      c,
-      l,
-      a("deleteModuleItem"),
-      ({ moduleId: d }) => i(d)
+      s,
+      i,
+      l("deleteModuleItem"),
+      ({ moduleId: c }) => d(c)
     ),
     reorderModuleItems: A(
       "reorderModuleItems",
-      c,
-      l,
-      a("reorderModuleItems"),
-      ({ moduleId: d }) => i(d)
+      s,
+      i,
+      l("reorderModuleItems"),
+      ({ moduleId: c }) => d(c)
     )
   };
-  return { ...r, can: c, mutations: p };
+  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 = He({
+    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 ? [] : ze(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 C = a.map((y) => y.id);
+      s.reorderModules.mutate({
+        moduleIds: z(C, C.indexOf(g.moduleId), C.indexOf(h.moduleId))
+      });
+      return;
+    }
+    if (g.kind !== "item" || h.kind !== "item" || g.itemId === h.itemId) return;
+    if (g.moduleId === h.moduleId) {
+      const C = o(g.moduleId).items.map((y) => y.id);
+      s.reorderModuleItems.mutate({
+        moduleId: g.moduleId,
+        itemIds: z(C, C.indexOf(g.itemId), C.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(
+          k,
+          {
+            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 Be(e) {
+function ft(e) {
   return null;
 }
-function q(e) {
+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 Re(e) {
+function It(e) {
   return null;
 }
-function Ee(e) {
+function Mt(e) {
   return null;
 }
-function qe(e) {
+function vt(e) {
   return null;
 }
-function Fe(e) {
+function bt(e) {
   return null;
 }
-function Se(e) {
+function yt(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 })
+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__ */ t("div", { children: /* @__PURE__ */ t(
-      y,
+    return /* @__PURE__ */ n("div", { ref: m.setNodeRef, style: m.style, children: /* @__PURE__ */ n(
+      k,
       {
         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 })
+        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 })
           ] }),
-          d
+          f
         ] })
       }
     ) });
-  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(
+  const I = Ce(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 }, C = p.map((P) => ({
+    key: P.key,
+    node: P.render(R),
+    icon: P.key === ke ? 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(k, { 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 }),
+      C.length > 0 ? /* @__PURE__ */ n("div", { style: De, children: /* @__PURE__ */ n(
         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
+          children: C.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
             ] })
-          ] }, g.key))
+          ] }, P.key))
         }
       ) }) : null
     ] }),
-    /* @__PURE__ */ t(b.Item, { children: /* @__PURE__ */ t(we, { "data-testid": "edit-item-requirement", children: e.completionRequirement ? r("itemRequiredTag") : r("itemOptionalTag") }) }),
-    d
+    /* @__PURE__ */ n(b.Item, { children: /* @__PURE__ */ n(it, { "data-testid": "edit-item-requirement", children: e.completionRequirement ? o("itemRequiredTag") : o("itemOptionalTag") }) }),
+    f
   ] }) }) }) });
 }
-const Ne = re("grey"), _ = (e) => `platform-modules-edit-panel-${e}`, R = { size: "sm", color: "onColor" };
-function De(e, o, l, r) {
-  const s = [
+const Ct = Le("grey"), W = (e) => `platform-modules-edit-panel-${e}`, O = { size: "sm", color: "onColor" };
+function kt(e, t, i, a) {
+  const o = [
     {
       key: "items",
-      icon: /* @__PURE__ */ t(be, { ...R }),
-      text: l("moduleItemCount", { count: e.itemCount })
+      icon: /* @__PURE__ */ n(Xe, { ...O }),
+      text: i("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(", ")
+  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 && s.push({ key: "lock", icon: /* @__PURE__ */ t(Ae, { ...R }), text: u.join(" ") }), e.completionRequirements && e.completionRequirements.length > 0 && s.push({
+  ), 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__ */ t(ye, { ...R }),
-    text: e.requireSequentialProgress ? l("moduleRequirementAllInOrder") : e.requirementCount === 1 ? l("moduleRequirementOne") : l("moduleRequirementAll")
+    icon: /* @__PURE__ */ n(Je, { ...O }),
+    text: e.requireSequentialProgress ? i("moduleRequirementAllInOrder") : e.requirementCount === 1 ? i("moduleRequirementOne") : i("moduleRequirementAll")
   });
-  const n = se(e.items);
-  return n !== null && s.push({
+  const r = we(e.items);
+  return r !== null && o.push({
     key: "duration",
-    icon: /* @__PURE__ */ t(Pe, { ...R }),
-    text: r.estimatedDurationByline(n)
-  }), s;
+    icon: /* @__PURE__ */ n(Ze, { ...O }),
+    text: a.estimatedDurationByline(r)
+  }), o;
 }
-function Oe({
+function Dt({
   module: e,
-  state: o,
-  today: l
+  state: t,
+  today: i,
+  canReorder: a
 }) {
-  const { t: r } = w();
-  if (o.error)
-    return /* @__PURE__ */ t(y, { as: "div", padding: "small", children: /* @__PURE__ */ t(
-      x,
+  const { t: o } = w();
+  if (t.error)
+    return /* @__PURE__ */ n(k, { as: "div", padding: "small", children: /* @__PURE__ */ n(
+      ne,
       {
         variant: "error",
         margin: "0",
-        liveRegion: H,
+        liveRegion: te,
         liveRegionPoliteness: "assertive",
         "data-testid": "edit-items-error",
-        children: r("itemsLoadErrorAlert", { message: o.error.message })
+        children: o("itemsLoadErrorAlert", { message: t.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();
+  if (t.isLoading)
+    return /* @__PURE__ */ n(k, { 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(k, { 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__ */ 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,
+  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__ */ 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,
+        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 $e({
+function At({
   module: e,
-  expanded: o,
-  onToggle: l,
-  itemsState: r,
-  today: s,
-  headingLevel: u = "h3"
+  expanded: t,
+  onToggle: i,
+  itemsState: a,
+  today: o,
+  canReorderModules: u,
+  canReorderItems: s,
+  headingLevel: r = "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,
+  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 = kt(e, o, d, l);
+  return /* @__PURE__ */ n("div", { ref: c.setNodeRef, style: c.style, children: /* @__PURE__ */ v(
+    k,
     {
       as: "div",
       background: "primary",
@@ -375,117 +630,138 @@ function $e({
       overflowY: "hidden",
       "data-testid": `edit-module-card-${e.id}`,
       children: [
-        /* @__PURE__ */ t(
-          y,
+        /* @__PURE__ */ n(
+          k,
           {
             as: "div",
             background: e.published ? "success" : "primary-inverse",
-            themeOverride: e.published ? void 0 : Ne,
+            themeOverride: e.published ? void 0 : Ct,
             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(
+            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: o ? c("collapseModule", { name: e.name }) : c("expandModule", { name: e.name }),
-                  "aria-expanded": o,
-                  "aria-controls": _(e.id),
-                  onClick: () => l(e.id),
+                  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: o ? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(ve, {})
+                  children: t ? /* @__PURE__ */ n(Ve, {}) : /* @__PURE__ */ n(Qe, {})
                 }
               ) }),
-              /* @__PURE__ */ f(b.Item, { shouldGrow: !0, shouldShrink: !0, children: [
-                /* @__PURE__ */ t(
-                  G,
+              /* @__PURE__ */ v(b.Item, { shouldGrow: !0, shouldShrink: !0, children: [
+                /* @__PURE__ */ n(
+                  ie,
                   {
-                    level: u,
+                    level: r,
                     variant: "titleCardMini",
                     color: "primary-on",
-                    "aria-label": p,
+                    "aria-label": M,
                     "data-testid": "edit-module-name",
-                    children: /* @__PURE__ */ t(me, { linesAllowed: 2, children: p })
+                    children: /* @__PURE__ */ n(Be, { linesAllowed: 2, children: M })
                   }
                 ),
-                /* @__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
+                /* @__PURE__ */ n(N, { name: e.name }),
+                /* @__PURE__ */ n(k, { 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
                   ] })
-                ] }, h.key)) }) })
+                ] }, g.key)) }) })
               ] }),
-              /* @__PURE__ */ t(Be, { module: e }),
-              /* @__PURE__ */ t(qe, { module: e }),
-              /* @__PURE__ */ t(Re, { module: e }),
-              /* @__PURE__ */ t(Ee, { module: e })
+              /* @__PURE__ */ n(ft, { module: e }),
+              /* @__PURE__ */ n(vt, { module: e }),
+              /* @__PURE__ */ n(It, { module: e }),
+              /* @__PURE__ */ n(Mt, { 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 })
+        /* @__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 ze({
+function Lt({
   data: e,
-  today: o,
-  cardHeadingLevel: l
+  today: t,
+  cardHeadingLevel: i
 }) {
-  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,
+  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: n,
-      expanded: s.includes(n.id),
+      module: l,
+      expanded: !d && o.includes(l.id),
       onToggle: u,
-      itemsState: c(n.id),
-      today: o,
-      headingLevel: l
+      itemsState: s(l.id),
+      today: t,
+      canReorderModules: r.reorderModules,
+      canReorderItems: r.reorderModuleItems,
+      headingLevel: i
     }
-  ) }, n.id)) });
+  ) }, l.id)) });
 }
-function ut({
+function tn({
   data: e,
-  today: o,
-  as: l = "div",
-  headingLevel: r = "h2"
+  today: t,
+  as: i = "div",
+  headingLevel: a = "h2"
 }) {
-  const { t: s } = w(), {
+  const { t: o } = w(), {
     modules: u,
-    page: c,
-    pageCount: n,
-    goToFirstPage: i,
-    goToPreviousPage: a,
+    page: s,
+    pageCount: r,
+    goToFirstPage: d,
+    goToPreviousPage: l,
     goToNextPage: p,
-    goToLastPage: d,
+    goToLastPage: c,
     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();
+    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, C = (y) => {
+    y === 1 ? d() : y === s - 1 ? l() : y === s + 1 ? p() : y === r && c();
   };
-  return /* @__PURE__ */ f(y, { as: l, display: "block", "data-testid": "modules-edit-view", children: [
-    M ? /* @__PURE__ */ t(
-      x,
+  return /* @__PURE__ */ v(k, { as: i, display: "block", "data-testid": "modules-edit-view", children: [
+    f ? /* @__PURE__ */ n(
+      ne,
       {
         variant: "error",
         margin: "0 0 small 0",
-        liveRegion: H,
+        liveRegion: te,
         liveRegionPoliteness: "assertive",
         "data-testid": "edit-modules-error",
-        children: s("modulesLoadErrorAlert", { message: M.message })
+        children: o("modulesLoadErrorAlert", { message: f.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,
+    h ? /* @__PURE__ */ n(k, { as: "div", padding: "large", textAlign: "center", "data-testid": "edit-modules-loading", children: /* @__PURE__ */ n(re, { renderTitle: o("modulesLoadingSpinnerLabel") }) }) : null,
+    R ? /* @__PURE__ */ v(
+      k,
       {
         as: "div",
         background: "primary",
@@ -496,75 +772,81 @@ function ut({
         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") })
+          /* @__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__ */ t(
-      ze,
+    /* @__PURE__ */ n(ht, { data: e, children: /* @__PURE__ */ n(
+      Lt,
       {
         data: e,
-        today: o ?? P,
-        cardHeadingLevel: I
+        today: t ?? I,
+        cardHeadingLevel: g
       }
-    ),
-    n > 1 && !v ? /* @__PURE__ */ t(
-      V,
+    ) }),
+    r > 1 && !h ? /* @__PURE__ */ n(
+      oe,
       {
         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,
+        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: C,
         "data-testid": "edit-modules-pagination"
       }
     ) : null
   ] });
 }
-function je(e) {
+function wt(e) {
   return null;
 }
-function Ue(e) {
+function Rt(e) {
   return null;
 }
-function We(e) {
+function St(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 }));
+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__ */ f(b, { gap: "x-small", wrap: "wrap", justifyItems: "end", "data-testid": "modules-edit-actions", children: [
-    /* @__PURE__ */ t(b.Item, { children: /* @__PURE__ */ t(
-      Me,
+  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: n,
-        interaction: c === 0 || u ? "disabled" : "enabled",
+        onClick: r,
+        interaction: s === 0 || u ? "disabled" : "enabled",
         "data-testid": "edit-collapse-all",
-        children: o("collapseAllModules")
+        children: t("collapseAllModules")
       }
     ) }),
-    /* @__PURE__ */ t(We, { data: e }),
-    /* @__PURE__ */ t(je, { data: e }),
-    /* @__PURE__ */ t(Ue, { data: e })
+    /* @__PURE__ */ n(St, { data: e }),
+    /* @__PURE__ */ n(wt, { data: e }),
+    /* @__PURE__ */ n(Rt, { data: e })
   ] });
 }
 export {
-  $e as EditModuleCard,
-  _e as EditModuleItemRow,
-  ct as ModulesEditActions,
-  ut as ModulesEditView,
-  at as createInMemoryEditAdapter,
-  dt 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
 };