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