@instructure/platform-rubrics 0.7.1 → 0.8.0

package/dist/foundation.js

@@ -1,19 +1,30 @@
-import { g as v } from "./chunks/helloWorld-DAP1kQju.js";
-import { D as J, a as Z } from "./chunks/helloWorld-DAP1kQju.js";
+import { g as De, u as we, R as Le, r as Te, e as ee, b as Ee } from "./chunks/errorPage-Jon3K-u6.js";
+import { D as Zr, a as ei } from "./chunks/errorPage-Jon3K-u6.js";
 import "@instructure/platform-provider";
-import "react";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { Heading as x } from "@instructure/ui-heading";
-import { View as o } from "@instructure/ui-view";
-import { Button as T } from "@instructure/ui-buttons";
-import { Flex as f } from "@instructure/ui-flex";
-import { SimpleSelect as h } from "@instructure/ui-simple-select";
-import { Spinner as C } from "@instructure/ui-spinner";
-import { Text as m } from "@instructure/ui-text";
-import { useQuery as I } from "@tanstack/react-query";
-import { u as R, T as y, t as _, i as E, a as L } from "./chunks/useRubricsPlatformUiContext-BNQd8FbG.js";
-import U from "graphql-tag";
-const K = () => /* @__PURE__ */ e(o, { as: "div", padding: "small", children: /* @__PURE__ */ e(x, { level: "h2", children: v("foundation") }) }), A = U`
+import { useState as k, useEffect as $, useRef as X, useCallback as ke } from "react";
+import { jsx as e, jsxs as c, Fragment as xe } from "react/jsx-runtime";
+import { Heading as A } from "@instructure/ui-heading";
+import { View as h } from "@instructure/ui-view";
+import { Button as x, CloseButton as Pe, IconButton as j } from "@instructure/ui-buttons";
+import { Flex as p } from "@instructure/ui-flex";
+import { SimpleSelect as V } from "@instructure/ui-simple-select";
+import { Spinner as Ae } from "@instructure/ui-spinner";
+import { Text as I } from "@instructure/ui-text";
+import { useQuery as Oe } from "@tanstack/react-query";
+import { u as Ne, T as te, t as ae, i as ne, a as D, b as le, p as re, C as oe, c as ie, d as Me, e as se, f as K, s as de, K as ce, P as ue, r as He, D as me, S as be, v as ge, g as Ue, h as _e, j as qe, k as ze, l as Fe, m as Ge, n as We, w as $e, o as je, q as Ke, x as Qe, y as Ve, z as Xe, A as Ye, B as Je } from "./chunks/ErrorShip-Dzd13wSZ.js";
+import Ze from "graphql-tag";
+import { LoadingIndicator as er } from "@instructure/platform-loading-indicator";
+import { Alert as rr } from "@instructure/ui-alerts";
+import { IconDragHandleLine as he, IconTrashLine as pe, IconAddLine as fe, IconArrowOpenDownLine as ir, IconArrowOpenEndLine as tr, IconDuplicateLine as ar } from "@instructure/ui-icons";
+import { Modal as G } from "@instructure/ui-modal";
+import { ScreenReaderContent as nr } from "@instructure/ui-a11y-content";
+import { Checkbox as lr } from "@instructure/ui-checkbox";
+import { Pill as Ce } from "@instructure/ui-pill";
+import { TextArea as or } from "@instructure/ui-text-area";
+import { TextInput as Q } from "@instructure/ui-text-input";
+import { NumberInput as sr } from "@instructure/ui-number-input";
+import { RadioInputGroup as dr, RadioInput as cr } from "@instructure/ui-radio-input";
+const Qr = () => /* @__PURE__ */ e(h, { as: "div", padding: "small", children: /* @__PURE__ */ e(A, { level: "h2", children: De("foundation") }) }), ur = Ze`
   query CourseRubricsList($courseId: ID!, $first: Int) {
     course(id: $courseId) {
       rubricsConnection(first: $first) {
@@ -31,74 +42,760 @@ const K = () => /* @__PURE__ */ e(o, { as: "div", padding: "small", children: /*
     }
   }
 `;
-function w(t) {
-  const { executeQuery: a } = R();
-  return I({
-    queryKey: ["courseRubrics", t],
+function mr(r) {
+  const { executeQuery: n } = Ne();
+  return Oe({
+    queryKey: ["courseRubrics", r],
     queryFn: async () => {
-      var i;
-      const { course: s } = await a(A, {
-        courseId: t,
+      var o;
+      const { course: d } = await n(ur, {
+        courseId: r,
         first: 50
-      }), r = s == null ? void 0 : s.rubricsConnection;
+      }), i = d == null ? void 0 : d.rubricsConnection;
       return {
-        rubrics: ((r == null ? void 0 : r.nodes) ?? []).filter(
-          (u) => u != null
+        rubrics: ((i == null ? void 0 : i.nodes) ?? []).filter(
+          (t) => t != null
         ),
-        hasMore: ((i = r == null ? void 0 : r.pageInfo) == null ? void 0 : i.hasNextPage) ?? !1
+        hasMore: ((o = i == null ? void 0 : i.pageInfo) == null ? void 0 : o.hasNextPage) ?? !1
       };
     },
-    enabled: !!t
+    enabled: !!r
   });
 }
-const X = (t) => /* @__PURE__ */ e(y, { translations: E, translate: _, children: /* @__PURE__ */ e(z, { ...t }) }), z = ({
-  courseId: t,
-  value: a,
-  onChange: s
+const Vr = (r) => /* @__PURE__ */ e(te, { translations: ne, translate: ae, children: /* @__PURE__ */ e(br, { ...r }) }), br = ({
+  courseId: r,
+  value: n,
+  onChange: d
 }) => {
-  const { translations: r } = L(), { data: i, isLoading: u, isError: b, refetch: g } = w(t), c = i == null ? void 0 : i.rubrics;
-  return u ? /* @__PURE__ */ n(o, { as: "div", role: "status", "aria-live": "polite", margin: "0 0 medium", children: [
-    /* @__PURE__ */ e(C, { renderTitle: r.rubricSelectorLoading, size: "x-small" }),
-    /* @__PURE__ */ e(o, { as: "span", padding: "0 0 0 x-small", children: /* @__PURE__ */ e(m, { size: "small", children: r.rubricSelectorLoading }) })
-  ] }) : b ? /* @__PURE__ */ e(o, { as: "div", margin: "0 0 medium", children: /* @__PURE__ */ n(f, { gap: "small", alignItems: "center", wrap: "wrap", children: [
-    /* @__PURE__ */ e(f.Item, { children: /* @__PURE__ */ n(m, { size: "small", color: "danger", children: [
-      r.rubricSelectorErrorTitle,
+  const { translations: i } = D(), { data: o, isLoading: t, isError: a, refetch: s } = mr(r), m = o == null ? void 0 : o.rubrics;
+  return t ? /* @__PURE__ */ c(h, { as: "div", role: "status", "aria-live": "polite", margin: "0 0 medium", children: [
+    /* @__PURE__ */ e(Ae, { renderTitle: i.rubricSelectorLoading, size: "x-small" }),
+    /* @__PURE__ */ e(h, { as: "span", padding: "0 0 0 x-small", children: /* @__PURE__ */ e(I, { size: "small", children: i.rubricSelectorLoading }) })
+  ] }) : a ? /* @__PURE__ */ e(h, { as: "div", margin: "0 0 medium", children: /* @__PURE__ */ c(p, { gap: "small", alignItems: "center", wrap: "wrap", children: [
+    /* @__PURE__ */ e(p.Item, { children: /* @__PURE__ */ c(I, { size: "small", color: "danger", children: [
+      i.rubricSelectorErrorTitle,
       ". ",
-      r.rubricSelectorErrorBody
+      i.rubricSelectorErrorBody
     ] }) }),
-    /* @__PURE__ */ e(f.Item, { children: /* @__PURE__ */ e(T, { size: "small", onClick: () => g(), children: r.rubricSelectorRetry }) })
-  ] }) }) : !c || c.length === 0 ? /* @__PURE__ */ e(o, { as: "div", margin: "0 0 medium", children: /* @__PURE__ */ e(m, { size: "small", children: r.rubricSelectorEmpty }) }) : /* @__PURE__ */ n(o, { as: "div", margin: "0 0 medium", maxWidth: "360px", children: [
-    /* @__PURE__ */ n(
-      h,
+    /* @__PURE__ */ e(p.Item, { children: /* @__PURE__ */ e(x, { size: "small", onClick: () => s(), children: i.rubricSelectorRetry }) })
+  ] }) }) : !m || m.length === 0 ? /* @__PURE__ */ e(h, { as: "div", margin: "0 0 medium", children: /* @__PURE__ */ e(I, { size: "small", children: i.rubricSelectorEmpty }) }) : /* @__PURE__ */ c(h, { as: "div", margin: "0 0 medium", maxWidth: "360px", children: [
+    /* @__PURE__ */ c(
+      V,
       {
-        renderLabel: r.rubricSelectorLabel,
-        assistiveText: r.rubricSelectorAssistiveText,
-        value: a ?? "",
-        onChange: (l, { value: d }) => {
-          if (typeof d != "string" || !d) return;
-          const p = c.find((S) => S.id === d);
-          s(d, (p == null ? void 0 : p.title) ?? "");
+        renderLabel: i.rubricSelectorLabel,
+        assistiveText: i.rubricSelectorAssistiveText,
+        value: n ?? "",
+        onChange: (l, { value: u }) => {
+          if (typeof u != "string" || !u) return;
+          const g = m.find((f) => f.id === u);
+          d(u, (g == null ? void 0 : g.title) ?? "");
         },
         children: [
-          a === void 0 && /* @__PURE__ */ e(h.Option, { id: "rubrics-rubric-selector-placeholder", value: "", children: r.rubricSelectorPlaceholder }),
-          c.map((l) => /* @__PURE__ */ e(
-            h.Option,
+          n === void 0 && /* @__PURE__ */ e(V.Option, { id: "rubrics-rubric-selector-placeholder", value: "", children: i.rubricSelectorPlaceholder }),
+          m.map((l) => /* @__PURE__ */ e(
+            V.Option,
             {
               id: `rubrics-rubric-selector-option-${l.id}`,
               value: l.id,
-              children: l.title || r.rubricSelectorUntitled
+              children: l.title || i.rubricSelectorUntitled
             },
             l.id
           ))
         ]
       }
     ),
-    (i == null ? void 0 : i.hasMore) && /* @__PURE__ */ e(o, { as: "div", padding: "xx-small 0 0", children: /* @__PURE__ */ e(m, { size: "x-small", color: "secondary", children: r.rubricSelectorTruncated }) })
+    (o == null ? void 0 : o.hasMore) && /* @__PURE__ */ e(h, { as: "div", padding: "xx-small 0 0", children: /* @__PURE__ */ e(I, { size: "x-small", color: "secondary", children: i.rubricSelectorTruncated }) })
+  ] });
+}, Y = ({
+  isOpen: r,
+  heading: n,
+  body: d,
+  confirmLabel: i,
+  cancelLabel: o,
+  onConfirm: t,
+  onDismiss: a,
+  "data-testid": s
+}) => {
+  const { translations: m } = D();
+  return /* @__PURE__ */ c(G, { open: r, onDismiss: a, size: "small", label: n, "data-testid": s, children: [
+    /* @__PURE__ */ c(G.Header, { children: [
+      /* @__PURE__ */ e(
+        Pe,
+        {
+          placement: "end",
+          offset: "small",
+          onClick: a,
+          screenReaderLabel: m.close
+        }
+      ),
+      /* @__PURE__ */ e(A, { level: "h2", children: n })
+    ] }),
+    /* @__PURE__ */ e(G.Body, { children: /* @__PURE__ */ e(I, { children: d }) }),
+    /* @__PURE__ */ c(G.Footer, { children: [
+      /* @__PURE__ */ e(x, { onClick: a, margin: "0 x-small 0 0", children: o }),
+      /* @__PURE__ */ e(x, { color: "primary", onClick: t, "data-testid": "confirm-modal-confirm", children: i })
+    ] })
+  ] });
+}, gr = ({
+  criteriaCount: r,
+  showMissingCriteriaError: n,
+  actions: d,
+  children: i
+}) => {
+  const { translations: o } = D();
+  return /* @__PURE__ */ c(h, { as: "section", "aria-labelledby": "rubric-builder-criteria-heading", children: [
+    /* @__PURE__ */ c(p, { justifyItems: "space-between", alignItems: "center", wrap: "wrap", gap: "small", children: [
+      /* @__PURE__ */ e(A, { level: "h3", id: "rubric-builder-criteria-heading", children: o.rubricBuilderCriteriaHeading }),
+      d && /* @__PURE__ */ e(p, { gap: "small", wrap: "wrap", children: d })
+    ] }),
+    /* @__PURE__ */ e(h, { as: "div", margin: "small 0 0", children: r === 0 ? /* @__PURE__ */ e(I, { color: "secondary", children: o.rubricBuilderCriteriaEmpty }) : i }),
+    /* @__PURE__ */ e("div", { "aria-live": "polite", children: n && r === 0 && /* @__PURE__ */ e(I, { color: "danger", "data-testid": "rubric-builder-criteria-error", children: o.rubricBuilderAddCriterionError }) })
+  ] });
+}, hr = ({
+  rating: r,
+  sortableId: n,
+  position: d,
+  rangeStart: i,
+  useRange: o,
+  showNameError: t,
+  canRemove: a,
+  onChange: s,
+  onPointsBlur: m,
+  onRemove: l
+}) => {
+  const { translations: u, translate: g } = D(), { attributes: f, listeners: S, setNodeRef: L, transform: P, transition: B } = le({
+    id: n
+  }), [v, T] = k(String(r.points));
+  $(() => {
+    re(v) !== r.points && T(String(r.points));
+  }, [r.points]);
+  const E = (C, R) => {
+    T(R), s({ ...r, points: C });
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: L,
+      style: { transform: oe.Transform.toString(P), transition: B },
+      "data-testid": "rubric-builder-rating-row",
+      children: /* @__PURE__ */ c(p, { gap: "small", alignItems: "start", wrap: "wrap", margin: "0 0 small", children: [
+        /* @__PURE__ */ e(
+          h,
+          {
+            as: "div",
+            cursor: "grab",
+            margin: "medium 0 0",
+            "aria-label": g("rubricBuilderReorderRating", { position: d }),
+            ...f,
+            ...S,
+            children: /* @__PURE__ */ e(he, { "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ e(h, { as: "div", minWidth: "1.5rem", margin: "medium 0 0", children: /* @__PURE__ */ e(I, { weight: "bold", "aria-hidden": "true", children: d }) }),
+        /* @__PURE__ */ c(p, { gap: "x-small", alignItems: "end", children: [
+          o && i !== void 0 && /* @__PURE__ */ e(h, { as: "div", margin: "0 0 x-small", children: /* @__PURE__ */ e(I, { children: g("rangeStartPrefix", { rangeStart: i }) }) }),
+          /* @__PURE__ */ e(
+            sr,
+            {
+              renderLabel: o ? u.rubricBuilderPointRangeLabel : u.rubricBuilderPointsLabel,
+              allowStringValue: !0,
+              showArrows: !1,
+              width: "6rem",
+              value: v,
+              onChange: (C, R) => {
+                Me(R) && E(re(R), R);
+              },
+              onIncrement: () => {
+                const C = ie(Math.floor(r.points) + 1);
+                E(C, String(C));
+              },
+              onDecrement: () => {
+                const C = ie(Math.floor(r.points) - 1);
+                E(C, String(C));
+              },
+              onBlur: m,
+              "data-testid": "rubric-builder-rating-points"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(p.Item, { shouldGrow: !0, shouldShrink: !0, size: "10rem", children: /* @__PURE__ */ e(
+          Q,
+          {
+            renderLabel: u.rubricBuilderRatingNameLabel,
+            isRequired: !0,
+            value: r.description,
+            onChange: (C) => s({ ...r, description: C.target.value }),
+            messages: t ? [{ text: u.rubricBuilderRatingNameRequired, type: "error" }] : [],
+            "data-testid": "rubric-builder-rating-name"
+          }
+        ) }),
+        /* @__PURE__ */ e(p.Item, { shouldGrow: !0, shouldShrink: !0, size: "14rem", children: /* @__PURE__ */ e(
+          Q,
+          {
+            renderLabel: u.rubricBuilderRatingDescriptionLabel,
+            value: r.longDescription,
+            onChange: (C) => s({ ...r, longDescription: C.target.value }),
+            "data-testid": "rubric-builder-rating-description"
+          }
+        ) }),
+        a && /* @__PURE__ */ e(h, { as: "div", margin: "medium 0 0", children: /* @__PURE__ */ e(
+          j,
+          {
+            screenReaderLabel: g("rubricBuilderRemoveRating", { position: d }),
+            withBackground: !1,
+            withBorder: !1,
+            onClick: l,
+            "data-testid": "rubric-builder-remove-rating",
+            children: /* @__PURE__ */ e(pe, {})
+          }
+        ) })
+      ] })
+    }
+  );
+}, pr = ({
+  ratings: r,
+  useRange: n,
+  ratingNamesRequired: d,
+  onChange: i
+}) => {
+  const { translations: o } = D(), t = se(
+    K(ue, { activationConstraint: { distance: 8 } }),
+    K(ce, { coordinateGetter: de })
+  ), a = r.map(He);
+  return /* @__PURE__ */ c(h, { as: "div", children: [
+    /* @__PURE__ */ e(me, { sensors: t, onDragEnd: ({ active: m, over: l }) => {
+      if (!l || m.id === l.id) return;
+      const u = a.indexOf(String(m.id)), g = a.indexOf(String(l.id));
+      u === -1 || g === -1 || i(Ge({ list: r, startIndex: u, endIndex: g }));
+    }, children: /* @__PURE__ */ e(be, { items: a, strategy: ge, children: r.map((m, l) => /* @__PURE__ */ e(
+      hr,
+      {
+        rating: m,
+        sortableId: a[l],
+        position: l + 1,
+        rangeStart: Ue(r, l),
+        useRange: n,
+        showNameError: d.includes(l),
+        canRemove: r.length > 1,
+        onChange: (u) => i(ze(r, l, u)),
+        onPointsBlur: () => i(qe(r)),
+        onRemove: () => i(_e(r, l))
+      },
+      a[l]
+    )) }) }),
+    /* @__PURE__ */ e(
+      x,
+      {
+        renderIcon: /* @__PURE__ */ e(fe, {}),
+        withBackground: !1,
+        onClick: () => i(Fe(r, r.length)),
+        "data-testid": "rubric-builder-add-rating",
+        children: o.rubricBuilderAddRatingLevel
+      }
+    )
+  ] });
+}, fr = ({
+  criterion: r,
+  sortableId: n,
+  position: d,
+  errors: i,
+  showErrors: o,
+  shouldFocusName: t,
+  shouldFocusHandle: a,
+  onNameFocused: s,
+  onHandleFocused: m,
+  onChange: l,
+  onDuplicate: u,
+  onDelete: g
+}) => {
+  const { translations: f, translate: S } = D(), { rubricCriterionRange: L } = we(), { attributes: P, listeners: B, setNodeRef: v, transform: T, transition: E, isDragging: C } = le({
+    id: n
+  }), [R, _] = k(!r.description.trim()), [O, N] = k(!1), q = X(null), M = X(null), H = o && We(i), z = S("rubricBuilderCriterionHeading", { position: d }), U = r.description.trim(), w = U || z, F = `rubric-builder-criterion-body-${n}`;
+  return $(() => {
+    H && _(!0);
+  }, [H]), $(() => {
+    var b;
+    t && R && ((b = q.current) == null || b.focus(), s());
+  }, [t, R, s]), $(() => {
+    var b;
+    a && ((b = M.current) == null || b.focus(), m());
+  }, [a, m]), /* @__PURE__ */ c(
+    "div",
+    {
+      ref: v,
+      style: { transform: oe.Transform.toString(T), transition: E },
+      "data-testid": "rubric-builder-criterion-card",
+      children: [
+        /* @__PURE__ */ c(
+          h,
+          {
+            as: "section",
+            "aria-label": w,
+            borderWidth: "small",
+            borderRadius: "medium",
+            padding: "small medium",
+            margin: "0 0 small",
+            background: "primary",
+            shadow: C ? "above" : "none",
+            children: [
+              /* @__PURE__ */ c(p, { gap: "small", alignItems: "center", wrap: "wrap", children: [
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    ref: M,
+                    "aria-label": S("rubricBuilderReorderCriterion", { name: w }),
+                    "data-testid": "rubric-builder-criterion-drag-handle",
+                    ...P,
+                    ...B,
+                    children: /* @__PURE__ */ e(he, { "aria-hidden": "true" })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  j,
+                  {
+                    screenReaderLabel: S(
+                      R ? "rubricBuilderCollapseCriterion" : "rubricBuilderExpandCriterion",
+                      { name: w }
+                    ),
+                    "aria-expanded": R,
+                    "aria-controls": F,
+                    withBackground: !1,
+                    withBorder: !1,
+                    size: "small",
+                    onClick: () => _((b) => !b),
+                    "data-testid": "rubric-builder-criterion-toggle",
+                    children: R ? /* @__PURE__ */ e(ir, {}) : /* @__PURE__ */ e(tr, {})
+                  }
+                ),
+                /* @__PURE__ */ e(p.Item, { shouldGrow: !0, shouldShrink: !0, children: /* @__PURE__ */ c(A, { level: "h4", children: [
+                  z,
+                  U && /* @__PURE__ */ e(I, { weight: "normal", "data-testid": "rubric-builder-criterion-name", children: `: ${U}` })
+                ] }) }),
+                /* @__PURE__ */ e(Ce, { "data-testid": "rubric-builder-criterion-max", children: S("rubricBuilderCriterionMaxPoints", { count: r.points }) }),
+                /* @__PURE__ */ e(
+                  j,
+                  {
+                    screenReaderLabel: S("rubricBuilderDuplicateCriterion", { name: w }),
+                    withBackground: !1,
+                    withBorder: !1,
+                    onClick: u,
+                    "data-testid": "rubric-builder-duplicate-criterion",
+                    children: /* @__PURE__ */ e(ar, {})
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  j,
+                  {
+                    screenReaderLabel: S("rubricBuilderDeleteCriterion", { name: w }),
+                    withBackground: !1,
+                    withBorder: !1,
+                    onClick: () => N(!0),
+                    "data-testid": "rubric-builder-delete-criterion",
+                    children: /* @__PURE__ */ e(pe, {})
+                  }
+                )
+              ] }),
+              R && /* @__PURE__ */ e(h, { as: "div", id: F, margin: "medium 0 0", children: /* @__PURE__ */ c(p, { direction: "column", gap: "medium", children: [
+                /* @__PURE__ */ e(
+                  Q,
+                  {
+                    renderLabel: f.rubricBuilderCriterionNameLabel,
+                    isRequired: !0,
+                    value: r.description,
+                    inputRef: (b) => {
+                      q.current = b;
+                    },
+                    onChange: (b) => l({ ...r, description: b.target.value }),
+                    messages: o && i.nameRequired ? [{ text: f.rubricBuilderCriterionNameRequired, type: "error" }] : [],
+                    "data-testid": "rubric-builder-criterion-name-input"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  or,
+                  {
+                    label: f.rubricBuilderCriterionDescriptionLabel,
+                    value: r.longDescription ?? "",
+                    onChange: (b) => l({ ...r, longDescription: b.target.value }),
+                    "data-testid": "rubric-builder-criterion-description"
+                  }
+                ),
+                L && /* @__PURE__ */ e(
+                  lr,
+                  {
+                    variant: "toggle",
+                    label: f.rubricBuilderEnableRange,
+                    checked: r.criterionUseRange,
+                    onChange: (b) => l({ ...r, criterionUseRange: b.target.checked }),
+                    "data-testid": "rubric-builder-enable-range"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  pr,
+                  {
+                    ratings: r.ratings,
+                    useRange: r.criterionUseRange,
+                    ratingNamesRequired: o ? i.ratingNamesRequired : [],
+                    onChange: (b) => l($e(r, b))
+                  }
+                )
+              ] }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          Y,
+          {
+            isOpen: O,
+            heading: f.rubricBuilderCriterionDeleteHeading,
+            body: f.rubricBuilderCriterionDeleteBody,
+            confirmLabel: f.delete,
+            cancelLabel: f.cancel,
+            onConfirm: () => {
+              N(!1), g();
+            },
+            onDismiss: () => N(!1),
+            "data-testid": "rubric-builder-delete-criterion-modal"
+          }
+        )
+      ]
+    }
+  );
+}, Cr = ({
+  criteria: r,
+  criteriaValidationErrors: n,
+  showErrors: d,
+  focusNameCriterionId: i,
+  onFocusedName: o,
+  onChangeCriterion: t,
+  onDuplicateCriterion: a,
+  onDeleteCriterion: s,
+  onReorderCriteria: m
+}) => {
+  const {
+    sortableIds: l,
+    movedCriterionId: u,
+    clearMovedCriterion: g,
+    srAnnouncement: f,
+    moveCriterionBySortableId: S
+  } = je({ criteria: r, onReorderCriteria: m }), L = se(
+    K(ue, { activationConstraint: { distance: 8 } }),
+    K(ce, { coordinateGetter: de })
+  );
+  return /* @__PURE__ */ c(xe, { children: [
+    /* @__PURE__ */ e(nr, { children: /* @__PURE__ */ e("div", { "aria-live": "polite", "aria-atomic": "true", children: f }) }),
+    /* @__PURE__ */ e(me, { sensors: L, onDragEnd: ({ active: B, over: v }) => {
+      v && S(B.id, v.id);
+    }, children: /* @__PURE__ */ e(be, { items: l, strategy: ge, children: r.map((B, v) => /* @__PURE__ */ e(
+      fr,
+      {
+        criterion: B,
+        sortableId: l[v],
+        position: v + 1,
+        errors: n[v],
+        showErrors: d,
+        shouldFocusName: B.id === i,
+        shouldFocusHandle: B.id === u,
+        onNameFocused: o,
+        onHandleFocused: g,
+        onChange: t,
+        onDuplicate: () => a(B),
+        onDelete: () => s(B)
+      },
+      l[v]
+    )) }) })
+  ] });
+}, vr = ({
+  savePending: r,
+  onDiscard: n,
+  onSave: d
+}) => {
+  const { translations: i } = D();
+  return /* @__PURE__ */ e(
+    h,
+    {
+      as: "footer",
+      position: "sticky",
+      insetBlockEnd: "0",
+      background: "primary",
+      borderWidth: "small none none none",
+      padding: "small 0",
+      stacking: "above",
+      children: /* @__PURE__ */ c(p, { justifyItems: "end", gap: "small", wrap: "wrap", children: [
+        /* @__PURE__ */ e(x, { onClick: n, "data-testid": "rubric-builder-discard", children: i.rubricBuilderDiscard }),
+        /* @__PURE__ */ e(
+          x,
+          {
+            color: "primary",
+            onClick: d,
+            interaction: r ? "disabled" : "enabled",
+            "data-testid": "rubric-builder-save",
+            children: i.rubricBuilderSave
+          }
+        )
+      ] })
+    }
+  );
+}, Rr = ({ isNewRubric: r, pointsPossible: n }) => {
+  const { translations: d, translate: i } = D();
+  return /* @__PURE__ */ c(p, { as: "header", justifyItems: "space-between", alignItems: "center", wrap: "wrap", gap: "small", children: [
+    /* @__PURE__ */ e(A, { level: "h2", children: r ? d.rubricBuilderCreateTitle : d.rubricBuilderEditTitle }),
+    /* @__PURE__ */ e(Ce, { "data-testid": "rubric-builder-current-total", children: i("rubricBuilderCurrentTotal", { count: n }) })
+  ] });
+}, W = ({ name: r, label: n, value: d, options: i, onChange: o }) => /* @__PURE__ */ e(
+  dr,
+  {
+    name: r,
+    description: n,
+    variant: "toggle",
+    layout: "columns",
+    value: d,
+    onChange: (t, a) => o(a),
+    children: i.map((t) => /* @__PURE__ */ e(cr, { value: t.value, label: t.label }, t.value))
+  }
+), Br = ({
+  rubricForm: r,
+  setRubricFormField: n,
+  validateTitle: d,
+  titleError: i,
+  titleInputRef: o
+}) => {
+  const { translations: t } = D(), a = (s) => {
+    if (s === "unscored" === r.hidePoints) return;
+    const { hidePoints: m, hideScoreTotal: l, useForGrading: u, buttonDisplay: g } = Ke(
+      r.hidePoints
+    );
+    n("hidePoints", m), n("hideScoreTotal", l), n("useForGrading", u), g && n("buttonDisplay", g);
+  };
+  return /* @__PURE__ */ c(
+    h,
+    {
+      as: "section",
+      "aria-labelledby": "rubric-builder-details-heading",
+      borderWidth: "small",
+      borderRadius: "medium",
+      padding: "medium",
+      children: [
+        /* @__PURE__ */ e(A, { level: "h3", id: "rubric-builder-details-heading", margin: "0 0 medium", children: t.rubricBuilderDetailsHeading }),
+        /* @__PURE__ */ c(p, { direction: "column", gap: "medium", children: [
+          /* @__PURE__ */ e(
+            Q,
+            {
+              "data-testid": "rubric-builder-name",
+              renderLabel: t.rubricBuilderNameLabel,
+              isRequired: !0,
+              value: r.title,
+              inputRef: o,
+              onChange: (s) => n("title", s.target.value),
+              onBlur: (s) => d(s.target.value),
+              messages: i ? [{ text: i, type: "error" }] : []
+            }
+          ),
+          /* @__PURE__ */ c(p, { gap: "medium", wrap: "wrap", children: [
+            /* @__PURE__ */ e(
+              W,
+              {
+                name: "rubric-builder-scoring",
+                label: t.scoringTypeSelectLabel,
+                value: r.hidePoints ? "unscored" : "scored",
+                options: [
+                  { value: "scored", label: t.scoringTypeScored },
+                  { value: "unscored", label: t.scoringTypeUnscored }
+                ],
+                onChange: a
+              }
+            ),
+            /* @__PURE__ */ e(
+              W,
+              {
+                name: "rubric-builder-display",
+                label: t.rubricBuilderDisplayLabel,
+                value: r.buttonDisplay,
+                options: [
+                  { value: "points", label: t.ratingDisplayPoints },
+                  { value: "numeric", label: t.ratingDisplayLevel }
+                ],
+                onChange: (s) => n("buttonDisplay", s)
+              }
+            ),
+            /* @__PURE__ */ e(
+              W,
+              {
+                name: "rubric-builder-feedback",
+                label: t.rubricBuilderFeedbackLabel,
+                value: r.freeFormCriterionComments ? "freeForm" : "scale",
+                options: [
+                  { value: "scale", label: t.gradingTypeScale },
+                  { value: "freeForm", label: t.rubricBuilderFeedbackWrittenOnly }
+                ],
+                onChange: (s) => n("freeFormCriterionComments", s === "freeForm")
+              }
+            ),
+            /* @__PURE__ */ e(
+              W,
+              {
+                name: "rubric-builder-rating-order",
+                label: t.rubricBuilderRatingOrderLabel,
+                value: r.ratingOrder,
+                options: [
+                  { value: "ascending", label: t.rubricBuilderRatingOrderLowToHigh },
+                  { value: "descending", label: t.rubricBuilderRatingOrderHighToLow }
+                ],
+                onChange: (s) => n("ratingOrder", s)
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}, Xr = (r) => /* @__PURE__ */ e(te, { translations: ne, translate: ae, children: /* @__PURE__ */ e(
+  Le,
+  {
+    courseId: r.courseId,
+    accountId: r.accountId,
+    featureFlags: r.featureFlags,
+    aiLimits: r.aiLimits,
+    children: /* @__PURE__ */ e(Sr, { ...r })
+  }
+) }), Sr = ({
+  rubricId: r,
+  accountId: n,
+  courseId: d,
+  canManageRubrics: i,
+  onSaveRubric: o,
+  onDiscard: t
+}) => {
+  var Z;
+  const { translations: a } = D(), {
+    rubricForm: s,
+    setRubricFormField: m,
+    validateField: l,
+    validationErrors: u,
+    isNewRubric: g,
+    load: { data: f, isLoading: S, isError: L, isSuccess: P },
+    savePending: B,
+    saveError: v,
+    save: T,
+    saveAction: E,
+    isDirty: C,
+    criteriaValid: R,
+    criteriaValidationErrors: _,
+    saveCriterion: O,
+    deleteCriterion: N,
+    reorderCriteria: q
+  } = Qe({ rubricId: r, accountId: n, courseId: d, canManageRubrics: i, onSaveRubric: o }), M = X(null), [H, z] = k(!1), [U, w] = k(!1), [F, b] = k(!1), [ve, J] = k(), Re = Ve(), Be = ke(() => J(void 0), []);
+  if (r && S)
+    return /* @__PURE__ */ e(er, {});
+  if (r && L)
+    return Te({
+      errorImageUrl: Xe,
+      errorCategory: a.rubricErrorPageCategory,
+      translations: ee(a)
+    });
+  if (r && P && !f)
+    return Ee({ translations: ee(a) });
+  const Se = () => {
+    var y;
+    if (z(!0), !l("title", s.title)) {
+      (y = M.current) == null || y.focus();
+      return;
+    }
+    s.criteria.length === 0 || !R || (E === "confirmSave" ? b(!0) : T());
+  }, ye = () => {
+    const y = Je(Re());
+    O(y), J(y.id);
+  }, Ie = () => {
+    C ? w(!0) : t();
+  };
+  return /* @__PURE__ */ c(h, { as: "div", "data-testid": "rubric-builder", children: [
+    /* @__PURE__ */ c(p, { direction: "column", gap: "medium", padding: "medium 0", children: [
+      /* @__PURE__ */ e(Rr, { isNewRubric: g, pointsPossible: s.pointsPossible }),
+      v && /* @__PURE__ */ e(rr, { variant: "error", margin: "0", children: a.rubricFormSaveError }),
+      /* @__PURE__ */ e(
+        Br,
+        {
+          rubricForm: s,
+          setRubricFormField: m,
+          validateTitle: (y) => l("title", y),
+          titleError: (Z = u.title) == null ? void 0 : Z.message,
+          titleInputRef: (y) => {
+            M.current = y;
+          }
+        }
+      ),
+      /* @__PURE__ */ e(
+        gr,
+        {
+          criteriaCount: s.criteria.length,
+          showMissingCriteriaError: H,
+          actions: /* @__PURE__ */ e(
+            x,
+            {
+              renderIcon: /* @__PURE__ */ e(fe, {}),
+              onClick: ye,
+              "data-testid": "rubric-builder-add-criterion",
+              children: a.rubricBuilderAddCriterion
+            }
+          ),
+          children: /* @__PURE__ */ e(
+            Cr,
+            {
+              criteria: s.criteria,
+              criteriaValidationErrors: _,
+              showErrors: H,
+              focusNameCriterionId: ve,
+              onFocusedName: Be,
+              onChangeCriterion: O,
+              onDuplicateCriterion: (y) => O(Ye(y)),
+              onDeleteCriterion: N,
+              onReorderCriteria: q
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      vr,
+      {
+        savePending: B,
+        onDiscard: Ie,
+        onSave: Se
+      }
+    ),
+    /* @__PURE__ */ e(
+      Y,
+      {
+        isOpen: U,
+        heading: a.rubricBuilderDiscardHeading,
+        body: a.rubricBuilderDiscardBody,
+        confirmLabel: a.rubricBuilderDiscard,
+        cancelLabel: a.rubricBuilderKeepEditing,
+        onConfirm: t,
+        onDismiss: () => w(!1),
+        "data-testid": "rubric-builder-discard-modal"
+      }
+    ),
+    /* @__PURE__ */ e(
+      Y,
+      {
+        isOpen: F,
+        heading: a.confirmToContinueHeader,
+        body: a.gradingHistoryWarning,
+        confirmLabel: a.saveConfirmModalSave,
+        cancelLabel: a.cancel,
+        onConfirm: () => {
+          b(!1), T();
+        },
+        onDismiss: () => b(!1),
+        "data-testid": "rubric-builder-save-confirm-modal"
+      }
+    )
   ] });
 };
 export {
-  J as DEFAULT_AI_MAX_CRITERION_COUNT,
-  Z as DEFAULT_AI_MAX_RATING_COUNT,
-  K as HelloWorld,
-  X as RubricSelector
+  Zr as DEFAULT_AI_MAX_CRITERION_COUNT,
+  ei as DEFAULT_AI_MAX_RATING_COUNT,
+  Qr as HelloWorld,
+  Xr as RubricBuilder,
+  Vr as RubricSelector
 };