@enspiredigital/xlms-headless 0.0.18 → 0.0.19

package/dist/hooks/useOrdering.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOrdering.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrdering.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,wBAAgB,WAAW,CAAC,QAAQ,EAAE,oBAAoB;;;;;;;;;;;0BA0B3B,MAAM,WAAW,MAAM;qBAU5B,MAAM;uBAQJ,MAAM;6BAQA,MAAM,eAAe,MAAM;;;;;;;EAwE5D"}
+{"version":3,"file":"useOrdering.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrdering.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGhD,wBAAgB,WAAW,CAAC,QAAQ,EAAE,oBAAoB;;;;;;;;;;;0BA4B3B,MAAM,WAAW,MAAM;qBAU5B,MAAM;uBAQJ,MAAM;6BAQA,MAAM,eAAe,MAAM;;;;;;;EAwE5D"}

package/dist/index.js

@@ -1,11 +1,11 @@
-import { useState as x, useEffect as y, useMemo as B } from "react";
-function O() {
-  const [t, i] = x(null), [c, d] = x(null), [m, b] = x(0);
+import { useState as x, useEffect as B, useMemo as y } from "react";
+function M() {
+  const [t, o] = x(null), [c, f] = x(null), [m, b] = x(0);
   function w(l) {
-    i(!0), d(l), b((A) => A + 1);
+    o(!0), f(l), b((A) => A + 1);
   }
-  function o() {
-    i(!1), d(null);
+  function i() {
+    o(!1), f(null);
   }
   return {
     // state
@@ -16,36 +16,44 @@ function O() {
     canAnswer: !t,
     // actions
     submitQuestion: w,
-    resetQuestion: o
+    resetQuestion: i
   };
 }
-function D(t, i) {
-  if (t.length !== i.length) return !1;
-  const c = new Set(t), d = new Set(i);
-  if (c.size !== d.size) return !1;
+function j(t, o) {
+  if (t.length !== o.length) return !1;
+  const c = new Set(t), f = new Set(o);
+  if (c.size !== f.size) return !1;
   for (const m of c)
-    if (!d.has(m)) return !1;
+    if (!f.has(m)) return !1;
   return !0;
 }
+function D(t) {
+  const o = [...t];
+  for (let c = o.length - 1; c > 0; c--) {
+    const f = Math.floor(Math.random() * (c + 1));
+    [o[c], o[f]] = [o[f], o[c]];
+  }
+  return o;
+}
 function E(t) {
   const {
-    canAnswer: i,
+    canAnswer: o,
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
     resetQuestion: b,
     submitQuestion: w
-  } = O(), [o, l] = x([]);
+  } = M(), [i, l] = x([]);
   function A(I) {
-    l((f) => t.options.allowMultipleAnswers ? f.includes(I) ? f.filter((g) => g !== I) : [...f, I] : [I]);
+    l((d) => t.options.allowMultipleAnswers ? d.includes(I) ? d.filter((g) => g !== I) : [...d, I] : [I]);
   }
   function S() {
-    if (o.length === 0) return;
+    if (i.length === 0) return;
     const I = t.options.answers.reduce(
       (g, p) => (p.is_correct && g.push(p.id), g),
       []
-    ), f = D(o, I);
-    w(f);
+    ), d = j(i, I);
+    w(d);
   }
   function Q() {
     l([]), b();
@@ -53,32 +61,32 @@ function E(t) {
   return {
     // data
     question: t,
-    selectedIds: o,
+    selectedIds: i,
     // actions
     select: A,
     submit: S,
     reset: Q,
     // base
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
-    canAnswer: i
+    canAnswer: o
   };
 }
-function j(t) {
+function V(t) {
   const {
-    canAnswer: i,
+    canAnswer: o,
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
     submitQuestion: b,
     resetQuestion: w
-  } = O(), [o, l] = x([]), [A, S] = x(
+  } = M(), [i, l] = x([]), [A, S] = x(
     []
   ), [Q, I] = x(
     []
   );
-  function f(e, n) {
+  function d(e, n) {
     l((r) => [
       ...r.filter(
         (u) => u.targetId !== e && u.sourceId !== n
@@ -94,7 +102,7 @@ function j(t) {
   function p() {
     let e = 0, n = !0;
     return t.options.targets.forEach((r) => {
-      const u = o.find((C) => C.targetId === r.id), h = t.options.sources[r.content.correct_position - 1];
+      const u = i.find((C) => C.targetId === r.id), h = t.options.sources[r.content.correct_position - 1];
       u && h && u.sourceId === h.id ? e += r.content.point : n = !1;
     }), {
       isCorrect: n,
@@ -112,46 +120,46 @@ function j(t) {
   function s() {
     l([]), w();
   }
-  return y(() => {
+  return B(() => {
     const e = t.options.sources.filter(
-      (n) => !o.some((r) => r.sourceId === n.id)
+      (n) => !i.some((r) => r.sourceId === n.id)
     );
     S(e);
-  }, [o, t.options.sources]), y(() => {
+  }, [i, t.options.sources]), B(() => {
     const e = t.options.targets.filter(
-      (n) => !o.some((r) => r.targetId === n.id)
+      (n) => !i.some((r) => r.targetId === n.id)
     );
     I(e);
-  }, [o, t.options.targets]), {
+  }, [i, t.options.targets]), {
     // data
     sources: t.options.sources,
     targets: t.options.targets,
-    answers: o,
+    answers: i,
     question: t,
     availableSources: A,
     availableTargets: Q,
     // base
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
-    canAnswer: i,
+    canAnswer: o,
     // actions
-    select: f,
+    select: d,
     remove: g,
     submit: a,
     reset: s
   };
 }
-function V(t) {
+function T(t) {
   const {
-    canAnswer: i,
+    canAnswer: o,
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
     resetQuestion: b,
     submitQuestion: w
-  } = O();
-  function o() {
+  } = M();
+  function i() {
     w(!0);
   }
   function l() {
@@ -163,29 +171,29 @@ function V(t) {
     url: t.options.url,
     type: t.options.urlType,
     // actions
-    submit: o,
+    submit: i,
     reset: l,
     // base
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
-    canAnswer: i
+    canAnswer: o
   };
 }
-function T(t) {
+function F(t) {
   const {
-    canAnswer: i,
+    canAnswer: o,
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
     submitQuestion: b,
     resetQuestion: w
-  } = O(), [o, l] = x([]), [A, S] = x(null), Q = B(() => {
-    const e = new Set(o.map((n) => n.itemId));
+  } = M(), [i, l] = x([]), [A, S] = x(null), Q = y(() => {
+    const e = new Set(i.map((n) => n.itemId));
     return t.options.answers.filter(
       (n) => !e.has(String(n.id))
     );
-  }, [o, t.options.answers]);
+  }, [i, t.options.answers]);
   function I(e, n) {
     l((r) => [
       ...r.filter(
@@ -197,7 +205,7 @@ function T(t) {
       }
     ]);
   }
-  function f(e) {
+  function d(e) {
     l((n) => n.filter((r) => r.itemId !== e));
   }
   function g(e, n) {
@@ -205,15 +213,15 @@ function T(t) {
   }
   function p() {
     let e = 0, n = !0, r = 0;
-    const u = t.correct_answers.list, h = new Map(o.map((C) => [C.blankIndex, C.itemId]));
+    const u = t.correct_answers.list, h = new Map(i.map((C) => [C.blankIndex, C.itemId]));
     return Object.entries(u).forEach(([C, k]) => {
-      const L = C, v = h.get(L);
+      const O = C, v = h.get(O);
       if (!v) {
         n = !1;
         return;
       }
-      const M = t.options.answers.find((_) => _.id === v);
-      M && String(M.group_position) === String(k) ? (e++, r += M.point) : n = !1;
+      const L = t.options.answers.find((_) => _.id === v);
+      L && String(L.group_position) === String(k) ? (e++, r += L.point) : n = !1;
     }), {
       isCorrect: n,
       correctCount: e,
@@ -233,35 +241,37 @@ function T(t) {
     // data
     items: t.options.answers,
     groups: t.options.groups,
-    answers: o,
+    answers: i,
     availableItems: Q,
     question: t,
     draggingItemId: A,
     // base
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
-    canAnswer: i,
+    canAnswer: o,
     // actions
     dropItem: I,
-    removeItem: f,
+    removeItem: d,
     moveItem: g,
     setDraggingItemId: S,
     submit: a,
     reset: s
   };
 }
-function F(t) {
+function z(t) {
   const {
-    canAnswer: i,
+    canAnswer: o,
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
     submitQuestion: b,
     resetQuestion: w
-  } = O(), [o, l] = x(() => t.options.answers.map((s) => String(s.id))), A = B(() => o.map(
+  } = M(), [i, l] = x(() => D(
+    t.options.answers.map((s) => String(s.id))
+  )), A = y(() => i.map(
     (s) => t.options.answers.find((e) => String(e.id) === s)
-  ).filter((s) => s !== void 0), [o, t.options.answers]);
+  ).filter((s) => s !== void 0), [i, t.options.answers]);
   function S(s, e) {
     l((n) => {
       const r = [...n], [u] = r.splice(s, 1);
@@ -269,21 +279,21 @@ function F(t) {
     });
   }
   function Q(s) {
-    const e = o.indexOf(s);
+    const e = i.indexOf(s);
     e > 0 && S(e, e - 1);
   }
   function I(s) {
-    const e = o.indexOf(s);
-    e < o.length - 1 && S(e, e + 1);
+    const e = i.indexOf(s);
+    e < i.length - 1 && S(e, e + 1);
   }
-  function f(s, e) {
-    const n = o.indexOf(s);
-    n !== -1 && e >= 0 && e < o.length && S(n, e);
+  function d(s, e) {
+    const n = i.indexOf(s);
+    n !== -1 && e >= 0 && e < i.length && S(n, e);
   }
   function g() {
     let s = 0, e = !0;
     return t.options.answers.forEach((n, r) => {
-      const u = o.indexOf(String(n.id));
+      const u = i.indexOf(String(n.id));
       u !== -1 && u + 1 === n.correct_position ? s += n.point : e = !1;
     }), {
       isCorrect: e,
@@ -306,42 +316,42 @@ function F(t) {
     items: t.options.answers,
     groups: t.options.groups,
     orderedItems: A,
-    orderedItemIds: o,
+    orderedItemIds: i,
     question: t,
     // base
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
-    canAnswer: i,
+    canAnswer: o,
     // actions
     setOrderedItemIds: l,
     moveItem: S,
     moveUp: Q,
     moveDown: I,
-    moveToPosition: f,
+    moveToPosition: d,
     submit: p,
     reset: a
   };
 }
-function z(t) {
+function G(t) {
   const {
-    canAnswer: i,
+    canAnswer: o,
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
     submitQuestion: b,
     resetQuestion: w
-  } = O(), [o, l] = x([]), A = B(() => {
-    const e = new Set(o.map((n) => n.labelId));
+  } = M(), [i, l] = x([]), A = y(() => {
+    const e = new Set(i.map((n) => n.labelId));
     return t.options.labels.filter(
       (n) => !e.has(String(n.id))
     );
-  }, [o, t.options.labels]);
+  }, [i, t.options.labels]);
   function S(e, n, r, u) {
     const h = t.options.blanks.find((C) => String(C.id) === n);
     h && l((C) => [
       ...C.filter(
-        (L) => L.labelId !== e && L.blankId !== n
+        (O) => O.labelId !== e && O.blankId !== n
       ),
       {
         labelId: e,
@@ -357,20 +367,20 @@ function z(t) {
   function I(e, n, r, u) {
     S(e, n, r, u);
   }
-  function f(e) {
-    const n = o.find((r) => r.blankId === e);
+  function d(e) {
+    const n = i.find((r) => r.blankId === e);
     return n && t.options.labels.find(
       (r) => String(r.id) === n.labelId
     ) || null;
   }
   function g(e) {
-    const n = o.find((r) => r.labelId === e);
+    const n = i.find((r) => r.labelId === e);
     return n ? n.blankId : null;
   }
   function p() {
     let e = 0, n = !0;
     return t.options.labels.forEach((r) => {
-      const u = o.find(
+      const u = i.find(
         (C) => String(C.labelId) === String(r.id)
       ), h = t.options.blanks.find(
         (C, k) => k + 1 === r.correct_position
@@ -399,64 +409,64 @@ function z(t) {
     groups: t.options.groups,
     imageWidth: t.image_width,
     imageHeight: t.image_height,
-    answers: o,
+    answers: i,
     availableLabels: A,
     question: t,
     // base
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
-    canAnswer: i,
+    canAnswer: o,
     // actions
     attachLabel: S,
     removeLabel: Q,
     moveLabel: I,
-    getLabelAtBlank: f,
+    getLabelAtBlank: d,
     getBlankForLabel: g,
     submit: a,
     reset: s
   };
 }
-function G(t) {
+function W(t) {
   const {
-    canAnswer: i,
+    canAnswer: o,
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
     submitQuestion: b,
     resetQuestion: w
-  } = O(), [o, l] = x([]);
-  function A(f, g) {
+  } = M(), [i, l] = x([]);
+  function A(d, g) {
     l((p) => {
-      const a = p.findIndex((s) => s.blankId === f);
+      const a = p.findIndex((s) => s.blankId === d);
       if (a >= 0) {
         const s = [...p];
-        return s[a] = { blankId: f, value: g }, s;
+        return s[a] = { blankId: d, value: g }, s;
       }
-      return [...p, { blankId: f, value: g }];
+      return [...p, { blankId: d, value: g }];
     });
   }
   function S() {
-    let f = 0, g = 0, p = 0;
+    let d = 0, g = 0, p = 0;
     const a = t.correct_answers.list || {}, s = Object.keys(a).length;
     Object.entries(a).forEach(([n, r]) => {
       const u = String(r).trim().toLowerCase(), h = t.options.answers.find(
         (v) => v.correct_position === Number(n)
       ), C = h && h.point || 1;
       p += C;
-      const k = o.find((v) => v.blankId === n);
-      (k ? String(k.value).trim().toLowerCase() : "") === u && (f += C, g++);
+      const k = i.find((v) => v.blankId === n);
+      (k ? String(k.value).trim().toLowerCase() : "") === u && (d += C, g++);
     });
     const e = g === s && s > 0;
     return p === 0 && s > 0 && (p = s), {
       isCorrect: e,
-      score: Math.round(f * 100) / 100,
+      score: Math.round(d * 100) / 100,
       maxScore: Math.round(p * 100) / 100
     };
   }
   function Q() {
-    const f = S();
-    return b(f.isCorrect), f;
+    const d = S();
+    return b(d.isCorrect), d;
   }
   function I() {
     l([]), w();
@@ -464,28 +474,28 @@ function G(t) {
   return {
     // data
     groups: t.options.groups,
-    answers: o,
+    answers: i,
     question: t,
     // base
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
-    canAnswer: i,
+    canAnswer: o,
     // actions
     answer: A,
     submit: Q,
     reset: I
   };
 }
-function W(t) {
+function H(t) {
   const {
-    canAnswer: i,
+    canAnswer: o,
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
     submitQuestion: b,
     resetQuestion: w
-  } = O(), [o, l] = x([]);
+  } = M(), [i, l] = x([]);
   function A(a, s) {
     l((e) => {
       const n = e.findIndex((r) => r.itemId === a);
@@ -504,10 +514,10 @@ function W(t) {
     const n = t.correct_answers.list || {}, r = Object.keys(n).length;
     let u = 0;
     return Object.entries(n).forEach(([C, k]) => {
-      const L = t.options.items.find((_) => _.id === C), v = L ? L.point : 0;
+      const O = t.options.items.find((_) => _.id === C), v = O ? O.point : 0;
       u += v;
-      const M = o.find((_) => _.itemId === C);
-      M && M.categoryId === k && (a += v, s++);
+      const L = i.find((_) => _.itemId === C);
+      L && L.categoryId === k && (a += v, s++);
     }), a = Math.round(a * 100) / 100, u = Math.round(u * 100) / 100, {
       isCorrect: s === r && r > 0,
       score: a,
@@ -518,20 +528,20 @@ function W(t) {
     const a = Q();
     return b(a.isCorrect), a;
   }
-  function f() {
+  function d() {
     l([]), w();
   }
-  const g = B(() => t.options.items.filter(
-    (a) => !o.some((s) => s.itemId === a.id)
-  ), [t.options.items, o]), p = B(() => t.options.categories.map((a) => {
-    const s = o.filter((e) => e.categoryId === a.id).map((e) => ({
+  const g = y(() => t.options.items.filter(
+    (a) => !i.some((s) => s.itemId === a.id)
+  ), [t.options.items, i]), p = y(() => t.options.categories.map((a) => {
+    const s = i.filter((e) => e.categoryId === a.id).map((e) => ({
       ...t.options.items.find((r) => r.id === e.itemId)
     }));
     return {
       ...a,
       items: s
     };
-  }), [t.options.categories, t.options.items, o]);
+  }), [t.options.categories, t.options.items, i]);
   return {
     // data
     categories: t.options.categories,
@@ -539,30 +549,30 @@ function W(t) {
     question: t,
     categoriesWithItems: p,
     // state
-    answers: o,
+    answers: i,
     unassignedItems: g,
     // base
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
-    canAnswer: i,
+    canAnswer: o,
     // actions
     move: A,
     remove: S,
     submit: I,
-    reset: f
+    reset: d
   };
 }
-function H(t) {
+function N(t) {
   const {
-    canAnswer: i,
+    canAnswer: o,
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
     resetQuestion: b,
     submitQuestion: w
-  } = O();
-  function o() {
+  } = M();
+  function i() {
     c || w(!0);
   }
   function l() {
@@ -574,97 +584,98 @@ function H(t) {
     url: t.options.url,
     type: t.options.urlType,
     // actions
-    submit: o,
+    submit: i,
     reset: l,
     // base
     submitted: c,
-    isCorrect: d,
+    isCorrect: f,
     attempts: m,
-    canAnswer: i
+    canAnswer: o
   };
 }
-function P({
-  getData: t,
-  children: i
-}) {
-  const c = E(t());
-  return i(c);
-}
 function U({
   getData: t,
-  children: i
+  children: o
 }) {
-  const c = j(t());
-  return i(c);
+  const c = E(t());
+  return o(c);
 }
 function J({
   getData: t,
-  children: i
+  children: o
 }) {
   const c = V(t());
-  return i(c);
+  return o(c);
 }
 function R({
   getData: t,
-  children: i
+  children: o
 }) {
   const c = T(t());
-  return i(c);
+  return o(c);
 }
 function X({
   getData: t,
-  children: i
+  children: o
 }) {
   const c = F(t());
-  return i(c);
+  return o(c);
 }
 function Y({
   getData: t,
-  children: i
+  children: o
 }) {
   const c = z(t());
-  return i(c);
+  return o(c);
 }
 function Z({
   getData: t,
-  children: i
+  children: o
 }) {
   const c = G(t());
-  return i(c);
+  return o(c);
 }
 function $({
   getData: t,
-  children: i
+  children: o
 }) {
   const c = W(t());
-  return i(c);
+  return o(c);
 }
 function K({
   getData: t,
-  children: i
+  children: o
 }) {
   const c = H(t());
-  return i(c);
+  return o(c);
+}
+function q({
+  getData: t,
+  children: o
+}) {
+  const c = N(t());
+  return o(c);
 }
 export {
-  R as DragDropQuestion,
-  Z as FillInBlankQuestion,
-  $ as GroupingQuestion,
-  Y as LabelingQuestion,
-  U as MatchingQuestion,
-  P as MultipleChoicesQuestion,
-  X as OrderingQuestion,
-  K as PowerpointQuestion,
-  J as VideoQuestion,
-  D as isSameSet,
-  O as useBaseQuestion,
-  T as useDragDrop,
-  G as useFillInBlank,
-  W as useGrouping,
-  z as useLabeling,
-  j as useMatching,
+  X as DragDropQuestion,
+  $ as FillInBlankQuestion,
+  K as GroupingQuestion,
+  Z as LabelingQuestion,
+  J as MatchingQuestion,
+  U as MultipleChoicesQuestion,
+  Y as OrderingQuestion,
+  q as PowerpointQuestion,
+  R as VideoQuestion,
+  j as isSameSet,
+  D as shuffleArray,
+  M as useBaseQuestion,
+  F as useDragDrop,
+  W as useFillInBlank,
+  H as useGrouping,
+  G as useLabeling,
+  V as useMatching,
   E as useMultipleChoice,
-  F as useOrdering,
-  H as usePowerpoint,
-  V as useVideo
+  z as useOrdering,
+  N as usePowerpoint,
+  T as useVideo
 };

package/dist/utils/index.d.ts

@@ -1,2 +1,3 @@
 export declare function isSameSet(a: string[], b: string[]): boolean;
+export declare function shuffleArray<T>(array: T[]): T[];
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AACA,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,WAajD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AACA,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,WAajD;AAGD,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAO/C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enspiredigital/xlms-headless",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",