@instructure/platform-notebook 1.10.0 → 1.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/NoteCard.d.ts.map +1 -1
  2. package/dist/index.js +149 -129
  3. package/package.json +1 -1
package/dist/NoteCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NoteCard.d.ts","sourceRoot":"","sources":["../src/NoteCard.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAA;AAEhF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGnD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;IACnB,IAAI,EAAE,aAAa,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,cAAc,EAAE,cAAc,CAAA;IAC9B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAA;IAC5F,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAWD,eAAO,MAAM,QAAQ,GAAI,oKAiBtB,aAAa,iHAuYf,CAAA"}
1
+ {"version":3,"file":"NoteCard.d.ts","sourceRoot":"","sources":["../src/NoteCard.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAA;AAEhF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGnD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;IACnB,IAAI,EAAE,aAAa,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,cAAc,EAAE,cAAc,CAAA;IAC9B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAA;IAC5F,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAWD,eAAO,MAAM,QAAQ,GAAI,oKAiBtB,aAAa,iHAmZf,CAAA"}
package/dist/index.js CHANGED
@@ -3,13 +3,13 @@ import { createContext as qe, useMemo as he, useContext as Ke, useReducer as Xe,
3
3
  import { createPortal as ft } from "react-dom";
4
4
  import { z as u } from "zod";
5
5
  import mt from "diff-match-patch";
6
- import { useQueryClient as we, useMutation as Oe, useQuery as gt } from "@tanstack/react-query";
6
+ import { useQueryClient as ke, useMutation as Oe, useQuery as gt } from "@tanstack/react-query";
7
7
  import { CloseButton as ht, Button as re, IconButton as me } from "@instructure/ui-buttons/v11_7";
8
- import { Flex as R } from "@instructure/ui-flex/v11_7";
8
+ import { Flex as w } from "@instructure/ui-flex/v11_7";
9
9
  import { Heading as Se } from "@instructure/ui-heading/v11_7";
10
10
  import { Tray as pt } from "@instructure/ui-tray/v11_7";
11
11
  import { View as X } from "@instructure/ui-view/v11_7";
12
- import { IconQuestionLine as Le, IconPinLine as Ae, IconWarningLine as yt, IconNoteLine as bt, IconEditLine as Re, IconTrashLine as Te, IconArrowStartLine as Nt } from "@instructure/ui-icons";
12
+ import { IconQuestionLine as Le, IconPinLine as Ae, IconWarningLine as yt, IconNoteLine as bt, IconEditLine as we, IconTrashLine as Te, IconArrowStartLine as Nt } from "@instructure/ui-icons";
13
13
  import { Menu as ue } from "@instructure/ui-menu/v11_7";
14
14
  import { TruncateText as Ee } from "@instructure/ui-truncate-text/v11_7";
15
15
  import { SimpleSelect as Be } from "@instructure/ui-simple-select/v11_7";
@@ -35,7 +35,7 @@ const vt = u.object({
35
35
  range: vt.nullable(),
36
36
  pageLastModifiedAt: u.string()
37
37
  });
38
- var k = /* @__PURE__ */ ((t) => (t.IMPORTANT = "Important", t.CONFUSING = "Confusing", t))(k || {});
38
+ var R = /* @__PURE__ */ ((t) => (t.IMPORTANT = "Important", t.CONFUSING = "Confusing", t))(R || {});
39
39
  const Pe = u.enum([
40
40
  "Important",
41
41
  "Confusing"
@@ -66,17 +66,17 @@ u.object({
66
66
  pageInfo: Ct
67
67
  })
68
68
  });
69
- const Rt = u.object({
69
+ const wt = u.object({
70
70
  type: u.string(),
71
71
  id: u.string()
72
- }), kt = u.object({
72
+ }), Rt = u.object({
73
73
  courseId: u.string().optional(),
74
- learningObject: Rt.optional(),
74
+ learningObject: wt.optional(),
75
75
  reactions: u.array(u.string()).optional()
76
76
  }).optional();
77
77
  u.object({
78
78
  courseId: u.string().optional(),
79
- filter: kt,
79
+ filter: Rt,
80
80
  offset: u.number().optional(),
81
81
  pageSize: u.number().optional()
82
82
  });
@@ -192,7 +192,7 @@ class K {
192
192
  return new K(n, o);
193
193
  }
194
194
  }
195
- const wt = (t) => {
195
+ const kt = (t) => {
196
196
  const e = t.nodeName.toLowerCase();
197
197
  return e === "#text" ? "text()" : e;
198
198
  };
@@ -203,7 +203,7 @@ function Ot(t) {
203
203
  return e;
204
204
  }
205
205
  const Lt = (t) => {
206
- const e = wt(t), n = Ot(t);
206
+ const e = kt(t), n = Ot(t);
207
207
  return `${e}[${n}]`;
208
208
  }, He = (t, e) => {
209
209
  let n = "", o = t;
@@ -503,7 +503,7 @@ const Ve = (t) => {
503
503
  Xt(e, n);
504
504
  return;
505
505
  }
506
- const l = e.type === k.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, f = a ? l : Fe(l, 0.5), c = e.type === k.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, y = e.type === k.IMPORTANT ? "solid" : "dashed", d = document.createElement("span");
506
+ const l = e.type === R.IMPORTANT ? n.colors.importantBackground : n.colors.confusingBackground, a = e.id === e.selectedNoteId, f = a ? l : Fe(l, 0.5), c = e.type === R.IMPORTANT ? n.colors.importantUnderline : n.colors.confusingUnderline, y = e.type === R.IMPORTANT ? "solid" : "dashed", d = document.createElement("span");
507
507
  d.id = `${r}-start`, d.className = "highlight-marker-start", d.dataset.highlightId = o || "";
508
508
  const h = e.labelPrefix ?? tt;
509
509
  d.setAttribute("role", "button"), d.setAttribute("tabindex", "0"), d.setAttribute("aria-label", h), d.setAttribute("aria-haspopup", "dialog"), d.setAttribute("aria-expanded", String(a && !!e.isTrayOpen)), a && d.setAttribute("aria-current", "true"), e.popupId && d.setAttribute("aria-controls", e.popupId), d.style.position = "relative", d.style.fontSize = "0", d.style.lineHeight = "0", d.style.width = "0", d.style.height = "0", d.style.margin = "0", d.style.padding = "0", d.style.border = "0", d.style.outline = "none";
@@ -560,7 +560,7 @@ const Ve = (t) => {
560
560
  });
561
561
  };
562
562
  function Xt(t, e) {
563
- const n = t.type === k.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, o = t.id === t.selectedNoteId, r = o ? n : Fe(n, 0.5), i = t.type === k.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline, l = t.type === k.IMPORTANT ? "solid" : "dashed";
563
+ const n = t.type === R.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, o = t.id === t.selectedNoteId, r = o ? n : Fe(n, 0.5), i = t.type === R.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline, l = t.type === R.IMPORTANT ? "solid" : "dashed";
564
564
  document.querySelectorAll(
565
565
  `.highlight-content${ge(t.id ?? "")}`
566
566
  ).forEach((c) => {
@@ -586,7 +586,7 @@ const Qt = (t) => {
586
586
  notes: (t) => ["notebook", "notes", t]
587
587
  };
588
588
  function Yt(t) {
589
- const e = we();
589
+ const e = ke();
590
590
  return Oe({
591
591
  mutationFn: (n) => t.createNote(n),
592
592
  onSuccess: () => {
@@ -595,7 +595,7 @@ function Yt(t) {
595
595
  });
596
596
  }
597
597
  function Vt(t) {
598
- const e = we();
598
+ const e = ke();
599
599
  return Oe({
600
600
  mutationFn: (n) => t.deleteNote(n),
601
601
  onSuccess: () => {
@@ -635,7 +635,7 @@ function rt({
635
635
  });
636
636
  }
637
637
  function Jt(t) {
638
- const e = we();
638
+ const e = ke();
639
639
  return Oe({
640
640
  mutationFn: ({ id: n, input: o }) => t.updateNote(n, o),
641
641
  onMutate: async ({ id: n, input: o }) => {
@@ -662,7 +662,7 @@ function Jt(t) {
662
662
  }
663
663
  });
664
664
  }
665
- const en = "Notebook", tn = "Notes", nn = "Important", on = "Unclear", rn = "Back", sn = "Edit note", ln = "Save", an = "Cancel", cn = "Delete note", dn = "Delete note confirmation", un = "note", fn = "Add note (optional)", mn = "Remove from Notebook", gn = "Add a note (optional)", hn = "Mark important", pn = "Mark unclear", yn = "Saved to Notebook.", bn = "Note updated", Nn = "Note deleted", En = "Error saving to Notebook.", Tn = "Error updating note", Sn = "Note deletion failed", vn = "Loading notes", In = "Failed to load notes", Cn = "Start capturing your notes", xn = "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.", Rn = "Nothing here yet", kn = "Adjust your filters or create a new note to get started.", wn = "You have no notes for the selected filter", On = "Filter", Ln = "Previous page", An = "Next page", Dn = "All courses", Pn = "All notes", _n = "Close Notebook panel", Fn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", Mn = "The content you highlighted is no longer available.", Bn = "Notebook note", Me = {
665
+ const en = "Notebook", tn = "Notes", nn = "Important", on = "Unclear", rn = "Back", sn = "Edit note", ln = "Save", an = "Cancel", cn = "Delete note", dn = "Delete note confirmation", un = "note", fn = "Add note (optional)", mn = "Remove from Notebook", gn = "Add a note (optional)", hn = "Mark important", pn = "Mark unclear", yn = "Saved to Notebook.", bn = "Note updated", Nn = "Note deleted", En = "Error saving to Notebook.", Tn = "Error updating note", Sn = "Note deletion failed", vn = "Loading notes", In = "Failed to load notes", Cn = "Start capturing your notes", xn = "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.", wn = "Nothing here yet", Rn = "Adjust your filters or create a new note to get started.", kn = "You have no notes for the selected filter", On = "Filter", Ln = "Previous page", An = "Next page", Dn = "All courses", Pn = "All notes", _n = "Close Notebook panel", Fn = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", Mn = "The content you highlighted is no longer available.", Bn = "Notebook note", Me = {
666
666
  notebook: en,
667
667
  notes: tn,
668
668
  important: nn,
@@ -689,9 +689,9 @@ const en = "Notebook", tn = "Notes", nn = "Important", on = "Unclear", rn = "Bac
689
689
  failedToLoadNotes: In,
690
690
  emptyStateHeading: Cn,
691
691
  emptyStateDescription: xn,
692
- nothingHereYet: Rn,
693
- adjustFiltersOrCreate: kn,
694
- noNotesForFilter: wn,
692
+ nothingHereYet: wn,
693
+ adjustFiltersOrCreate: Rn,
694
+ noNotesForFilter: kn,
695
695
  filter: On,
696
696
  previousPage: Ln,
697
697
  nextPage: An,
@@ -803,8 +803,8 @@ const ct = "notebook-tray-content", Eo = ({ children: t }) => {
803
803
  onDismiss: n,
804
804
  placement: "end",
805
805
  size: "regular",
806
- children: /* @__PURE__ */ S(R, { direction: "column", height: "100vh", id: ct, children: [
807
- /* @__PURE__ */ s(R.Item, { children: /* @__PURE__ */ s(X, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ S(R, { justifyItems: "space-between", alignItems: "center", children: [
806
+ children: /* @__PURE__ */ S(w, { direction: "column", height: "100vh", id: ct, children: [
807
+ /* @__PURE__ */ s(w.Item, { children: /* @__PURE__ */ s(X, { as: "div", padding: "small medium", borderWidth: "0 0 small 0", children: /* @__PURE__ */ S(w, { justifyItems: "space-between", alignItems: "center", children: [
808
808
  /* @__PURE__ */ s(Se, { level: "h3", children: o.notebook }),
809
809
  /* @__PURE__ */ s(
810
810
  ht,
@@ -816,14 +816,14 @@ const ct = "notebook-tray-content", Eo = ({ children: t }) => {
816
816
  }
817
817
  )
818
818
  ] }) }) }),
819
- /* @__PURE__ */ s(R.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: t })
819
+ /* @__PURE__ */ s(w.Item, { shouldGrow: !0, shouldShrink: !0, overflowY: "auto", overflowX: "hidden", children: t })
820
820
  ] })
821
821
  }
822
822
  );
823
823
  }, jn = ({ currentType: t, onSelectReaction: e }) => {
824
824
  const { translations: n } = ee(), o = B(null), r = B(null);
825
825
  return z(() => {
826
- t === k.CONFUSING && o.current ? o.current.focus() : t === k.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
826
+ t === R.CONFUSING && o.current ? o.current.focus() : t === R.IMPORTANT && r.current ? r.current.focus() : o.current && o.current.focus();
827
827
  }, [t]), /* @__PURE__ */ s(
828
828
  X,
829
829
  {
@@ -838,7 +838,7 @@ const ct = "notebook-tray-content", Eo = ({ children: t }) => {
838
838
  ue.Item,
839
839
  {
840
840
  ref: o,
841
- onClick: () => e(k.CONFUSING),
841
+ onClick: () => e(R.CONFUSING),
842
842
  children: [
843
843
  /* @__PURE__ */ s(Le, { size: "x-small" }),
844
844
  ` ${n.markUnclear}`
@@ -849,7 +849,7 @@ const ct = "notebook-tray-content", Eo = ({ children: t }) => {
849
849
  ue.Item,
850
850
  {
851
851
  ref: r,
852
- onClick: () => e(k.IMPORTANT),
852
+ onClick: () => e(R.IMPORTANT),
853
853
  children: [
854
854
  /* @__PURE__ */ s(Ae, { size: "x-small" }),
855
855
  ` ${n.markImportant}`
@@ -887,9 +887,9 @@ function To({
887
887
  ce.current = V;
888
888
  const [J, de] = j(!1);
889
889
  z(() => {
890
- const w = t.current;
891
- if (!w) return;
892
- const I = w.closest(".user_content") ?? w;
890
+ const k = t.current;
891
+ if (!k) return;
892
+ const I = k.closest(".user_content") ?? k;
893
893
  if (I.classList.contains("enhanced")) {
894
894
  de(!0);
895
895
  return;
@@ -935,13 +935,13 @@ function To({
935
935
  };
936
936
  }, [J, $, n, t, Y]);
937
937
  const te = q(
938
- (w) => {
938
+ (k) => {
939
939
  var M;
940
940
  const I = t.current;
941
- if (!I || !w.highlightData) return null;
942
- const { highlightData: _, reaction: L, id: U } = w, { range: P } = _, v = P && ((M = ae.fromSelector(I, P)) == null ? void 0 : M.toRange());
941
+ if (!I || !k.highlightData) return null;
942
+ const { highlightData: _, reaction: L, id: U } = k, { range: P } = _, v = P && ((M = ae.fromSelector(I, P)) == null ? void 0 : M.toRange());
943
943
  if (v) {
944
- const ne = L[0] === k.IMPORTANT ? g.important : g.unclear, m = {
944
+ const ne = L[0] === R.IMPORTANT ? g.important : g.unclear, m = {
945
945
  id: U,
946
946
  selectedNoteId: h,
947
947
  type: L[0],
@@ -960,18 +960,18 @@ function To({
960
960
  );
961
961
  z(() => {
962
962
  if (!J || !Q || !t.current) return;
963
- const w = t.current, I = Q.notes, _ = /* @__PURE__ */ new Set(), L = [], U = [];
963
+ const k = t.current, I = Q.notes, _ = /* @__PURE__ */ new Set(), L = [], U = [];
964
964
  if (I.length === 0) {
965
965
  if (A.current.length > 0) {
966
966
  for (const P of A.current)
967
- Ge(P, w);
967
+ Ge(P, k);
968
968
  A.current = [], D([]);
969
969
  }
970
970
  return;
971
971
  }
972
972
  if (d && I[0].highlightData.pageLastModifiedAt !== d) {
973
973
  const { notesForUpdate: P, noteIdsForDelete: v } = Mt(
974
- w,
974
+ k,
975
975
  I,
976
976
  d
977
977
  );
@@ -985,7 +985,7 @@ function To({
985
985
  _.add(P.id), v && (L.push(P), U.push(v));
986
986
  }
987
987
  for (const P of A.current)
988
- _.has(P.id) || Ge(P, w);
988
+ _.has(P.id) || Ge(P, k);
989
989
  D(U), A.current = L, h && Bt(h);
990
990
  }
991
991
  }, [
@@ -998,7 +998,7 @@ function To({
998
998
  C,
999
999
  h
1000
1000
  ]);
1001
- const H = (w) => {
1001
+ const H = (k) => {
1002
1002
  const I = t.current;
1003
1003
  if (!T || !I) return;
1004
1004
  const _ = ae.fromRange(I, T), L = le.fromRange(I, T);
@@ -1008,7 +1008,7 @@ function To({
1008
1008
  objectId: f,
1009
1009
  objectType: c,
1010
1010
  userText: "",
1011
- reaction: [w],
1011
+ reaction: [k],
1012
1012
  highlightData: {
1013
1013
  selectedText: x,
1014
1014
  textPosition: (L == null ? void 0 : L.toSelector()) ?? null,
@@ -1039,9 +1039,9 @@ function To({
1039
1039
  left: V.left,
1040
1040
  whiteSpace: "nowrap"
1041
1041
  },
1042
- onBlur: (w) => {
1042
+ onBlur: (k) => {
1043
1043
  const I = document.getElementById(Ce);
1044
- I != null && I.contains(w.relatedTarget) || Y();
1044
+ I != null && I.contains(k.relatedTarget) || Y();
1045
1045
  },
1046
1046
  children: /* @__PURE__ */ s(jn, { onSelectReaction: H })
1047
1047
  }
@@ -1050,12 +1050,12 @@ function To({
1050
1050
  );
1051
1051
  }
1052
1052
  const Gn = (t, e) => ({
1053
- backgroundColor: t === k.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
1054
- underlineColor: t === k.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
1055
- underlineStyle: t === k.IMPORTANT ? "solid" : "dashed"
1056
- }), ke = ({
1053
+ backgroundColor: t === R.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground,
1054
+ underlineColor: t === R.IMPORTANT ? e.colors.importantUnderline : e.colors.confusingUnderline,
1055
+ underlineStyle: t === R.IMPORTANT ? "solid" : "dashed"
1056
+ }), Re = ({
1057
1057
  children: t,
1058
- type: e = k.IMPORTANT,
1058
+ type: e = R.IMPORTANT,
1059
1059
  isCardActive: n = !0,
1060
1060
  theme: o
1061
1061
  }) => {
@@ -1072,9 +1072,9 @@ const Gn = (t, e) => ({
1072
1072
  return /* @__PURE__ */ s("span", { "data-note-highlight": "true", style: l, children: t });
1073
1073
  }, dt = () => {
1074
1074
  const { translations: t } = ee();
1075
- return /* @__PURE__ */ S(R, { gap: "xx-small", alignItems: "start", as: "div", children: [
1076
- /* @__PURE__ */ s(R.Item, { as: "div", children: /* @__PURE__ */ s(yt, { color: "error" }) }),
1077
- /* @__PURE__ */ s(R.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ s(Ee, { maxLines: 3, children: t.highlightUnavailable }) })
1075
+ return /* @__PURE__ */ S(w, { gap: "xx-small", alignItems: "start", as: "div", children: [
1076
+ /* @__PURE__ */ s(w.Item, { as: "div", children: /* @__PURE__ */ s(yt, { color: "error" }) }),
1077
+ /* @__PURE__ */ s(w.Item, { padding: "xxx-small none", shouldShrink: !0, children: /* @__PURE__ */ s(Ee, { maxLines: 3, children: t.highlightUnavailable }) })
1078
1078
  ] });
1079
1079
  }, Wn = {
1080
1080
  filter: null,
@@ -1148,7 +1148,7 @@ function So({
1148
1148
  enabled: p
1149
1149
  }), $ = he(() => {
1150
1150
  const H = (b == null ? void 0 : b.notes) ?? [];
1151
- return f ? H.filter((w) => w.reaction.includes(f)) : H;
1151
+ return f ? H.filter((k) => k.reaction.includes(f)) : H;
1152
1152
  }, [b, f]), D = B(null);
1153
1153
  z(() => {
1154
1154
  if (!i) {
@@ -1159,8 +1159,8 @@ function So({
1159
1159
  const H = $.findIndex((I) => I.id === i);
1160
1160
  if (H === -1) return;
1161
1161
  D.current = i;
1162
- const w = Math.floor(H / r) + 1;
1163
- w !== y && a({ type: "FOCUS_PAGE", payload: w });
1162
+ const k = Math.floor(H / r) + 1;
1163
+ k !== y && a({ type: "FOCUS_PAGE", payload: k });
1164
1164
  }, [i, $, r, y]);
1165
1165
  const T = p ? $.slice(N, N + r) : (g == null ? void 0 : g.notes) ?? [], O = p ? C : Q, x = p ? A : G, F = p ? Math.max(1, Math.ceil($.length / r)) : ((te = g == null ? void 0 : g.pageInfo) == null ? void 0 : te.totalNrOfPages) ?? void 0, V = p ? { totalCount: $.length, totalNrOfPages: F } : g == null ? void 0 : g.pageInfo;
1166
1166
  z(() => {
@@ -1204,8 +1204,8 @@ function vo({ filter: t, setFilter: e }) {
1204
1204
  const { translations: n } = ee(), o = he(
1205
1205
  () => [
1206
1206
  { label: n.allNotes, value: xe },
1207
- { label: n.important, value: k.IMPORTANT },
1208
- { label: n.unclear, value: k.CONFUSING }
1207
+ { label: n.important, value: R.IMPORTANT },
1208
+ { label: n.unclear, value: R.CONFUSING }
1209
1209
  ],
1210
1210
  [n]
1211
1211
  ), r = q(
@@ -1233,18 +1233,18 @@ function vo({ filter: t, setFilter: e }) {
1233
1233
  }
1234
1234
  const qn = ({ hasActiveFilter: t = !1 }) => {
1235
1235
  const { translations: e } = ee(), n = t ? e.nothingHereYet : e.emptyStateHeading, o = t ? e.adjustFiltersOrCreate : e.emptyStateDescription;
1236
- return /* @__PURE__ */ s(X, { as: "div", textAlign: "center", children: /* @__PURE__ */ S(R, { direction: "column", alignItems: "center", gap: "small", children: [
1236
+ return /* @__PURE__ */ s(X, { as: "div", textAlign: "center", children: /* @__PURE__ */ S(w, { direction: "column", alignItems: "center", gap: "small", children: [
1237
1237
  !t && /* @__PURE__ */ s(bt, { size: "medium" }),
1238
1238
  /* @__PURE__ */ s(Se, { level: "h3", children: n }),
1239
1239
  /* @__PURE__ */ s(oe, { color: "secondary", children: o })
1240
1240
  ] }) });
1241
1241
  }, Kn = {
1242
- [k.IMPORTANT]: {
1242
+ [R.IMPORTANT]: {
1243
1243
  color: "success",
1244
1244
  translationKey: "important",
1245
1245
  icon: /* @__PURE__ */ s(Ae, { size: "x-small" })
1246
1246
  },
1247
- [k.CONFUSING]: {
1247
+ [R.CONFUSING]: {
1248
1248
  color: "error",
1249
1249
  translationKey: "unclear",
1250
1250
  icon: /* @__PURE__ */ s(Le, { size: "x-small" })
@@ -1287,11 +1287,11 @@ const qn = ({ hasActiveFilter: t = !1 }) => {
1287
1287
  }
1288
1288
  ),
1289
1289
  children: [
1290
- /* @__PURE__ */ S(ue.Item, { ref: f, onClick: () => d(k.CONFUSING), children: [
1290
+ /* @__PURE__ */ S(ue.Item, { ref: f, onClick: () => d(R.CONFUSING), children: [
1291
1291
  /* @__PURE__ */ s(Le, { size: "x-small" }),
1292
1292
  ` ${o.markUnclear}`
1293
1293
  ] }),
1294
- /* @__PURE__ */ S(ue.Item, { ref: c, onClick: () => d(k.IMPORTANT), children: [
1294
+ /* @__PURE__ */ S(ue.Item, { ref: c, onClick: () => d(R.IMPORTANT), children: [
1295
1295
  /* @__PURE__ */ s(Ae, { size: "x-small" }),
1296
1296
  ` ${o.markImportant}`
1297
1297
  ] })
@@ -1326,7 +1326,7 @@ const Xn = ({
1326
1326
  }) => {
1327
1327
  const { translations: g } = ee(), [Q, G] = j(!1), [b, C] = j(!1), [A, $] = j(o || ""), [D, T] = j(!1), [O, x] = j(!1), [F, V] = j(!1), [Z, ce] = j(!1), J = B(null), de = q((m) => {
1328
1328
  J.current = m;
1329
- }, []), Y = B(null), te = B(null), H = B(!1), w = B(null), I = B(null), _ = B(!1);
1329
+ }, []), Y = B(null), te = B(null), H = B(!1), k = B(null), I = B(null), _ = B(!1);
1330
1330
  z(() => {
1331
1331
  var m, W;
1332
1332
  c ? ((m = J.current) == null || m.scrollIntoView({ behavior: "smooth", block: "nearest" }), (W = J.current) == null || W.focus()) : T(!1);
@@ -1336,7 +1336,7 @@ const Xn = ({
1336
1336
  }, [b]), z(() => {
1337
1337
  if (!D && _.current) {
1338
1338
  _.current = !1;
1339
- const m = w.current;
1339
+ const m = k.current;
1340
1340
  m != null && m.isConnected && m.focus();
1341
1341
  }
1342
1342
  }, [D]);
@@ -1354,7 +1354,7 @@ const Xn = ({
1354
1354
  window.removeEventListener("keydown", m, !0), window.removeEventListener("keyup", W, !0);
1355
1355
  };
1356
1356
  }, [D, L]);
1357
- const U = r === k.IMPORTANT ? g.important : g.unclear, P = (m) => {
1357
+ const U = r === R.IMPORTANT ? g.important : g.unclear, P = (m) => {
1358
1358
  m.key === "Enter" && (m.preventDefault(), i == null || i());
1359
1359
  }, v = [g.note, U];
1360
1360
  v.push(n || g.highlightUnavailable), o && v.push(o), e && v.push(We(e, h)), d && v.push(d);
@@ -1387,7 +1387,7 @@ const Xn = ({
1387
1387
  height: "100%",
1388
1388
  opacity: c && D && l ? 0.25 : void 0
1389
1389
  },
1390
- children: /* @__PURE__ */ S(R, { direction: "column", gap: "small", height: "100%", children: [
1390
+ children: /* @__PURE__ */ S(w, { direction: "column", gap: "small", height: "100%", children: [
1391
1391
  /* @__PURE__ */ s(
1392
1392
  ut,
1393
1393
  {
@@ -1396,28 +1396,38 @@ const Xn = ({
1396
1396
  renderAsMenuTrigger: y && !!f && !!c
1397
1397
  }
1398
1398
  ),
1399
- n ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: /* @__PURE__ */ s(oe, { children: c && y ? /* @__PURE__ */ s(
1400
- ke,
1399
+ n ? /* @__PURE__ */ s(
1400
+ "div",
1401
1401
  {
1402
- type: r,
1403
- isCardActive: !!c || Q,
1404
- theme: N,
1405
- children: n
1402
+ style: {
1403
+ wordBreak: "break-word",
1404
+ overflowWrap: "break-word",
1405
+ whiteSpace: "pre-wrap"
1406
+ },
1407
+ children: /* @__PURE__ */ s(oe, { children: c && y ? /* @__PURE__ */ s(
1408
+ Re,
1409
+ {
1410
+ type: r,
1411
+ isCardActive: !!c || Q,
1412
+ theme: N,
1413
+ children: n
1414
+ }
1415
+ ) : /* @__PURE__ */ S(ze, { children: [
1416
+ O && /* @__PURE__ */ s(pe, { children: n }),
1417
+ /* @__PURE__ */ s("span", { "aria-hidden": O, style: { display: "block" }, children: /* @__PURE__ */ s(Ee, { maxLines: 3, truncate: "word", onUpdate: x, children: /* @__PURE__ */ s(
1418
+ Re,
1419
+ {
1420
+ type: r,
1421
+ isCardActive: !!c || Q,
1422
+ theme: N,
1423
+ children: n
1424
+ }
1425
+ ) }) })
1426
+ ] }) })
1406
1427
  }
1407
- ) : /* @__PURE__ */ S(ze, { children: [
1408
- O && /* @__PURE__ */ s(pe, { children: n }),
1409
- /* @__PURE__ */ s("span", { "aria-hidden": O, style: { display: "block" }, children: /* @__PURE__ */ s(Ee, { maxLines: 3, truncate: "word", onUpdate: x, children: /* @__PURE__ */ s(
1410
- ke,
1411
- {
1412
- type: r,
1413
- isCardActive: !!c || Q,
1414
- theme: N,
1415
- children: n
1416
- }
1417
- ) }) })
1418
- ] }) }) }) : /* @__PURE__ */ s(dt, {}),
1419
- /* @__PURE__ */ s(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ S(R, { direction: "column", gap: "small", height: "100%", children: [
1420
- b && y ? /* @__PURE__ */ S(R, { direction: "column", gap: "x-small", margin: "xx-small", children: [
1428
+ ) : /* @__PURE__ */ s(dt, {}),
1429
+ /* @__PURE__ */ s(w.Item, { shouldGrow: !0, children: /* @__PURE__ */ S(w, { direction: "column", gap: "small", height: "100%", children: [
1430
+ b && y ? /* @__PURE__ */ S(w, { direction: "column", gap: "x-small", margin: "xx-small", children: [
1421
1431
  /* @__PURE__ */ s(
1422
1432
  Qe,
1423
1433
  {
@@ -1430,8 +1440,8 @@ const Xn = ({
1430
1440
  }
1431
1441
  }
1432
1442
  ),
1433
- /* @__PURE__ */ S(R, { gap: "xx-small", children: [
1434
- /* @__PURE__ */ s(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
1443
+ /* @__PURE__ */ S(w, { gap: "xx-small", children: [
1444
+ /* @__PURE__ */ s(w.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
1435
1445
  re,
1436
1446
  {
1437
1447
  display: "block",
@@ -1443,7 +1453,7 @@ const Xn = ({
1443
1453
  children: g.cancel
1444
1454
  }
1445
1455
  ) }),
1446
- /* @__PURE__ */ s(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
1456
+ /* @__PURE__ */ s(w.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
1447
1457
  re,
1448
1458
  {
1449
1459
  display: "block",
@@ -1457,31 +1467,41 @@ const Xn = ({
1457
1467
  }
1458
1468
  ) })
1459
1469
  ] })
1460
- ] }) : o ? /* @__PURE__ */ s("div", { style: { wordBreak: "break-word", overflowWrap: "break-word" }, children: c && y ? /* @__PURE__ */ S(oe, { children: [
1461
- o,
1462
- " ",
1463
- /* @__PURE__ */ s(
1464
- me,
1465
- {
1466
- size: "small",
1467
- withBackground: !1,
1468
- withBorder: !1,
1469
- margin: "xx-small 0 0 xxx-small",
1470
- screenReaderLabel: g.editNote,
1471
- "data-testid": `note-card-${t}-edit`,
1472
- elementRef: (m) => {
1473
- te.current = m;
1474
- },
1475
- onClick: (m) => {
1476
- m.stopPropagation(), C(!0);
1477
- },
1478
- children: /* @__PURE__ */ s(Re, {})
1479
- }
1480
- )
1481
- ] }) : /* @__PURE__ */ S(oe, { children: [
1482
- F && /* @__PURE__ */ s(pe, { children: o }),
1483
- /* @__PURE__ */ s("span", { "aria-hidden": F, style: { display: "block" }, children: /* @__PURE__ */ s(Ee, { maxLines: 3, truncate: "word", onUpdate: V, children: o }) })
1484
- ] }) }) : y && c ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ S(oe, { color: "secondary", children: [
1470
+ ] }) : o ? /* @__PURE__ */ s(
1471
+ "div",
1472
+ {
1473
+ style: {
1474
+ wordBreak: "break-word",
1475
+ overflowWrap: "break-word",
1476
+ whiteSpace: "pre-wrap"
1477
+ },
1478
+ children: c && y ? /* @__PURE__ */ S(oe, { children: [
1479
+ o,
1480
+ " ",
1481
+ /* @__PURE__ */ s(
1482
+ me,
1483
+ {
1484
+ size: "small",
1485
+ withBackground: !1,
1486
+ withBorder: !1,
1487
+ margin: "xx-small 0 0 xxx-small",
1488
+ screenReaderLabel: g.editNote,
1489
+ "data-testid": `note-card-${t}-edit`,
1490
+ elementRef: (m) => {
1491
+ te.current = m;
1492
+ },
1493
+ onClick: (m) => {
1494
+ m.stopPropagation(), C(!0);
1495
+ },
1496
+ children: /* @__PURE__ */ s(we, {})
1497
+ }
1498
+ )
1499
+ ] }) : /* @__PURE__ */ S(oe, { children: [
1500
+ F && /* @__PURE__ */ s(pe, { children: o }),
1501
+ /* @__PURE__ */ s("span", { "aria-hidden": F, style: { display: "block" }, children: /* @__PURE__ */ s(Ee, { maxLines: 3, truncate: "word", onUpdate: V, children: o }) })
1502
+ ] })
1503
+ }
1504
+ ) : y && c ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ S(oe, { color: "secondary", children: [
1485
1505
  g.addNotePrompt,
1486
1506
  " ",
1487
1507
  /* @__PURE__ */ s(
@@ -1499,11 +1519,11 @@ const Xn = ({
1499
1519
  onClick: (m) => {
1500
1520
  m.stopPropagation(), C(!0);
1501
1521
  },
1502
- children: /* @__PURE__ */ s(Re, {})
1522
+ children: /* @__PURE__ */ s(we, {})
1503
1523
  }
1504
1524
  )
1505
1525
  ] }) }) : null,
1506
- /* @__PURE__ */ S(R, { justifyItems: "space-between", alignItems: "center", margin: "auto 0 0 0", children: [
1526
+ /* @__PURE__ */ S(w, { justifyItems: "space-between", alignItems: "center", margin: "auto 0 0 0", children: [
1507
1527
  /* @__PURE__ */ s(oe, { as: "div", size: "small", color: "secondary", children: We(e, h) }),
1508
1528
  c && l && /* @__PURE__ */ s(
1509
1529
  me,
@@ -1516,7 +1536,7 @@ const Xn = ({
1516
1536
  screenReaderLabel: g.deleteNote,
1517
1537
  "data-testid": `note-card-${t}-delete`,
1518
1538
  elementRef: (m) => {
1519
- w.current = m;
1539
+ k.current = m;
1520
1540
  },
1521
1541
  onClick: (m) => {
1522
1542
  m.stopPropagation(), _.current = !1, T(!0);
@@ -1569,7 +1589,7 @@ const Xn = ({
1569
1589
  insetInlineEnd: "0",
1570
1590
  stacking: "above",
1571
1591
  children: /* @__PURE__ */ S(
1572
- R,
1592
+ w,
1573
1593
  {
1574
1594
  direction: "column",
1575
1595
  justifyItems: "center",
@@ -1688,7 +1708,7 @@ const Xn = ({
1688
1708
  {
1689
1709
  noteId: T.id,
1690
1710
  date: T.createdAt,
1691
- type: T.reaction[0] ?? k.IMPORTANT,
1711
+ type: T.reaction[0] ?? R.IMPORTANT,
1692
1712
  highlight: (O = T.highlightData) == null ? void 0 : O.selectedText,
1693
1713
  note: T.userText,
1694
1714
  isActive: d === T.id,
@@ -1707,7 +1727,7 @@ const Xn = ({
1707
1727
  })
1708
1728
  }
1709
1729
  ),
1710
- D && /* @__PURE__ */ s(R, { justifyItems: "center", padding: "small", "data-testid": "notes-pagination", children: /* @__PURE__ */ s(R.Item, { children: /* @__PURE__ */ s(
1730
+ D && /* @__PURE__ */ s(w, { justifyItems: "center", padding: "small", "data-testid": "notes-pagination", children: /* @__PURE__ */ s(w.Item, { children: /* @__PURE__ */ s(
1711
1731
  Tt,
1712
1732
  {
1713
1733
  as: "nav",
@@ -1732,10 +1752,10 @@ const Xn = ({
1732
1752
  editing: f = !1
1733
1753
  }) => {
1734
1754
  const { translations: c } = ee(), [y, d] = j(f), [h, N] = j(t || ""), [p, E] = j(!1);
1735
- return /* @__PURE__ */ S(R, { direction: "column", gap: "small", "data-testid": "single-note", children: [
1736
- n != null ? /* @__PURE__ */ s(X, { as: "div", children: /* @__PURE__ */ s(oe, { children: /* @__PURE__ */ s(ke, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ s(dt, {}),
1755
+ return /* @__PURE__ */ S(w, { direction: "column", gap: "small", "data-testid": "single-note", children: [
1756
+ n != null ? /* @__PURE__ */ s(X, { as: "div", children: /* @__PURE__ */ s(oe, { children: /* @__PURE__ */ s(Re, { type: e, isCardActive: !0, theme: o, children: n }) }) }) : /* @__PURE__ */ s(dt, {}),
1737
1757
  /* @__PURE__ */ s(ut, { type: e, onTypeChange: l, renderAsMenuTrigger: !!l }),
1738
- y ? /* @__PURE__ */ S(R, { direction: "column", gap: "x-small", children: [
1758
+ y ? /* @__PURE__ */ S(w, { direction: "column", gap: "x-small", children: [
1739
1759
  /* @__PURE__ */ s(
1740
1760
  Qe,
1741
1761
  {
@@ -1745,8 +1765,8 @@ const Xn = ({
1745
1765
  resize: "vertical"
1746
1766
  }
1747
1767
  ),
1748
- /* @__PURE__ */ S(R, { gap: "xx-small", children: [
1749
- /* @__PURE__ */ s(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
1768
+ /* @__PURE__ */ S(w, { gap: "xx-small", children: [
1769
+ /* @__PURE__ */ s(w.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
1750
1770
  re,
1751
1771
  {
1752
1772
  display: "block",
@@ -1758,7 +1778,7 @@ const Xn = ({
1758
1778
  children: c.cancel
1759
1779
  }
1760
1780
  ) }),
1761
- /* @__PURE__ */ s(R.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
1781
+ /* @__PURE__ */ s(w.Item, { shouldGrow: !0, children: /* @__PURE__ */ s(
1762
1782
  re,
1763
1783
  {
1764
1784
  display: "block",
@@ -1772,12 +1792,12 @@ const Xn = ({
1772
1792
  }
1773
1793
  ) })
1774
1794
  ] })
1775
- ] }) : /* @__PURE__ */ S(R, { direction: "column", gap: "small", children: [
1795
+ ] }) : /* @__PURE__ */ S(w, { direction: "column", gap: "small", children: [
1776
1796
  t && /* @__PURE__ */ S(X, { as: "div", children: [
1777
1797
  /* @__PURE__ */ s(Se, { level: "h4", margin: "0 0 xx-small 0", children: c.note }),
1778
1798
  /* @__PURE__ */ s(oe, { children: t })
1779
1799
  ] }),
1780
- /* @__PURE__ */ S(R, { justifyItems: "space-between", children: [
1800
+ /* @__PURE__ */ S(w, { justifyItems: "space-between", children: [
1781
1801
  /* @__PURE__ */ s(
1782
1802
  re,
1783
1803
  {
@@ -1788,7 +1808,7 @@ const Xn = ({
1788
1808
  children: c.back
1789
1809
  }
1790
1810
  ),
1791
- /* @__PURE__ */ S(R, { gap: "xx-small", children: [
1811
+ /* @__PURE__ */ S(w, { gap: "xx-small", children: [
1792
1812
  i && /* @__PURE__ */ s(
1793
1813
  me,
1794
1814
  {
@@ -1811,12 +1831,12 @@ const Xn = ({
1811
1831
  screenReaderLabel: c.editNote,
1812
1832
  "data-testid": "single-note-edit",
1813
1833
  onClick: () => d(!0),
1814
- children: /* @__PURE__ */ s(Re, {})
1834
+ children: /* @__PURE__ */ s(we, {})
1815
1835
  }
1816
1836
  )
1817
1837
  ] })
1818
1838
  ] }),
1819
- p && i && /* @__PURE__ */ s(X, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ S(R, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
1839
+ p && i && /* @__PURE__ */ s(X, { as: "div", background: "primary", padding: "medium", borderRadius: "large", children: /* @__PURE__ */ S(w, { direction: "column", justifyItems: "center", alignItems: "center", gap: "x-small", children: [
1820
1840
  /* @__PURE__ */ s(
1821
1841
  re,
1822
1842
  {
@@ -1847,7 +1867,7 @@ const Xn = ({
1847
1867
  };
1848
1868
  export {
1849
1869
  To as ContentWithNoteWrapper,
1850
- ke as Highlight,
1870
+ Re as Highlight,
1851
1871
  dt as HighlightError,
1852
1872
  Xn as NoteCard,
1853
1873
  ut as NoteChip,
@@ -1857,7 +1877,7 @@ export {
1857
1877
  $n as NotebookTranslationsProvider,
1858
1878
  Eo as NotebookTray,
1859
1879
  Io as NotesListView,
1860
- k as REACTION_TYPE,
1880
+ R as REACTION_TYPE,
1861
1881
  Co as SingleNote,
1862
1882
  Fe as createTransparentColor,
1863
1883
  Yt as useCreateNote,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/platform-notebook",
3
- "version": "1.10.0",
3
+ "version": "1.10.1",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",