@cuemath/leap 3.1.8-aa0 → 3.1.8-aa2
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.
- package/dist/features/cue-canvas/cue-canvas-provider.js +17 -18
- package/dist/features/cue-canvas/cue-canvas-provider.js.map +1 -1
- package/dist/features/cue-canvas/toolbar/color-palette.js +18 -17
- package/dist/features/cue-canvas/toolbar/color-palette.js.map +1 -1
- package/dist/features/cue-canvas/toolbar/toolbar.js +16 -16
- package/dist/features/cue-canvas/toolbar/toolbar.js.map +1 -1
- package/dist/features/worksheet/worksheet/worksheet-container.js +32 -32
- package/dist/features/worksheet/worksheet/worksheet-container.js.map +1 -1
- package/dist/index.d.ts +1 -4
- package/package.json +1 -1
|
@@ -1,24 +1,23 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { memo as
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
const m = a(() => I(t, e), [t, e]), [r, v] = o(), [s, l] = o("pen"), [c, C] = o(m[0]), [n, u] = o(), d = a(
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { memo as u, useState as o, useMemo as C } from "react";
|
|
3
|
+
import d from "./cue-canvas-context.js";
|
|
4
|
+
const p = u(({ children: n }) => {
|
|
5
|
+
const [e, c] = o(), [t, a] = o("pen"), [r, i] = o("BLACK"), [s, v] = o(), m = C(
|
|
7
6
|
() => ({
|
|
8
|
-
activeInstance:
|
|
9
|
-
setActiveInstance:
|
|
10
|
-
activeTool:
|
|
11
|
-
setActiveTool:
|
|
12
|
-
activeColor:
|
|
13
|
-
setActiveColor:
|
|
14
|
-
homeworkId:
|
|
15
|
-
setHomeworkId:
|
|
7
|
+
activeInstance: e,
|
|
8
|
+
setActiveInstance: c,
|
|
9
|
+
activeTool: t,
|
|
10
|
+
setActiveTool: a,
|
|
11
|
+
activeColor: r,
|
|
12
|
+
setActiveColor: i,
|
|
13
|
+
homeworkId: s,
|
|
14
|
+
setHomeworkId: v
|
|
16
15
|
}),
|
|
17
|
-
[
|
|
16
|
+
[r, e, t, s]
|
|
18
17
|
);
|
|
19
|
-
return /* @__PURE__ */
|
|
20
|
-
}),
|
|
18
|
+
return /* @__PURE__ */ l(d.Provider, { value: m, children: n });
|
|
19
|
+
}), I = p;
|
|
21
20
|
export {
|
|
22
|
-
|
|
21
|
+
I as default
|
|
23
22
|
};
|
|
24
23
|
//# sourceMappingURL=cue-canvas-provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cue-canvas-provider.js","sources":["../../../src/features/cue-canvas/cue-canvas-provider.tsx"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"cue-canvas-provider.js","sources":["../../../src/features/cue-canvas/cue-canvas-provider.tsx"],"sourcesContent":["import type { CueCanvasCore } from './cue-canvas-core';\nimport type { TCueCanvasColors, TCueCanvasTool } from './types/cue-canvas';\nimport type { FC, PropsWithChildren } from 'react';\n\nimport { useState, memo, useMemo } from 'react';\n\nimport CueCanvasContext from './cue-canvas-context';\n\nconst CueCanvasProvider: FC<PropsWithChildren> = memo(({ children }) => {\n const [activeInstance, setActiveInstance] = useState<CueCanvasCore>();\n const [activeTool, setActiveTool] = useState<TCueCanvasTool>('pen');\n const [activeColor, setActiveColor] = useState<TCueCanvasColors>('BLACK');\n const [homeworkId, setHomeworkId] = useState<string>();\n\n const contextValue = useMemo(\n () => ({\n activeInstance: activeInstance,\n setActiveInstance: setActiveInstance,\n activeTool: activeTool,\n setActiveTool: setActiveTool,\n activeColor,\n setActiveColor,\n homeworkId,\n setHomeworkId,\n }),\n [activeColor, activeInstance, activeTool, homeworkId],\n );\n\n return <CueCanvasContext.Provider value={contextValue}>{children}</CueCanvasContext.Provider>;\n});\n\nexport default CueCanvasProvider;\n"],"names":["CueCanvasProvider","memo","children","activeInstance","setActiveInstance","useState","activeTool","setActiveTool","activeColor","setActiveColor","homeworkId","setHomeworkId","contextValue","useMemo","CueCanvasContext","CueCanvasProvider$1"],"mappings":";;;AAQA,MAAMA,IAA2CC,EAAK,CAAC,EAAE,UAAAC,QAAe;AACtE,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAwB,GAC9D,CAACC,GAAYC,CAAa,IAAIF,EAAyB,KAAK,GAC5D,CAACG,GAAaC,CAAc,IAAIJ,EAA2B,OAAO,GAClE,CAACK,GAAYC,CAAa,IAAIN,EAAiB,GAE/CO,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,gBAAAV;AAAA,MACA,mBAAAC;AAAA,MACA,YAAAE;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,IAEF,CAACH,GAAaL,GAAgBG,GAAYI,CAAU;AAAA,EAAA;AAGtD,2BAAQI,EAAiB,UAAjB,EAA0B,OAAOF,GAAe,UAAAV,EAAS,CAAA;AACnE,CAAC,GAEDa,IAAef;"}
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { memo as $, useCallback as d, useMemo as
|
|
3
|
-
import
|
|
2
|
+
import { memo as $, useCallback as d, useMemo as h } from "react";
|
|
3
|
+
import f from "../../ui/buttons/clickable/clickable.js";
|
|
4
4
|
import l from "../../ui/layout/flex-view.js";
|
|
5
|
-
import { getColorsForUser as
|
|
6
|
-
import { ColorPicker as
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
import { getColorsForUser as p } from "../cue-canvas-helpers.js";
|
|
6
|
+
import { ColorPicker as u, StyledCheckIcon as g } from "../cue-cavas-styled.js";
|
|
7
|
+
import { useCueCanvasActions as k } from "../hooks/use-cue-canvas-actions.js";
|
|
8
|
+
const j = $((c) => {
|
|
9
|
+
const { setActiveColor: i, activeColor: n, userType: s, renderAs: o } = c, { activeInstance: t } = k(), a = d(
|
|
9
10
|
(e) => {
|
|
10
|
-
t(e);
|
|
11
|
+
i(e), t == null || t.setColor(e);
|
|
11
12
|
},
|
|
12
|
-
[t]
|
|
13
|
-
),
|
|
13
|
+
[t, i]
|
|
14
|
+
), m = h(() => p(s, o), [s, o]);
|
|
14
15
|
return /* @__PURE__ */ r(
|
|
15
16
|
l,
|
|
16
17
|
{
|
|
@@ -18,10 +19,10 @@ const y = $((c) => {
|
|
|
18
19
|
$flexWrap: !0,
|
|
19
20
|
$width: o === "canvas" ? 66 : 200,
|
|
20
21
|
$position: "relative",
|
|
21
|
-
children:
|
|
22
|
-
|
|
22
|
+
children: m.map((e, C) => /* @__PURE__ */ r(
|
|
23
|
+
f,
|
|
23
24
|
{
|
|
24
|
-
onClick: () =>
|
|
25
|
+
onClick: () => a(e),
|
|
25
26
|
label: `Color Picker - ${e}`,
|
|
26
27
|
children: /* @__PURE__ */ r(
|
|
27
28
|
l,
|
|
@@ -30,10 +31,10 @@ const y = $((c) => {
|
|
|
30
31
|
$height: 22,
|
|
31
32
|
$borderRadius: 11,
|
|
32
33
|
$justifyContent: "center",
|
|
33
|
-
$background:
|
|
34
|
+
$background: n === e ? "BLACK" : "WHITE",
|
|
34
35
|
$alignItems: "center",
|
|
35
36
|
children: /* @__PURE__ */ r(
|
|
36
|
-
|
|
37
|
+
u,
|
|
37
38
|
{
|
|
38
39
|
$width: 20,
|
|
39
40
|
$height: 20,
|
|
@@ -41,18 +42,18 @@ const y = $((c) => {
|
|
|
41
42
|
$color: e,
|
|
42
43
|
$alignItems: "center",
|
|
43
44
|
$justifyContent: "center",
|
|
44
|
-
children:
|
|
45
|
+
children: n === e && /* @__PURE__ */ r(g, {})
|
|
45
46
|
}
|
|
46
47
|
)
|
|
47
48
|
}
|
|
48
49
|
)
|
|
49
50
|
},
|
|
50
|
-
|
|
51
|
+
C
|
|
51
52
|
))
|
|
52
53
|
}
|
|
53
54
|
);
|
|
54
55
|
});
|
|
55
56
|
export {
|
|
56
|
-
|
|
57
|
+
j as default
|
|
57
58
|
};
|
|
58
59
|
//# sourceMappingURL=color-palette.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-palette.js","sources":["../../../../src/features/cue-canvas/toolbar/color-palette.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { TCueCanvasColors, TRenderAs } from '../types/cue-canvas';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getColorsForUser } from '../cue-canvas-helpers';\nimport { StyledCheckIcon, ColorPicker } from '../cue-cavas-styled';\n\ninterface IColorPalette {\n setActiveColor: (color: TCueCanvasColors) => void;\n activeColor: TCueCanvasColors;\n userType: TUserTypes;\n renderAs: TRenderAs;\n}\n\nconst ColorPalette: React.FC<IColorPalette> = memo(props => {\n const { setActiveColor, activeColor, userType, renderAs } = props;\n const handleColorChange = useCallback(\n (color: TCueCanvasColors) => {\n setActiveColor(color);\n },\n [setActiveColor],\n );\n const colors = useMemo(() => getColorsForUser(userType, renderAs), [userType, renderAs]);\n\n return (\n <FlexView\n $flexDirection=\"row\"\n $flexWrap\n $width={renderAs === 'canvas' ? 66 : 200}\n $position=\"relative\"\n >\n {colors.map((color, index) => (\n <Clickable\n key={index}\n onClick={() => handleColorChange(color)}\n label={`Color Picker - ${color}`}\n >\n <FlexView\n $width={22}\n $height={22}\n $borderRadius={11}\n $justifyContent=\"center\"\n $background={activeColor === color ? 'BLACK' : 'WHITE'}\n $alignItems=\"center\"\n >\n <ColorPicker\n $width={20}\n $height={20}\n $borderRadius={10}\n $color={color}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n {activeColor === color && <StyledCheckIcon />}\n </ColorPicker>\n </FlexView>\n </Clickable>\n ))}\n </FlexView>\n );\n});\n\nexport default ColorPalette;\n"],"names":["ColorPalette","memo","props","setActiveColor","activeColor","userType","renderAs","handleColorChange","useCallback","color","colors","useMemo","getColorsForUser","jsx","FlexView","index","Clickable","ColorPicker","StyledCheckIcon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"color-palette.js","sources":["../../../../src/features/cue-canvas/toolbar/color-palette.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { TCueCanvasColors, TRenderAs } from '../types/cue-canvas';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getColorsForUser } from '../cue-canvas-helpers';\nimport { StyledCheckIcon, ColorPicker } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\n\ninterface IColorPalette {\n setActiveColor: (color: TCueCanvasColors) => void;\n activeColor: TCueCanvasColors;\n userType: TUserTypes;\n renderAs: TRenderAs;\n}\n\nconst ColorPalette: React.FC<IColorPalette> = memo(props => {\n const { setActiveColor, activeColor, userType, renderAs } = props;\n const { activeInstance: cueCanvas } = useCueCanvasActions();\n const handleColorChange = useCallback(\n (color: TCueCanvasColors) => {\n setActiveColor(color);\n cueCanvas?.setColor(color);\n },\n [cueCanvas, setActiveColor],\n );\n const colors = useMemo(() => getColorsForUser(userType, renderAs), [userType, renderAs]);\n\n return (\n <FlexView\n $flexDirection=\"row\"\n $flexWrap\n $width={renderAs === 'canvas' ? 66 : 200}\n $position=\"relative\"\n >\n {colors.map((color, index) => (\n <Clickable\n key={index}\n onClick={() => handleColorChange(color)}\n label={`Color Picker - ${color}`}\n >\n <FlexView\n $width={22}\n $height={22}\n $borderRadius={11}\n $justifyContent=\"center\"\n $background={activeColor === color ? 'BLACK' : 'WHITE'}\n $alignItems=\"center\"\n >\n <ColorPicker\n $width={20}\n $height={20}\n $borderRadius={10}\n $color={color}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n {activeColor === color && <StyledCheckIcon />}\n </ColorPicker>\n </FlexView>\n </Clickable>\n ))}\n </FlexView>\n );\n});\n\nexport default ColorPalette;\n"],"names":["ColorPalette","memo","props","setActiveColor","activeColor","userType","renderAs","cueCanvas","useCueCanvasActions","handleColorChange","useCallback","color","colors","useMemo","getColorsForUser","jsx","FlexView","index","Clickable","ColorPicker","StyledCheckIcon"],"mappings":";;;;;;;AAkBM,MAAAA,IAAwCC,EAAK,CAASC,MAAA;AAC1D,QAAM,EAAE,gBAAAC,GAAgB,aAAAC,GAAa,UAAAC,GAAU,UAAAC,MAAaJ,GACtD,EAAE,gBAAgBK,EAAU,IAAIC,EAAoB,GACpDC,IAAoBC;AAAA,IACxB,CAACC,MAA4B;AAC3B,MAAAR,EAAeQ,CAAK,GACpBJ,KAAA,QAAAA,EAAW,SAASI;AAAA,IACtB;AAAA,IACA,CAACJ,GAAWJ,CAAc;AAAA,EAAA,GAEtBS,IAASC,EAAQ,MAAMC,EAAiBT,GAAUC,CAAQ,GAAG,CAACD,GAAUC,CAAQ,CAAC;AAGrF,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,WAAS;AAAA,MACT,QAAQV,MAAa,WAAW,KAAK;AAAA,MACrC,WAAU;AAAA,MAET,UAAOM,EAAA,IAAI,CAACD,GAAOM,MAClB,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UAEC,SAAS,MAAMT,EAAkBE,CAAK;AAAA,UACtC,OAAO,kBAAkBA,CAAK;AAAA,UAE9B,UAAA,gBAAAI;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,iBAAgB;AAAA,cAChB,aAAaZ,MAAgBO,IAAQ,UAAU;AAAA,cAC/C,aAAY;AAAA,cAEZ,UAAA,gBAAAI;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,eAAe;AAAA,kBACf,QAAQR;AAAA,kBACR,aAAY;AAAA,kBACZ,iBAAgB;AAAA,kBAEf,UAAAP,MAAgBO,KAAS,gBAAAI,EAACK,GAAgB,CAAA,CAAA;AAAA,gBAAA;AAAA,cAC7C;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAtBKH;AAAA,MAAA,CAwBR;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { memo as
|
|
3
|
-
import
|
|
4
|
-
import { getUserTools as p } from "../cue-canvas-helpers.js";
|
|
5
|
-
import { useCueCanvasActions as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
return
|
|
12
|
-
o && (
|
|
13
|
-
}, [
|
|
14
|
-
|
|
15
|
-
/* @__PURE__ */
|
|
1
|
+
import { jsx as i, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import { memo as c, useEffect as f } from "react";
|
|
3
|
+
import u from "../../ui/layout/flex-view.js";
|
|
4
|
+
import { getColorsForUser as C, getUserTools as p } from "../cue-canvas-helpers.js";
|
|
5
|
+
import { useCueCanvasActions as v } from "../hooks/use-cue-canvas-actions.js";
|
|
6
|
+
import x from "./color-picker-menu.js";
|
|
7
|
+
import b from "./tool.js";
|
|
8
|
+
import d from "./whiteboard-toolbar.js";
|
|
9
|
+
const $ = c(({ userType: t, renderAs: r }) => {
|
|
10
|
+
const s = p(t, r), { activeInstance: o, activeTool: a, activeColor: l } = v(), e = C(t, r);
|
|
11
|
+
return f(() => {
|
|
12
|
+
o && (!e.includes(l) && e[0] ? o.setColor(e[0]) : o.setColor(l), o.setTool(a));
|
|
13
|
+
}, [o]), r === "whiteboard" ? /* @__PURE__ */ i(d, { tools: s, userType: t }) : /* @__PURE__ */ m(u, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGapX: 0.5, children: [
|
|
14
|
+
s.map((n) => /* @__PURE__ */ i(b, { tool: n, shouldAnimate: !0 }, n)),
|
|
15
|
+
/* @__PURE__ */ i(x, { userType: t, renderAs: "canvas" })
|
|
16
16
|
] });
|
|
17
|
-
}), k =
|
|
17
|
+
}), k = $;
|
|
18
18
|
export {
|
|
19
19
|
k as default
|
|
20
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/toolbar.tsx"],"sourcesContent":["import type { IToolbarProps } from '../types/toolbar';\n\nimport React, { memo, useEffect } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { getUserTools } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\nimport WhiteboardToolbar from './whiteboard-toolbar';\n\nconst Toolbar: React.FC<IToolbarProps> = memo(({ userType, renderAs }) => {\n const tools = getUserTools(userType, renderAs);\n const { activeInstance: cueCanvas, activeTool, activeColor } = useCueCanvasActions();\n\n useEffect(() => {\n if (cueCanvas) {\n if (activeColor) {\n cueCanvas.setColor(
|
|
1
|
+
{"version":3,"file":"toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/toolbar.tsx"],"sourcesContent":["import type { IToolbarProps } from '../types/toolbar';\n\nimport React, { memo, useEffect } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { getColorsForUser, getUserTools } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\nimport WhiteboardToolbar from './whiteboard-toolbar';\n\nconst Toolbar: React.FC<IToolbarProps> = memo(({ userType, renderAs }) => {\n const tools = getUserTools(userType, renderAs);\n const { activeInstance: cueCanvas, activeTool, activeColor } = useCueCanvasActions();\n const colors = getColorsForUser(userType, renderAs);\n\n // This effect ensures that the selected tool and color are applied to the cueCanvas instance\n // whenever it changes. For example, if a user selects a tool and color, then navigates to a\n // different question (causing a new cueCanvas instance), the same tool and color will be set\n // on the new instance.\n useEffect(() => {\n if (cueCanvas) {\n if (!colors.includes(activeColor) && colors[0]) {\n cueCanvas.setColor(colors[0]);\n } else {\n cueCanvas.setColor(activeColor);\n }\n cueCanvas.setTool(activeTool);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [cueCanvas]);\n\n if (renderAs === 'whiteboard') {\n return <WhiteboardToolbar tools={tools} userType={userType} />;\n }\n\n return (\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGapX={0.5}>\n {tools.map(tool => (\n <Tool tool={tool} key={tool} shouldAnimate />\n ))}\n <ColorPickerMenu userType={userType} renderAs=\"canvas\" />\n </FlexView>\n );\n});\n\nexport default Toolbar;\n"],"names":["Toolbar","memo","userType","renderAs","tools","getUserTools","cueCanvas","activeTool","activeColor","useCueCanvasActions","colors","getColorsForUser","useEffect","jsx","WhiteboardToolbar","jsxs","FlexView","Tool","tool","ColorPickerMenu","Toolbar$1"],"mappings":";;;;;;;;AAWA,MAAMA,IAAmCC,EAAK,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AAClE,QAAAC,IAAQC,EAAaH,GAAUC,CAAQ,GACvC,EAAE,gBAAgBG,GAAW,YAAAC,GAAY,aAAAC,EAAA,IAAgBC,KACzDC,IAASC,EAAiBT,GAAUC,CAAQ;AAkBlD,SAZAS,EAAU,MAAM;AACd,IAAIN,MACE,CAACI,EAAO,SAASF,CAAW,KAAKE,EAAO,CAAC,IACjCJ,EAAA,SAASI,EAAO,CAAC,CAAC,IAE5BJ,EAAU,SAASE,CAAW,GAEhCF,EAAU,QAAQC,CAAU;AAAA,EAC9B,GAEC,CAACD,CAAS,CAAC,GAEVH,MAAa,eACR,gBAAAU,EAACC,GAAkB,EAAA,OAAAV,GAAc,UAAAF,EAAoB,CAAA,IAI5D,gBAAAa,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,WAAW,KACrF,UAAA;AAAA,IAAMZ,EAAA,IAAI,OACR,gBAAAS,EAAAI,GAAA,EAAK,MAAAC,GAAuB,eAAa,GAAA,GAAnBA,CAAoB,CAC5C;AAAA,IACA,gBAAAL,EAAAM,GAAA,EAAgB,UAAAjB,GAAoB,UAAS,SAAS,CAAA;AAAA,EACzD,EAAA,CAAA;AAEJ,CAAC,GAEDkB,IAAepB;"}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
2
2
|
import { memo as W, forwardRef as S, useCallback as q, useEffect as m } from "react";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
const
|
|
3
|
+
import L from "../../cue-canvas/cue-canvas-provider.js";
|
|
4
|
+
import v from "../constants/events.js";
|
|
5
|
+
import I from "./hooks/use-learnosity.js";
|
|
6
|
+
import T from "./hooks/use-worksheet-data-helper.js";
|
|
7
|
+
import w from "./worksheet.js";
|
|
8
|
+
const x = (f, u) => {
|
|
9
9
|
const {
|
|
10
|
-
attemptId:
|
|
11
|
-
itemsSignedRequest:
|
|
12
|
-
questionsSignedRequest:
|
|
10
|
+
attemptId: l,
|
|
11
|
+
itemsSignedRequest: R,
|
|
12
|
+
questionsSignedRequest: p,
|
|
13
13
|
onLoaded: r,
|
|
14
14
|
onErrored: t,
|
|
15
15
|
onResponsesLoaded: a,
|
|
16
|
-
loggerRef:
|
|
17
|
-
userType:
|
|
16
|
+
loggerRef: o,
|
|
17
|
+
userType: g,
|
|
18
18
|
...E
|
|
19
|
-
} =
|
|
20
|
-
attemptId:
|
|
21
|
-
signedRequest:
|
|
22
|
-
loggerRef:
|
|
19
|
+
} = f, { loadingState: s, learnosityActivityRef: h, data: e, error: c } = T({
|
|
20
|
+
attemptId: l,
|
|
21
|
+
signedRequest: R,
|
|
22
|
+
loggerRef: o
|
|
23
23
|
}), y = q(
|
|
24
24
|
(i) => {
|
|
25
25
|
t({
|
|
@@ -28,39 +28,39 @@ const w = (u, l) => {
|
|
|
28
28
|
});
|
|
29
29
|
},
|
|
30
30
|
[t]
|
|
31
|
-
), { learnosity: n, appendedQuestionIds: k } =
|
|
32
|
-
|
|
31
|
+
), { learnosity: n, appendedQuestionIds: k } = I(
|
|
32
|
+
p,
|
|
33
33
|
y,
|
|
34
|
-
|
|
34
|
+
o
|
|
35
35
|
);
|
|
36
36
|
if (m(() => {
|
|
37
|
-
|
|
38
|
-
message:
|
|
37
|
+
s === "error" && t({
|
|
38
|
+
message: c ?? "Error loading worksheet"
|
|
39
39
|
});
|
|
40
|
-
}, [
|
|
41
|
-
n &&
|
|
42
|
-
}, [n,
|
|
40
|
+
}, [s, c, r, t]), m(() => {
|
|
41
|
+
n && s === "success" && r && (o.current(v.WORKSHEET_V3_READY), r());
|
|
42
|
+
}, [n, s, o, r]), m(() => {
|
|
43
43
|
e != null && e.responses && a && a(e.responses ?? {});
|
|
44
|
-
}, [e == null ? void 0 : e.responses, a]),
|
|
44
|
+
}, [e == null ? void 0 : e.responses, a]), s === "success" && e && n) {
|
|
45
45
|
const { learnosityItems: i, responses: C } = e;
|
|
46
|
-
return /* @__PURE__ */
|
|
47
|
-
|
|
46
|
+
return /* @__PURE__ */ d(L, { children: /* @__PURE__ */ d(
|
|
47
|
+
w,
|
|
48
48
|
{
|
|
49
|
-
ref:
|
|
50
|
-
questionsSignedRequest:
|
|
49
|
+
ref: u,
|
|
50
|
+
questionsSignedRequest: p,
|
|
51
51
|
learnosity: n,
|
|
52
52
|
appendedQuestionIds: k,
|
|
53
53
|
learnosityActivityRef: h,
|
|
54
54
|
learnosityItems: i,
|
|
55
55
|
learnosityResponses: C,
|
|
56
|
-
loggerRef:
|
|
57
|
-
userType:
|
|
56
|
+
loggerRef: o,
|
|
57
|
+
userType: g,
|
|
58
58
|
...E
|
|
59
59
|
}
|
|
60
60
|
) });
|
|
61
61
|
}
|
|
62
62
|
return null;
|
|
63
|
-
},
|
|
63
|
+
}, A = W(S(x)), N = A;
|
|
64
64
|
export {
|
|
65
65
|
N as default
|
|
66
66
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"worksheet-container.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-container.tsx"],"sourcesContent":["import type { IWorksheetRef } from './worksheet-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport { forwardRef, memo, useCallback, useEffect } from 'react';\n\nimport CueCanvasProvider from '../../cue-canvas/cue-canvas-provider';\nimport EVENTS from '../constants/events';\nimport useLearnosity from './hooks/use-learnosity';\nimport useWorksheetDataHelper from './hooks/use-worksheet-data-helper';\nimport Worksheet from './worksheet';\nimport { type ILearnosityError, type IWorksheetContainerProps } from './worksheet-types';\n\nconst WorksheetContainerComp: ForwardRefRenderFunction<IWorksheetRef, IWorksheetContainerProps> = (\n props,\n ref,\n) => {\n const {\n attemptId,\n itemsSignedRequest,\n questionsSignedRequest,\n onLoaded,\n onErrored,\n onResponsesLoaded,\n loggerRef,\n userType,\n ...other\n } = props;\n\n const { loadingState, learnosityActivityRef, data, error } = useWorksheetDataHelper({\n attemptId,\n signedRequest: itemsSignedRequest,\n loggerRef,\n });\n\n const onLearnosityErrored = useCallback(\n (err: ILearnosityError) => {\n onErrored({\n code: err.code,\n message: err.detail,\n });\n },\n [onErrored],\n );\n\n const { learnosity, appendedQuestionIds } = useLearnosity(\n questionsSignedRequest,\n onLearnosityErrored,\n loggerRef,\n );\n\n useEffect(() => {\n if (loadingState === 'error') {\n onErrored({\n message: error ?? 'Error loading worksheet',\n });\n }\n }, [loadingState, error, onLoaded, onErrored]);\n\n useEffect(() => {\n if (learnosity && loadingState === 'success' && onLoaded) {\n loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n onLoaded();\n }\n }, [learnosity, loadingState, loggerRef, onLoaded]);\n\n useEffect(() => {\n if (data?.responses && onResponsesLoaded) {\n onResponsesLoaded(data.responses ?? {});\n }\n }, [data?.responses, onResponsesLoaded]);\n\n if (loadingState === 'success' && data && learnosity) {\n const { learnosityItems, responses } = data;\n\n return (\n <CueCanvasProvider
|
|
1
|
+
{"version":3,"file":"worksheet-container.js","sources":["../../../../src/features/worksheet/worksheet/worksheet-container.tsx"],"sourcesContent":["import type { IWorksheetRef } from './worksheet-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport { forwardRef, memo, useCallback, useEffect } from 'react';\n\nimport CueCanvasProvider from '../../cue-canvas/cue-canvas-provider';\nimport EVENTS from '../constants/events';\nimport useLearnosity from './hooks/use-learnosity';\nimport useWorksheetDataHelper from './hooks/use-worksheet-data-helper';\nimport Worksheet from './worksheet';\nimport { type ILearnosityError, type IWorksheetContainerProps } from './worksheet-types';\n\nconst WorksheetContainerComp: ForwardRefRenderFunction<IWorksheetRef, IWorksheetContainerProps> = (\n props,\n ref,\n) => {\n const {\n attemptId,\n itemsSignedRequest,\n questionsSignedRequest,\n onLoaded,\n onErrored,\n onResponsesLoaded,\n loggerRef,\n userType,\n ...other\n } = props;\n\n const { loadingState, learnosityActivityRef, data, error } = useWorksheetDataHelper({\n attemptId,\n signedRequest: itemsSignedRequest,\n loggerRef,\n });\n\n const onLearnosityErrored = useCallback(\n (err: ILearnosityError) => {\n onErrored({\n code: err.code,\n message: err.detail,\n });\n },\n [onErrored],\n );\n\n const { learnosity, appendedQuestionIds } = useLearnosity(\n questionsSignedRequest,\n onLearnosityErrored,\n loggerRef,\n );\n\n useEffect(() => {\n if (loadingState === 'error') {\n onErrored({\n message: error ?? 'Error loading worksheet',\n });\n }\n }, [loadingState, error, onLoaded, onErrored]);\n\n useEffect(() => {\n if (learnosity && loadingState === 'success' && onLoaded) {\n loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n onLoaded();\n }\n }, [learnosity, loadingState, loggerRef, onLoaded]);\n\n useEffect(() => {\n if (data?.responses && onResponsesLoaded) {\n onResponsesLoaded(data.responses ?? {});\n }\n }, [data?.responses, onResponsesLoaded]);\n\n if (loadingState === 'success' && data && learnosity) {\n const { learnosityItems, responses } = data;\n\n return (\n <CueCanvasProvider>\n <Worksheet\n ref={ref}\n questionsSignedRequest={questionsSignedRequest}\n learnosity={learnosity}\n appendedQuestionIds={appendedQuestionIds}\n learnosityActivityRef={learnosityActivityRef}\n learnosityItems={learnosityItems}\n learnosityResponses={responses}\n loggerRef={loggerRef}\n userType={userType}\n {...other}\n />\n </CueCanvasProvider>\n );\n }\n\n return null;\n};\n\nconst WorksheetContainer = memo(forwardRef(WorksheetContainerComp));\n\nexport default WorksheetContainer;\n"],"names":["WorksheetContainerComp","props","ref","attemptId","itemsSignedRequest","questionsSignedRequest","onLoaded","onErrored","onResponsesLoaded","loggerRef","userType","other","loadingState","learnosityActivityRef","data","error","useWorksheetDataHelper","onLearnosityErrored","useCallback","err","learnosity","appendedQuestionIds","useLearnosity","useEffect","EVENTS","learnosityItems","responses","CueCanvasProvider","jsx","Worksheet","WorksheetContainer","memo","forwardRef","WorksheetContainer$1"],"mappings":";;;;;;;AAYA,MAAMA,IAA4F,CAChGC,GACAC,MACG;AACG,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAV,GAEE,EAAE,cAAAW,GAAc,uBAAAC,GAAuB,MAAAC,GAAM,OAAAC,EAAA,IAAUC,EAAuB;AAAA,IAClF,WAAAb;AAAA,IACA,eAAeC;AAAA,IACf,WAAAK;AAAA,EAAA,CACD,GAEKQ,IAAsBC;AAAA,IAC1B,CAACC,MAA0B;AACf,MAAAZ,EAAA;AAAA,QACR,MAAMY,EAAI;AAAA,QACV,SAASA,EAAI;AAAA,MAAA,CACd;AAAA,IACH;AAAA,IACA,CAACZ,CAAS;AAAA,EAAA,GAGN,EAAE,YAAAa,GAAY,qBAAAC,EAAA,IAAwBC;AAAA,IAC1CjB;AAAA,IACAY;AAAA,IACAR;AAAA,EAAA;AAwBE,MArBJc,EAAU,MAAM;AACd,IAAIX,MAAiB,WACTL,EAAA;AAAA,MACR,SAASQ,KAAS;AAAA,IAAA,CACnB;AAAA,KAEF,CAACH,GAAcG,GAAOT,GAAUC,CAAS,CAAC,GAE7CgB,EAAU,MAAM;AACV,IAAAH,KAAcR,MAAiB,aAAaN,MACpCG,EAAA,QAAQe,EAAO,kBAAkB,GAClClB;KAEV,CAACc,GAAYR,GAAcH,GAAWH,CAAQ,CAAC,GAElDiB,EAAU,MAAM;AACV,IAAAT,KAAA,QAAAA,EAAM,aAAaN,KACHA,EAAAM,EAAK,aAAa,CAAA,CAAE;AAAA,EAEvC,GAAA,CAACA,KAAA,gBAAAA,EAAM,WAAWN,CAAiB,CAAC,GAEnCI,MAAiB,aAAaE,KAAQM,GAAY;AAC9C,UAAA,EAAE,iBAAAK,GAAiB,WAAAC,EAAc,IAAAZ;AAEvC,6BACGa,GACC,EAAA,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAA3B;AAAA,QACA,wBAAAG;AAAA,QACA,YAAAe;AAAA,QACA,qBAAAC;AAAA,QACA,uBAAAR;AAAA,QACA,iBAAAY;AAAA,QACA,qBAAqBC;AAAA,QACrB,WAAAjB;AAAA,QACA,UAAAC;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IAER,EAAA,CAAA;AAAA,EAEJ;AAEO,SAAA;AACT,GAEMmB,IAAqBC,EAAKC,EAAWhC,CAAsB,CAAC,GAElEiC,IAAeH;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -297,10 +297,7 @@ export declare const CueCanvasController: React_2.FC<IToolbarProps>;
|
|
|
297
297
|
|
|
298
298
|
export declare const CueCanvasHomeworkController: NamedExoticComponent<IHomeWorkControllerProps>;
|
|
299
299
|
|
|
300
|
-
export declare const CueCanvasProvider: FC<PropsWithChildren
|
|
301
|
-
userType: TUserTypes;
|
|
302
|
-
renderAs: TRenderAs_2;
|
|
303
|
-
}>>;
|
|
300
|
+
export declare const CueCanvasProvider: FC<PropsWithChildren>;
|
|
304
301
|
|
|
305
302
|
export declare const CueCanvasSideBar: NamedExoticComponent<ISidebar>;
|
|
306
303
|
|