@instructure/platform-notebook 1.1.0 → 1.2.0

package/dist/index.js

@@ -12,7 +12,7 @@ import { TruncateText as Ne } from "@instructure/ui-truncate-text";
 import { ScreenReaderContent as ze } from "@instructure/ui-a11y-content";
 import { SimpleSelect as De } from "@instructure/ui-simple-select";
 import { Heading as fe } from "@instructure/ui-heading";
-import { Text as U } from "@instructure/ui-text";
+import { Text as W } from "@instructure/ui-text";
 import { CloseButton as lt, Button as K, IconButton as re } from "@instructure/ui-buttons";
 import { Tray as at } from "@instructure/ui-tray";
 import { TextArea as $e } from "@instructure/ui-text-area";
@@ -102,14 +102,14 @@ d.object({
 d.object({
   deleteNote: d.string()
 });
-var We = /* @__PURE__ */ ((t) => (t[t.FORWARDS = 1] = "FORWARDS", t[t.BACKWARDS = 2] = "BACKWARDS", t))(We || {});
+var Ge = /* @__PURE__ */ ((t) => (t[t.FORWARDS = 1] = "FORWARDS", t[t.BACKWARDS = 2] = "BACKWARDS", t))(Ge || {});
 class X {
   constructor(e, n) {
     this.start = e, this.end = n;
   }
   toRange() {
     let e, n;
-    if (this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, n] = Ue(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
+    if (this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, n] = We(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
       direction: 1
       /* FORWARDS */
     }), n = this.end.resolve({
@@ -137,12 +137,12 @@ class j {
   }
   resolve(e = {}) {
     try {
-      return Ue(this.element, this.offset)[0];
+      return We(this.element, this.offset)[0];
     } catch (n) {
       if (this.offset === 0 && e.direction !== void 0) {
         const o = document.createTreeWalker(this.element.getRootNode(), NodeFilter.SHOW_TEXT);
         o.currentNode = this.element;
-        const r = e.direction === We.FORWARDS, i = r ? o.nextNode() : o.previousNode();
+        const r = e.direction === Ge.FORWARDS, i = r ? o.nextNode() : o.previousNode();
         if (!i)
           throw n;
         return { node: i, offset: r ? 0 : i.data.length };
@@ -175,7 +175,7 @@ class j {
           return console.error("Child node offset is out of range"), null;
         let o = 0;
         for (let r = 0; r < n; r++)
-          o += Ge(e.childNodes[r]);
+          o += Ue(e.childNodes[r]);
         return new j(e, o);
       }
       default:
@@ -310,7 +310,7 @@ class Y {
     return X.fromOffsets(this.root, this.start, this.end).toRange();
   }
 }
-const Ge = (t) => {
+const Ue = (t) => {
   var e;
   switch (t.nodeType) {
     case Node.ELEMENT_NODE:
@@ -322,9 +322,9 @@ const Ge = (t) => {
 }, Fe = (t) => {
   let e = t.previousSibling, n = 0;
   for (; e; )
-    n += Ge(e), e = e.previousSibling;
+    n += Ue(e), e = e.previousSibling;
   return n;
-}, Ue = (t, ...e) => {
+}, We = (t, ...e) => {
   let n = e.shift();
   const o = t.ownerDocument.createNodeIterator(t, NodeFilter.SHOW_TEXT), r = [];
   let i = o.nextNode(), l = null, a = 0;
@@ -415,10 +415,12 @@ const Ge = (t) => {
   const { highlightData: n, id: o } = t, { range: r } = n ?? {};
   r && ((l = ee.fromSelector(e, r)) == null ? void 0 : l.toRange()) && Lt({ id: o });
 }, xt = (t) => {
-  const e = document.getElementById(xe(t));
-  if (e) {
-    const n = e.getBoundingClientRect();
-    n.top >= 0 && n.left >= 0 && n.bottom <= (window.innerHeight || document.documentElement.clientHeight) && n.right <= (window.innerWidth || document.documentElement.clientWidth) || e.scrollIntoView({ behavior: "smooth", block: "start" });
+  const n = document.querySelector(
+    `[data-highlight-id="${CSS.escape(t)}"].highlight-content`
+  ) ?? document.getElementById(xe(t));
+  if (n) {
+    const o = n.getBoundingClientRect();
+    o.top >= 0 && o.bottom <= (window.innerHeight || document.documentElement.clientHeight) || n.scrollIntoView({ behavior: "smooth", block: "center" });
   }
 }, ae = 90, ce = 172, wt = (t) => {
   const e = t.getClientRects();
@@ -510,7 +512,7 @@ const Ge = (t) => {
   N.setStartAfter(u), N.setEndBefore(p);
   const L = Rt(N).filter((b) => b.textContent && b.textContent.length > 0);
   L.forEach((b, I) => {
-    var G;
+    var U;
     const R = b.parentElement;
     if ((R == null ? void 0 : R.dataset.highlightId) === o) return;
     const C = I === 0, B = I === L.length - 1, x = L.length === 1;
@@ -520,7 +522,7 @@ const Ge = (t) => {
     w.className = "highlight-content", w.dataset.highlightId = o || "", w.dataset.position = A, w.style.backgroundColor = m, w.style.textDecorationLine = "underline", w.style.textDecorationColor = c, w.style.textDecorationStyle = h, w.style.textDecorationThickness = n.borderWidthSmall, w.style.textUnderlineOffset = n.underlineOffset, w.style.cursor = "pointer", w.addEventListener("click", (te) => {
       var $;
       te.target.tagName !== "A" && (($ = e.onClick) == null || $.call(e));
-    }), (G = b.parentNode) == null || G.insertBefore(w, b), w.appendChild(b);
+    }), (U = b.parentNode) == null || U.insertBefore(w, b), w.appendChild(b);
   }), u.addEventListener("click", (b) => {
     var I;
     b.target.tagName !== "A" && ((I = e.onClick) == null || I.call(e));
@@ -631,16 +633,16 @@ function _t(t) {
     }
   });
 }
-const Mt = "Notebook", Bt = "Notes", Ht = "Important", jt = "Unclear", zt = "Back", $t = "Edit note", Wt = "Save", Gt = "Cancel", Ut = "Delete note", qt = "note", Kt = "Add note (optional)", Xt = "Remove from Notebook", Qt = "Add a note (optional)", Vt = "Mark important", Yt = "Mark unclear", Zt = "Saved to Notebook.", Jt = "Note updated", en = "Note deleted", tn = "Error saving to Notebook.", nn = "Error updating note", on = "Note deletion failed", rn = "Loading notes", sn = "Failed to load notes", ln = "Start capturing your notes", an = "Your notes from learning materials will appear here. Highlight key ideas, reflections, or questions as you learn—they'll all be saved in your Notebook for easy review later.", cn = "Nothing here yet", dn = "Adjust your filters or create a new note to get started.", un = "You have no notes for the selected filter", fn = "Previous page", mn = "Next page", gn = "All courses", hn = "All notes", pn = "Close Notebook panel", Nn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", yn = "The content you highlighted is no longer available.", ke = {
+const Mt = "Notebook", Bt = "Notes", Ht = "Important", jt = "Unclear", zt = "Back", $t = "Edit note", Gt = "Save", Ut = "Cancel", Wt = "Delete note", qt = "note", Kt = "Add note (optional)", Xt = "Remove from Notebook", Qt = "Add a note (optional)", Vt = "Mark important", Yt = "Mark unclear", Zt = "Saved to Notebook.", Jt = "Note updated", en = "Note deleted", tn = "Error saving to Notebook.", nn = "Error updating note", on = "Note deletion failed", rn = "Loading notes", sn = "Failed to load notes", ln = "Start capturing your notes", an = "Your notes from learning materials will appear here. Highlight key ideas, reflections, or questions as you learn—they'll all be saved in your Notebook for easy review later.", cn = "Nothing here yet", dn = "Adjust your filters or create a new note to get started.", un = "You have no notes for the selected filter", fn = "Previous page", mn = "Next page", gn = "All courses", hn = "All notes", pn = "Close Notebook panel", Nn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", yn = "The content you highlighted is no longer available.", ke = {
   notebook: Mt,
   notes: Bt,
   important: Ht,
   unclear: jt,
   back: zt,
   editNote: $t,
-  save: Wt,
-  cancel: Gt,
-  deleteNote: Ut,
+  save: Gt,
+  cancel: Ut,
+  deleteNote: Wt,
   note: qt,
   addNotePrompt: Kt,
   removeFromNotebook: Xt,
@@ -834,7 +836,7 @@ function eo({
     },
     courseId: c,
     pageSize: 100
-  }), { mutate: T } = At(l), { mutateAsync: N } = _t(l), { mutate: O } = Ft(l), L = J([]), [b, I] = H([]), [R, C] = H(null), [B, x] = H(""), [A, w] = H(null), [G, te] = H(!1);
+  }), { mutate: T } = At(l), { mutateAsync: N } = _t(l), { mutate: O } = Ft(l), L = J([]), [b, I] = H([]), [R, C] = H(null), [B, x] = H(""), [A, w] = H(null), [U, te] = H(!1);
   Z(() => {
     const D = t.current;
     if (!D) return;
@@ -852,19 +854,19 @@ function eo({
     });
     return F.observe(f, { attributes: !0, attributeFilter: ["class"] }), () => F.disconnect();
   }, [t]), Z(() => {
-    if (!G || !t.current) return;
+    if (!U || !t.current) return;
     let f = null;
     const F = () => {
       f && clearTimeout(f), f = setTimeout(() => {
         var Re;
         const v = window.getSelection(), P = t.current;
         if (!(v != null && v.rangeCount) || !P) return;
-        const W = v.toString().trim();
-        if (W === "") return;
+        const G = v.toString().trim();
+        if (G === "") return;
         const V = v.getRangeAt(0);
         if (!P.contains(V.commonAncestorContainer)) return;
         const Oe = (Re = Y.fromRange(P, V)) == null ? void 0 : Re.toSelector();
-        Oe && !kt(Oe, b) && (C(V.cloneRange()), x(W), w(wt(V)));
+        Oe && !kt(Oe, b) && (C(V.cloneRange()), x(G), w(wt(V)));
       }, n);
     }, _ = (v) => {
       if (!(v.target instanceof Node)) return;
@@ -876,13 +878,13 @@ function eo({
     return document.addEventListener("selectionchange", F), document.addEventListener("mousedown", _), document.addEventListener("touchstart", _), window.addEventListener("scroll", M, !0), () => {
       f && clearTimeout(f), document.removeEventListener("selectionchange", F), document.removeEventListener("mousedown", _), document.removeEventListener("touchstart", _), window.removeEventListener("scroll", M, !0);
     };
-  }, [G, b, n, t]);
+  }, [U, b, n, t]);
   const $ = q(
     (D) => {
-      var W;
+      var G;
       const f = t.current;
       if (!f || !D.highlightData) return null;
-      const { highlightData: F, reaction: _, id: M } = D, { range: v } = F, P = v && ((W = ee.fromSelector(f, v)) == null ? void 0 : W.toRange());
+      const { highlightData: F, reaction: _, id: M } = D, { range: v } = F, P = v && ((G = ee.fromSelector(f, v)) == null ? void 0 : G.toRange());
       if (P) {
         const V = {
           id: M,
@@ -899,7 +901,7 @@ function eo({
     [t, g, e, u, p]
   );
   Z(() => {
-    if (!G || !y || !t.current) return;
+    if (!U || !y || !t.current) return;
     const D = t.current, f = y.notes, F = /* @__PURE__ */ new Set(), _ = [], M = [];
     if (f.length === 0) {
       if (L.current.length > 0) {
@@ -915,10 +917,10 @@ function eo({
         f,
         h
       );
-      for (const W of v)
-        N({ id: W.id, input: W }).catch((V) => r == null ? void 0 : r(V));
-      for (const W of P)
-        O(W, { onError: i });
+      for (const G of v)
+        N({ id: G.id, input: G }).catch((V) => r == null ? void 0 : r(V));
+      for (const G of P)
+        O(G, { onError: i });
     } else {
       for (const v of f) {
         const P = $(v);
@@ -929,7 +931,7 @@ function eo({
       I(M), L.current = _, g && xt(g);
     }
   }, [
-    G,
+    U,
     y,
     $,
     h,
@@ -1142,7 +1144,7 @@ const xn = ({ hasActiveFilter: t = !1 }) => {
   return /* @__PURE__ */ s(z, { as: "div", textAlign: "center", children: /* @__PURE__ */ E(S, { direction: "column", alignItems: "center", gap: "small", children: [
     !t && /* @__PURE__ */ s(st, { size: "medium" }),
     /* @__PURE__ */ s(fe, { level: "h3", children: n }),
-    /* @__PURE__ */ s(U, { color: "secondary", children: o })
+    /* @__PURE__ */ s(W, { color: "secondary", children: o })
   ] }) });
 }, oo = ({ children: t }) => {
   const { isTrayOpen: e, closeTray: n } = Ye(), { translations: o } = Q();
@@ -1243,9 +1245,9 @@ const kn = ({
     var f, F;
     c && ((f = A.current) == null || f.scrollIntoView({ behavior: "smooth", block: "nearest" }), (F = A.current) == null || F.focus());
   }, [c]);
-  const G = r === k.IMPORTANT ? N.important : N.unclear, te = (f) => {
+  const U = r === k.IMPORTANT ? N.important : N.unclear, te = (f) => {
     f.key === "Enter" && (f.preventDefault(), i == null || i());
-  }, $ = [G, N.note];
+  }, $ = [U, N.note];
   n && $.push(n), o && $.push(o), e && $.push(Me(e, u)), g && $.push(g);
   const le = $.join(", "), D = /* @__PURE__ */ E(
     z,
@@ -1276,7 +1278,7 @@ const kn = ({
               renderAsMenuTrigger: h && !!m && !!c
             }
           ),
-          n ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ s(U, { children: c && h ? /* @__PURE__ */ s(
+          n ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ s(W, { children: c && h ? /* @__PURE__ */ s(
             ye,
             {
               type: r,
@@ -1332,7 +1334,7 @@ const kn = ({
                   }
                 ) })
               ] })
-            ] }) : o ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && h ? /* @__PURE__ */ E(U, { children: [
+            ] }) : o ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && h ? /* @__PURE__ */ E(W, { children: [
               o,
               " ",
               /* @__PURE__ */ s(
@@ -1349,7 +1351,7 @@ const kn = ({
                   children: /* @__PURE__ */ s(pe, {})
                 }
               )
-            ] }) : /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(Ne, { maxLines: 3, truncate: "word", children: o }) }) }) : h && c ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ E(U, { color: "secondary", children: [
+            ] }) : /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(Ne, { maxLines: 3, truncate: "word", children: o }) }) }) : h && c ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ E(W, { color: "secondary", children: [
               N.addNotePrompt,
               " ",
               /* @__PURE__ */ s(
@@ -1368,7 +1370,7 @@ const kn = ({
               )
             ] }) }) : null,
             /* @__PURE__ */ E(S, { justifyItems: "space-between", alignItems: "center", children: [
-              /* @__PURE__ */ s(U, { size: "small", color: "secondary", children: Me(e, u) }),
+              /* @__PURE__ */ s(W, { size: "small", color: "secondary", children: Me(e, u) }),
               c && l && /* @__PURE__ */ s(
                 re,
                 {
@@ -1385,7 +1387,7 @@ const kn = ({
                 }
               )
             ] }),
-            g && /* @__PURE__ */ s(U, { size: "small", color: "secondary", children: g })
+            g && /* @__PURE__ */ s(W, { size: "small", color: "secondary", children: g })
           ] })
         ] }),
         B && l && /* @__PURE__ */ s(
@@ -1548,7 +1550,7 @@ const Rn = {
 }) => {
   const { translations: c } = Q(), [h, g] = H(m), [u, p] = H(t || ""), [y, T] = H(!1);
   return /* @__PURE__ */ E(S, { direction: "column", gap: "small", "data-testid": "single-note", children: [
-    n != null ? /* @__PURE__ */ s(z, { as: "div", children: /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(ye, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ s(Ze, {}),
+    n != null ? /* @__PURE__ */ s(z, { as: "div", children: /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(ye, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ s(Ze, {}),
     /* @__PURE__ */ s(Je, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
     h ? /* @__PURE__ */ E(S, { direction: "column", gap: "x-small", children: [
       /* @__PURE__ */ s(
@@ -1590,7 +1592,7 @@ const Rn = {
     ] }) : /* @__PURE__ */ E(S, { direction: "column", gap: "small", children: [
       t && /* @__PURE__ */ E(z, { as: "div", children: [
         /* @__PURE__ */ s(fe, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
-        /* @__PURE__ */ s(U, { children: t })
+        /* @__PURE__ */ s(W, { children: t })
       ] }),
       /* @__PURE__ */ E(S, { justifyItems: "space-between", children: [
         /* @__PURE__ */ s(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/platform-notebook",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",