@doenet/doenetml 0.7.27-dev.715 → 0.7.27-dev.717
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/{AnswerResponseButton-a5c114d-.js → AnswerResponseButton-BoY18WBV.js} +2 -2
- package/{ClickTarget-DcRKxN_I.js → ClickTarget-C7qdA6FX.js} +1 -1
- package/{Description-CHyoiP_p.js → Description-D7DDBbBO.js} +1 -1
- package/{EditorViewer-Dt_Jwfo9.js → EditorViewer-BILcvoCc.js} +5 -5
- package/{GraphFrame-DnmGm16q.js → GraphFrame-D7GYXPmt.js} +2 -2
- package/{JSXGraphRenderer-DPRPM3Ws.js → JSXGraphRenderer-COpXwvek.js} +1 -1
- package/{NonInlineMediaWrapper-BSdytCii.js → NonInlineMediaWrapper-BSGzzmxd.js} +1 -1
- package/Viewer/renderers/mathInput.d.ts.map +1 -1
- package/{_error-C0N5NFNu.js → _error-CgCH8aWg.js} +2 -2
- package/{alert-BmNdKhNE.js → alert-DQdnZT61.js} +3 -3
- package/{angle-0ik6mCHW.js → angle-4Ke_VTRO.js} +6 -6
- package/{answer-CKH54zg8.js → answer-D3VzrLs4.js} +6 -6
- package/{asList-BP6CzwnL.js → asList-Dv0xWBM4.js} +2 -2
- package/{blockQuote-MWQwLin7.js → blockQuote-2xUSs2UC.js} +3 -3
- package/{boolean-CHio6Ls0.js → boolean-84F5Akky.js} +2 -2
- package/{booleanInput-CHdHIuRT.js → booleanInput-C8ayU-og.js} +7 -7
- package/{br-4nxEKBzB.js → br-3vMRwd6v.js} +2 -2
- package/{button-CB8DLxHI.js → button-byD92yD2.js} +5 -5
- package/{c-D3c0WskT.js → c-CT3adOjj.js} +3 -3
- package/{cell-Cd_OwLmu.js → cell-BTTGl0Ie.js} +3 -3
- package/{chart-mxYhMXSQ.js → chart-DG4rtpSR.js} +4 -4
- package/{choiceInput-DOwJjXzY.js → choiceInput-Dyyj8oRu.js} +7 -7
- package/{circle-77JSSEX4.js → circle-BRYPn3V4.js} +6 -6
- package/{cobwebPolyline-R3Upty4F.js → cobwebPolyline-DOK3ajvd.js} +4 -4
- package/{codeEditor-DeWLy7EL.js → codeEditor-B4Dz6gnA.js} +2 -2
- package/{composites-GPZR9ZJx.js → composites-YsbD7Bin.js} +1 -1
- package/{containerBlock-BNQo6jev.js → containerBlock-DDA3pHtu.js} +4 -4
- package/{containerInline-ByEUyarw.js → containerInline-D95CBQ34.js} +4 -4
- package/{curve-DnUflxPV.js → curve-DJB2otH5.js} +4 -4
- package/{delete-Cmi_RIKF.js → delete-72wOoKnN.js} +3 -3
- package/{doenetml-CpRBHQOM.js → doenetml-BgeGqWB-.js} +90 -88
- package/doenetml-external-worker.js +2 -2
- package/doenetml-inline-worker.js +3 -3
- package/doenetml-worker/index.esm.js +1 -1
- package/doenetml-worker/index.js +1 -1
- package/doenetml.d.ts +9 -0
- package/doenetml.d.ts.map +1 -1
- package/{ellipsis-nIb5KXDE.js → ellipsis-CG3PwmzT.js} +2 -2
- package/{em-dVKb2Ohz.js → em-DhNGu3NQ.js} +3 -3
- package/{embed-C7TaDQK_.js → embed-Duv56HU2.js} +2 -2
- package/{feedback-1_AqecuT.js → feedback-BPsW7Ern.js} +4 -4
- package/{figure-C6WfxMxJ.js → figure-CGZ2pW5x.js} +3 -3
- package/{fillPatterns-BjvJLJ50.js → fillPatterns-BiGDNzCO.js} +1 -1
- package/{footnote-Doq1WAUN.js → footnote-BlN4d6wk.js} +3 -3
- package/{fractionInput-CO5Ya7j4.js → fractionInput-Cd5p_ncp.js} +5 -5
- package/{graph-CL1dUrUX.js → graph-R2FaHBAm.js} +5 -5
- package/{hint-pPCaGxUH.js → hint-sCHuW7ri.js} +5 -5
- package/{hovercard-store-Bzk7kkfw.js → hovercard-store-1tH5AydY.js} +1 -1
- package/{hr-BD-lnAEm.js → hr-Bj_Z_zXb.js} +2 -2
- package/{image-Cie22SvD.js → image-BgrYRv_A.js} +8 -8
- package/{index-kg8wG_Pl.js → index-Ds-KCbFd.js} +1 -1
- package/{index.es-C00KlTgl.js → index.es-ChOyTppJ.js} +1 -1
- package/index.js +1 -1
- package/{inputLabel-C5NWWpCv.js → inputLabel-DRYZYqNL.js} +3 -3
- package/{insert-CSyybse4.js → insert-eB9xdPzu.js} +3 -3
- package/{label-D4Q76IG9.js → label-5xK0DKj0.js} +9 -9
- package/{legend-DB1CYWNX.js → legend-CifdA0V0.js} +4 -4
- package/{line-D7vBCWku.js → line-B7wCkmcJ.js} +6 -6
- package/{lineFamilyDragHandlers-B_rbuZEc.js → lineFamilyDragHandlers-CUQmqXDc.js} +1 -1
- package/{lineSegment-C0Wrgulf.js → lineSegment-CBlbmua2.js} +5 -5
- package/{list-q-13gtLF.js → list--Gl6mBE1.js} +4 -4
- package/{lq-CYURxwu1.js → lq-DZpvOVz1.js} +2 -2
- package/{lsq-B-ZADiW_.js → lsq-BX5Lg6Ph.js} +2 -2
- package/{markupRenderer-C4n8ynGH.js → markupRenderer-C2HaN8Wu.js} +1 -1
- package/{math-DZgexPDM.js → math-DiX_cNZm.js} +8 -8
- package/{mathInput-DdH9R0Di.js → mathInput-DOWPRm3m.js} +13 -10
- package/{mathInputSlots-BXNdQd0X.js → mathInputSlots-DJlH7FVq.js} +1 -1
- package/{matrixInput-jNxvkwCQ.js → matrixInput-DjbUaH36.js} +5 -5
- package/{mdash-74cgp4eT.js → mdash-Lv2vF6Yv.js} +2 -2
- package/{nbsp-DphYgGdH.js → nbsp-MjYxFvIm.js} +2 -2
- package/{ndash-AdCCxVVL.js → ndash-BHD2TKxP.js} +2 -2
- package/{number-DMXQJAU6.js → number-Dwlf1ZNQ.js} +8 -8
- package/{orbitalDiagram-Bek-99je.js → orbitalDiagram-DWvaCm6b.js} +2 -2
- package/{orbitalDiagramInput-D7WGHLCS.js → orbitalDiagramInput-Cn8CMcMG.js} +2 -2
- package/{p-Ww1n6QKg.js → p-BEBuHCO8.js} +4 -4
- package/package.json +1 -1
- package/{paginatorControls-CFbuffBh.js → paginatorControls-DGRydpT7.js} +2 -2
- package/{pegboard-ClVPIXO7.js → pegboard-B76S1YuJ.js} +3 -3
- package/{point-Ct7JXjQm.js → point-uz3zuSd7.js} +6 -6
- package/{polygon-CsZkaY9y.js → polygon-cxpZNh7G.js} +6 -6
- package/{polyline-D6IZwRBq.js → polyline-BITylAbq.js} +5 -5
- package/{pre-6tc1qxSz.js → pre-ISKbYOGy.js} +3 -3
- package/{prefigure-rBup82Vj.js → prefigure-BU_n6NoT.js} +1 -1
- package/{pretzel-DQN9r3u5.js → pretzel-D8E8dAUN.js} +4 -4
- package/{q-Du8LSGbK.js → q-D2sBrTLD.js} +3 -3
- package/{ray-urGacnoS.js → ray-CUkP37JM.js} +5 -5
- package/{ref-Cl32RdH0.js → ref--Jqsb0HT.js} +3 -3
- package/{regionBetweenCurveXAxis-cwl5_Pka.js → regionBetweenCurveXAxis-C6pyePn2.js} +5 -5
- package/{regionBetweenCurves-BTBaDs5t.js → regionBetweenCurves-u3Gx0BKJ.js} +5 -5
- package/{row-CHLxXbhn.js → row-3gFN9ihj.js} +2 -2
- package/{rq-CU8m037z.js → rq-BefyFyzN.js} +2 -2
- package/{rsq-Dj70dpPh.js → rsq-CqZNmS1v.js} +2 -2
- package/{section-B4JYSxB8.js → section-C_975ZmM.js} +6 -6
- package/{sha256-8sXzDnE0-DgFeKrhz.js → sha256-8sXzDnE0-DsI99j6A.js} +1 -1
- package/{sideBySide-DQjgr204.js → sideBySide-_9LUBBiX.js} +2 -2
- package/{slider-Dj34PJC-.js → slider-DgiR_sbx.js} +4 -4
- package/{slopeField-Duxfdfyn.js → slopeField-DVOqst5Q.js} +2 -2
- package/{solution-C3jNkv2_.js → solution-B6g82zJH.js} +4 -4
- package/{spreadsheet-BYZmCVDe.js → spreadsheet-DEymDWdk.js} +2 -2
- package/{sq-CUwBFtmU.js → sq-CULvo8V4.js} +3 -3
- package/{subsetOfRealsInput-1nAz0SNP.js → subsetOfRealsInput-DzjmYZP7.js} +2 -2
- package/{summaryStatistics-CvvXkWAc.js → summaryStatistics-rvoXlhdd.js} +2 -2
- package/{table-D8zYENq1.js → table-iyGo2vOK.js} +2 -2
- package/{tabular-BgGPbyYk.js → tabular-CZPVEgTL.js} +2 -2
- package/{tag-C0W4SKgq.js → tag-BR8ceu55.js} +2 -2
- package/{text-lOlCtOOK.js → text-Dc7CzW52.js} +8 -8
- package/{textInput-DqThPjpM.js → textInput-PkVOYXNE.js} +8 -8
- package/{tooltip-provider-C94b4AW_.js → tooltip-provider-BsmKhtOm.js} +2 -2
- package/{useAnchoredGraphDragHandler-D5QmOKBt.js → useAnchoredGraphDragHandler-Kixzx85E.js} +1 -1
- package/useDoenetRenderer-C-wDGbdq.js +114 -0
- package/{useFieldCurve-D1OCPZ7s.js → useFieldCurve-DLb_CrZr.js} +2 -2
- package/{useSubmitActionWithDelay-DVeBRwb0.js → useSubmitActionWithDelay-B99OWgzA.js} +2 -2
- package/{vector-CPIH-YOa.js → vector-Bnk3OsT_.js} +6 -6
- package/{vectorField-C_B8tYRv.js → vectorField-VvZMYlRI.js} +2 -2
- package/{video-BYt8YJed.js → video-CvM6hvs6.js} +4 -4
- package/useDoenetRenderer-Dhgjltrm.js +0 -114
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { x as useAppSelector, y as mainSlice, z as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-BgeGqWB-.js";
|
|
2
|
+
import React__default, { useState, useEffect } from "react";
|
|
3
|
+
function useDoenetRenderer(props, initializeChildrenOnConstruction = true) {
|
|
4
|
+
const actions = props.componentInstructions.actions;
|
|
5
|
+
const componentIdx = props.componentInstructions.componentIdx;
|
|
6
|
+
const effectiveIdx = props.componentInstructions.effectiveIdx;
|
|
7
|
+
const id = props.componentInstructions.id;
|
|
8
|
+
const rendererName = props.coreId + componentIdx;
|
|
9
|
+
const [renderersToLoad, setRenderersToLoad] = useState({});
|
|
10
|
+
const componentInfo = useAppSelector(
|
|
11
|
+
(state) => mainSlice.selectors.componentInfo(state)[rendererName]
|
|
12
|
+
);
|
|
13
|
+
const {
|
|
14
|
+
stateValues,
|
|
15
|
+
sourceOfUpdate = {},
|
|
16
|
+
ignoreUpdate,
|
|
17
|
+
childrenInstructions,
|
|
18
|
+
prefixForIds
|
|
19
|
+
} = componentInfo || {
|
|
20
|
+
stateValues: {},
|
|
21
|
+
sourceOfUpdate: {},
|
|
22
|
+
ignoreUpdate: false,
|
|
23
|
+
childrenInstructions: [],
|
|
24
|
+
prefixForIds: ""
|
|
25
|
+
};
|
|
26
|
+
let children = [];
|
|
27
|
+
const loadMoreRenderers = Object.keys(renderersToLoad).length === 0;
|
|
28
|
+
for (let childInstructions of childrenInstructions) {
|
|
29
|
+
let child = createChildFromInstructions(
|
|
30
|
+
childInstructions,
|
|
31
|
+
loadMoreRenderers
|
|
32
|
+
);
|
|
33
|
+
children.push(child);
|
|
34
|
+
}
|
|
35
|
+
useEffect(() => {
|
|
36
|
+
const entries = Object.entries(renderersToLoad);
|
|
37
|
+
if (entries.length > 0) {
|
|
38
|
+
const names = entries.map(([name]) => name);
|
|
39
|
+
const loaders = entries.map(([, loader]) => loader);
|
|
40
|
+
renderersLoadComponent(loaders, names).then(
|
|
41
|
+
({ rendererClasses: newRendererClasses }) => {
|
|
42
|
+
Object.assign(props.rendererClasses, newRendererClasses);
|
|
43
|
+
setRenderersToLoad({});
|
|
44
|
+
}
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
}, [renderersToLoad, props.rendererClasses]);
|
|
48
|
+
function createChildFromInstructions(childInstructions, loadMoreRenderers2) {
|
|
49
|
+
if (typeof childInstructions === "string" || childInstructions === null) {
|
|
50
|
+
return childInstructions;
|
|
51
|
+
}
|
|
52
|
+
let propsForChild = {
|
|
53
|
+
key: props.coreId + childInstructions.componentIdx,
|
|
54
|
+
componentInstructions: childInstructions,
|
|
55
|
+
rendererClasses: props.rendererClasses,
|
|
56
|
+
coreId: props.coreId,
|
|
57
|
+
docId: props.docId,
|
|
58
|
+
activityId: props.activityId,
|
|
59
|
+
callAction: props.callAction,
|
|
60
|
+
fetchExternalDoenetML: props.fetchExternalDoenetML,
|
|
61
|
+
requestScrollTo: props.requestScrollTo,
|
|
62
|
+
flags: props.flags
|
|
63
|
+
};
|
|
64
|
+
let rendererClass = props.rendererClasses[childInstructions.rendererType];
|
|
65
|
+
if (!rendererClass) {
|
|
66
|
+
if (loadMoreRenderers2) {
|
|
67
|
+
setRenderersToLoad((old) => {
|
|
68
|
+
let rendererLoaders = { ...old };
|
|
69
|
+
if (!(childInstructions.rendererType in rendererLoaders)) {
|
|
70
|
+
rendererLoaders[childInstructions.rendererType] = () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./renderers/GraphFrame.tsx": () => import("./GraphFrame-D7GYXPmt.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-COpXwvek.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-CgCH8aWg.js"), "./renderers/alert.tsx": () => import("./alert-DQdnZT61.js"), "./renderers/angle.tsx": () => import("./angle-4Ke_VTRO.js"), "./renderers/answer.tsx": () => import("./answer-D3VzrLs4.js"), "./renderers/asList.tsx": () => import("./asList-Dv0xWBM4.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-2xUSs2UC.js"), "./renderers/boolean.tsx": () => import("./boolean-84F5Akky.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-C8ayU-og.js"), "./renderers/br.tsx": () => import("./br-3vMRwd6v.js"), "./renderers/button.tsx": () => import("./button-byD92yD2.js"), "./renderers/c.tsx": () => import("./c-CT3adOjj.js"), "./renderers/cell.tsx": () => import("./cell-BTTGl0Ie.js"), "./renderers/chart.tsx": () => import("./chart-DG4rtpSR.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-Dyyj8oRu.js"), "./renderers/circle.tsx": () => import("./circle-BRYPn3V4.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-DOK3ajvd.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-B4Dz6gnA.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-DDA3pHtu.js"), "./renderers/containerInline.tsx": () => import("./containerInline-D95CBQ34.js"), "./renderers/curve.tsx": () => import("./curve-DJB2otH5.js"), "./renderers/delete.tsx": () => import("./delete-72wOoKnN.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-CG3PwmzT.js"), "./renderers/em.tsx": () => import("./em-DhNGu3NQ.js"), "./renderers/embed.tsx": () => import("./embed-Duv56HU2.js"), "./renderers/feedback.tsx": () => import("./feedback-BPsW7Ern.js"), "./renderers/figure.tsx": () => import("./figure-CGZ2pW5x.js"), "./renderers/footnote.tsx": () => import("./footnote-BlN4d6wk.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-Cd5p_ncp.js"), "./renderers/graph.tsx": () => import("./graph-R2FaHBAm.js").then((n) => n.g), "./renderers/hint.tsx": () => import("./hint-sCHuW7ri.js"), "./renderers/hr.tsx": () => import("./hr-Bj_Z_zXb.js"), "./renderers/image.tsx": () => import("./image-BgrYRv_A.js"), "./renderers/insert.tsx": () => import("./insert-eB9xdPzu.js"), "./renderers/label.tsx": () => import("./label-5xK0DKj0.js"), "./renderers/legend.tsx": () => import("./legend-CifdA0V0.js"), "./renderers/line.tsx": () => import("./line-B7wCkmcJ.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-CBlbmua2.js"), "./renderers/list.tsx": () => import("./list--Gl6mBE1.js"), "./renderers/lq.tsx": () => import("./lq-DZpvOVz1.js"), "./renderers/lsq.tsx": () => import("./lsq-BX5Lg6Ph.js"), "./renderers/math.tsx": () => import("./math-DiX_cNZm.js"), "./renderers/mathInput.tsx": () => import("./mathInput-DOWPRm3m.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-DjbUaH36.js"), "./renderers/mdash.tsx": () => import("./mdash-Lv2vF6Yv.js"), "./renderers/nbsp.tsx": () => import("./nbsp-MjYxFvIm.js"), "./renderers/ndash.tsx": () => import("./ndash-BHD2TKxP.js"), "./renderers/number.tsx": () => import("./number-Dwlf1ZNQ.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-DWvaCm6b.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-Cn8CMcMG.js"), "./renderers/p.tsx": () => import("./p-BEBuHCO8.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-DGRydpT7.js"), "./renderers/pegboard.tsx": () => import("./pegboard-B76S1YuJ.js"), "./renderers/point.tsx": () => import("./point-uz3zuSd7.js"), "./renderers/polygon.tsx": () => import("./polygon-cxpZNh7G.js"), "./renderers/polyline.tsx": () => import("./polyline-BITylAbq.js"), "./renderers/pre.tsx": () => import("./pre-ISKbYOGy.js"), "./renderers/prefigure.tsx": () => import("./prefigure-BU_n6NoT.js"), "./renderers/pretzel.tsx": () => import("./pretzel-D8E8dAUN.js"), "./renderers/q.tsx": () => import("./q-D2sBrTLD.js"), "./renderers/ray.tsx": () => import("./ray-CUkP37JM.js"), "./renderers/ref.tsx": () => import("./ref--Jqsb0HT.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-C6pyePn2.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-u3Gx0BKJ.js"), "./renderers/row.tsx": () => import("./row-3gFN9ihj.js"), "./renderers/rq.tsx": () => import("./rq-BefyFyzN.js"), "./renderers/rsq.tsx": () => import("./rsq-CqZNmS1v.js"), "./renderers/section.tsx": () => import("./section-C_975ZmM.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-_9LUBBiX.js"), "./renderers/slider.tsx": () => import("./slider-DgiR_sbx.js"), "./renderers/slopeField.tsx": () => import("./slopeField-DVOqst5Q.js"), "./renderers/solution.tsx": () => import("./solution-B6g82zJH.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-DEymDWdk.js"), "./renderers/sq.tsx": () => import("./sq-CULvo8V4.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-DzjmYZP7.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-rvoXlhdd.js"), "./renderers/table.tsx": () => import("./table-iyGo2vOK.js"), "./renderers/tabular.tsx": () => import("./tabular-CZPVEgTL.js"), "./renderers/tag.tsx": () => import("./tag-BR8ceu55.js"), "./renderers/text.tsx": () => import("./text-Dc7CzW52.js"), "./renderers/textInput.tsx": () => import("./textInput-PkVOYXNE.js"), "./renderers/vector.tsx": () => import("./vector-Bnk3OsT_.js"), "./renderers/vectorField.tsx": () => import("./vectorField-VvZMYlRI.js"), "./renderers/video.tsx": () => import("./video-CvM6hvs6.js") }), `./renderers/${childInstructions.rendererType}.tsx`, 3);
|
|
71
|
+
}
|
|
72
|
+
return rendererLoaders;
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
return null;
|
|
76
|
+
}
|
|
77
|
+
let child = React__default.createElement(rendererClass, propsForChild);
|
|
78
|
+
return child;
|
|
79
|
+
}
|
|
80
|
+
let rendererType = props.componentInstructions.rendererType;
|
|
81
|
+
const callAction = (argObj) => {
|
|
82
|
+
if (!argObj.componentIdx) {
|
|
83
|
+
argObj = { ...argObj };
|
|
84
|
+
argObj.componentIdx = componentIdx;
|
|
85
|
+
}
|
|
86
|
+
if (!argObj.rendererType) {
|
|
87
|
+
argObj = { ...argObj };
|
|
88
|
+
argObj.rendererType = rendererType;
|
|
89
|
+
}
|
|
90
|
+
return props.callAction(argObj);
|
|
91
|
+
};
|
|
92
|
+
return {
|
|
93
|
+
componentIdx: effectiveIdx,
|
|
94
|
+
id: prefixForIds + id,
|
|
95
|
+
SVs: stateValues,
|
|
96
|
+
docId: props.docId,
|
|
97
|
+
activityId: props.activityId,
|
|
98
|
+
actions,
|
|
99
|
+
children,
|
|
100
|
+
sourceOfUpdate,
|
|
101
|
+
ignoreUpdate,
|
|
102
|
+
rendererName,
|
|
103
|
+
initializeChildren: () => {
|
|
104
|
+
},
|
|
105
|
+
callAction,
|
|
106
|
+
doenetViewerUrl: props.doenetViewerUrl,
|
|
107
|
+
fetchExternalDoenetML: props.fetchExternalDoenetML,
|
|
108
|
+
requestScrollTo: props.requestScrollTo,
|
|
109
|
+
flags: props.flags
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
export {
|
|
113
|
+
useDoenetRenderer as u
|
|
114
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useMemo, useContext, useRef } from "react";
|
|
2
|
-
import { B as BoardContext, L as LINE_LAYER_OFFSET } from "./graph-
|
|
3
|
-
import { K as createFunctionFromDefinition, E as DocContext } from "./doenetml-
|
|
2
|
+
import { B as BoardContext, L as LINE_LAYER_OFFSET } from "./graph-R2FaHBAm.js";
|
|
3
|
+
import { K as createFunctionFromDefinition, E as DocContext } from "./doenetml-BgeGqWB-.js";
|
|
4
4
|
import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
|
|
5
5
|
import { u as useJSXGraphCleanup } from "./useJSXGraphCleanup-BNk4sn6x.js";
|
|
6
6
|
function fieldFunctionFromDefinition(fDefinition) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { q as jsxRuntimeExports } from "./doenetml-
|
|
2
|
-
import { F as FontAwesomeIcon } from "./index.es-
|
|
1
|
+
import { q as jsxRuntimeExports } from "./doenetml-BgeGqWB-.js";
|
|
2
|
+
import { F as FontAwesomeIcon } from "./index.es-ChOyTppJ.js";
|
|
3
3
|
import { d as faSpinner, e as faLevelDownAlt, g as faCheck, h as faTimes, i as faCloud } from "./index-BDlitCgu.js";
|
|
4
4
|
import React__default, { useCallback } from "react";
|
|
5
5
|
function checkWorkCredit(SVs) {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { E as DocContext, q as jsxRuntimeExports, F as textRendererStyle, G as DynamicMath } from "./doenetml-
|
|
1
|
+
import { E as DocContext, q as jsxRuntimeExports, F as textRendererStyle, G as DynamicMath } from "./doenetml-BgeGqWB-.js";
|
|
2
2
|
import React__default, { useContext, useRef } from "react";
|
|
3
|
-
import { j as jxg, s as syncLayer, g as syncVisPropValues, e as syncLineStrokeStyle, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, i as applyLineFamilyLabelPlacement, k as buildLineFamilyLabelAttributes, d as attachLabelHoverHighlight, c as computeLabelMaskCssStyle, l as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-
|
|
4
|
-
import { u as useDoenetRenderer } from "./useDoenetRenderer-
|
|
5
|
-
import { B as BoardContext, V as VERTEX_LAYER_OFFSET, L as LINE_LAYER_OFFSET } from "./graph-
|
|
6
|
-
import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-
|
|
7
|
-
import { ChoiceInputInlineContext } from "./choiceInput-
|
|
3
|
+
import { j as jxg, s as syncLayer, g as syncVisPropValues, e as syncLineStrokeStyle, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, i as applyLineFamilyLabelPlacement, k as buildLineFamilyLabelAttributes, d as attachLabelHoverHighlight, c as computeLabelMaskCssStyle, l as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-COpXwvek.js";
|
|
4
|
+
import { u as useDoenetRenderer } from "./useDoenetRenderer-C-wDGbdq.js";
|
|
5
|
+
import { B as BoardContext, V as VERTEX_LAYER_OFFSET, L as LINE_LAYER_OFFSET } from "./graph-R2FaHBAm.js";
|
|
6
|
+
import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-CUQmqXDc.js";
|
|
7
|
+
import { ChoiceInputInlineContext } from "./choiceInput-Dyyj8oRu.js";
|
|
8
8
|
import { a as buildLineLikeAttributes, c as buildDragHandleAttributes } from "./buildGraphicalAttributes-B_soifR-.js";
|
|
9
9
|
import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-BZQatkpv.js";
|
|
10
10
|
import { p as pointerEventToUserCoords } from "./dragThreshold-DkT37QqI.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from "react";
|
|
2
|
-
import { u as useDoenetRenderer } from "./useDoenetRenderer-
|
|
3
|
-
import { u as useFieldFunction, a as useFieldCurve, c as buildVectorFieldData } from "./useFieldCurve-
|
|
2
|
+
import { u as useDoenetRenderer } from "./useDoenetRenderer-C-wDGbdq.js";
|
|
3
|
+
import { u as useFieldFunction, a as useFieldCurve, c as buildVectorFieldData } from "./useFieldCurve-DLb_CrZr.js";
|
|
4
4
|
const vectorField = React__default.memo(function VectorField(props) {
|
|
5
5
|
let { SVs } = useDoenetRenderer(props);
|
|
6
6
|
VectorField.ignoreActionsWithoutCore = () => true;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { J as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-
|
|
1
|
+
import { J as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-BgeGqWB-.js";
|
|
2
2
|
import React__default, { useState, useEffect, useRef } from "react";
|
|
3
|
-
import { u as useDoenetRenderer } from "./useDoenetRenderer-
|
|
3
|
+
import { u as useDoenetRenderer } from "./useDoenetRenderer-C-wDGbdq.js";
|
|
4
4
|
import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
|
|
5
|
-
import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-
|
|
5
|
+
import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-D7DDBbBO.js";
|
|
6
6
|
import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
|
|
7
|
-
import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-
|
|
7
|
+
import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-BSGzzmxd.js";
|
|
8
8
|
const YT_API_SRC = "https://www.youtube.com/iframe_api";
|
|
9
9
|
const listeners = /* @__PURE__ */ new Set();
|
|
10
10
|
let installed = false;
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import { x as useAppSelector, y as mainSlice, z as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-CpRBHQOM.js";
|
|
2
|
-
import React__default, { useState, useEffect } from "react";
|
|
3
|
-
function useDoenetRenderer(props, initializeChildrenOnConstruction = true) {
|
|
4
|
-
const actions = props.componentInstructions.actions;
|
|
5
|
-
const componentIdx = props.componentInstructions.componentIdx;
|
|
6
|
-
const effectiveIdx = props.componentInstructions.effectiveIdx;
|
|
7
|
-
const id = props.componentInstructions.id;
|
|
8
|
-
const rendererName = props.coreId + componentIdx;
|
|
9
|
-
const [renderersToLoad, setRenderersToLoad] = useState({});
|
|
10
|
-
const componentInfo = useAppSelector(
|
|
11
|
-
(state) => mainSlice.selectors.componentInfo(state)[rendererName]
|
|
12
|
-
);
|
|
13
|
-
const {
|
|
14
|
-
stateValues,
|
|
15
|
-
sourceOfUpdate = {},
|
|
16
|
-
ignoreUpdate,
|
|
17
|
-
childrenInstructions,
|
|
18
|
-
prefixForIds
|
|
19
|
-
} = componentInfo || {
|
|
20
|
-
stateValues: {},
|
|
21
|
-
sourceOfUpdate: {},
|
|
22
|
-
ignoreUpdate: false,
|
|
23
|
-
childrenInstructions: [],
|
|
24
|
-
prefixForIds: ""
|
|
25
|
-
};
|
|
26
|
-
let children = [];
|
|
27
|
-
const loadMoreRenderers = Object.keys(renderersToLoad).length === 0;
|
|
28
|
-
for (let childInstructions of childrenInstructions) {
|
|
29
|
-
let child = createChildFromInstructions(
|
|
30
|
-
childInstructions,
|
|
31
|
-
loadMoreRenderers
|
|
32
|
-
);
|
|
33
|
-
children.push(child);
|
|
34
|
-
}
|
|
35
|
-
useEffect(() => {
|
|
36
|
-
const entries = Object.entries(renderersToLoad);
|
|
37
|
-
if (entries.length > 0) {
|
|
38
|
-
const names = entries.map(([name]) => name);
|
|
39
|
-
const loaders = entries.map(([, loader]) => loader);
|
|
40
|
-
renderersLoadComponent(loaders, names).then(
|
|
41
|
-
({ rendererClasses: newRendererClasses }) => {
|
|
42
|
-
Object.assign(props.rendererClasses, newRendererClasses);
|
|
43
|
-
setRenderersToLoad({});
|
|
44
|
-
}
|
|
45
|
-
);
|
|
46
|
-
}
|
|
47
|
-
}, [renderersToLoad, props.rendererClasses]);
|
|
48
|
-
function createChildFromInstructions(childInstructions, loadMoreRenderers2) {
|
|
49
|
-
if (typeof childInstructions === "string" || childInstructions === null) {
|
|
50
|
-
return childInstructions;
|
|
51
|
-
}
|
|
52
|
-
let propsForChild = {
|
|
53
|
-
key: props.coreId + childInstructions.componentIdx,
|
|
54
|
-
componentInstructions: childInstructions,
|
|
55
|
-
rendererClasses: props.rendererClasses,
|
|
56
|
-
coreId: props.coreId,
|
|
57
|
-
docId: props.docId,
|
|
58
|
-
activityId: props.activityId,
|
|
59
|
-
callAction: props.callAction,
|
|
60
|
-
fetchExternalDoenetML: props.fetchExternalDoenetML,
|
|
61
|
-
requestScrollTo: props.requestScrollTo,
|
|
62
|
-
flags: props.flags
|
|
63
|
-
};
|
|
64
|
-
let rendererClass = props.rendererClasses[childInstructions.rendererType];
|
|
65
|
-
if (!rendererClass) {
|
|
66
|
-
if (loadMoreRenderers2) {
|
|
67
|
-
setRenderersToLoad((old) => {
|
|
68
|
-
let rendererLoaders = { ...old };
|
|
69
|
-
if (!(childInstructions.rendererType in rendererLoaders)) {
|
|
70
|
-
rendererLoaders[childInstructions.rendererType] = () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./renderers/GraphFrame.tsx": () => import("./GraphFrame-DnmGm16q.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-DPRPM3Ws.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-C0N5NFNu.js"), "./renderers/alert.tsx": () => import("./alert-BmNdKhNE.js"), "./renderers/angle.tsx": () => import("./angle-0ik6mCHW.js"), "./renderers/answer.tsx": () => import("./answer-CKH54zg8.js"), "./renderers/asList.tsx": () => import("./asList-BP6CzwnL.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-MWQwLin7.js"), "./renderers/boolean.tsx": () => import("./boolean-CHio6Ls0.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-CHdHIuRT.js"), "./renderers/br.tsx": () => import("./br-4nxEKBzB.js"), "./renderers/button.tsx": () => import("./button-CB8DLxHI.js"), "./renderers/c.tsx": () => import("./c-D3c0WskT.js"), "./renderers/cell.tsx": () => import("./cell-Cd_OwLmu.js"), "./renderers/chart.tsx": () => import("./chart-mxYhMXSQ.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-DOwJjXzY.js"), "./renderers/circle.tsx": () => import("./circle-77JSSEX4.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-R3Upty4F.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-DeWLy7EL.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-BNQo6jev.js"), "./renderers/containerInline.tsx": () => import("./containerInline-ByEUyarw.js"), "./renderers/curve.tsx": () => import("./curve-DnUflxPV.js"), "./renderers/delete.tsx": () => import("./delete-Cmi_RIKF.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-nIb5KXDE.js"), "./renderers/em.tsx": () => import("./em-dVKb2Ohz.js"), "./renderers/embed.tsx": () => import("./embed-C7TaDQK_.js"), "./renderers/feedback.tsx": () => import("./feedback-1_AqecuT.js"), "./renderers/figure.tsx": () => import("./figure-C6WfxMxJ.js"), "./renderers/footnote.tsx": () => import("./footnote-Doq1WAUN.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-CO5Ya7j4.js"), "./renderers/graph.tsx": () => import("./graph-CL1dUrUX.js").then((n) => n.g), "./renderers/hint.tsx": () => import("./hint-pPCaGxUH.js"), "./renderers/hr.tsx": () => import("./hr-BD-lnAEm.js"), "./renderers/image.tsx": () => import("./image-Cie22SvD.js"), "./renderers/insert.tsx": () => import("./insert-CSyybse4.js"), "./renderers/label.tsx": () => import("./label-D4Q76IG9.js"), "./renderers/legend.tsx": () => import("./legend-DB1CYWNX.js"), "./renderers/line.tsx": () => import("./line-D7vBCWku.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-C0Wrgulf.js"), "./renderers/list.tsx": () => import("./list-q-13gtLF.js"), "./renderers/lq.tsx": () => import("./lq-CYURxwu1.js"), "./renderers/lsq.tsx": () => import("./lsq-B-ZADiW_.js"), "./renderers/math.tsx": () => import("./math-DZgexPDM.js"), "./renderers/mathInput.tsx": () => import("./mathInput-DdH9R0Di.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-jNxvkwCQ.js"), "./renderers/mdash.tsx": () => import("./mdash-74cgp4eT.js"), "./renderers/nbsp.tsx": () => import("./nbsp-DphYgGdH.js"), "./renderers/ndash.tsx": () => import("./ndash-AdCCxVVL.js"), "./renderers/number.tsx": () => import("./number-DMXQJAU6.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-Bek-99je.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-D7WGHLCS.js"), "./renderers/p.tsx": () => import("./p-Ww1n6QKg.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-CFbuffBh.js"), "./renderers/pegboard.tsx": () => import("./pegboard-ClVPIXO7.js"), "./renderers/point.tsx": () => import("./point-Ct7JXjQm.js"), "./renderers/polygon.tsx": () => import("./polygon-CsZkaY9y.js"), "./renderers/polyline.tsx": () => import("./polyline-D6IZwRBq.js"), "./renderers/pre.tsx": () => import("./pre-6tc1qxSz.js"), "./renderers/prefigure.tsx": () => import("./prefigure-rBup82Vj.js"), "./renderers/pretzel.tsx": () => import("./pretzel-DQN9r3u5.js"), "./renderers/q.tsx": () => import("./q-Du8LSGbK.js"), "./renderers/ray.tsx": () => import("./ray-urGacnoS.js"), "./renderers/ref.tsx": () => import("./ref-Cl32RdH0.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-cwl5_Pka.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-BTBaDs5t.js"), "./renderers/row.tsx": () => import("./row-CHLxXbhn.js"), "./renderers/rq.tsx": () => import("./rq-CU8m037z.js"), "./renderers/rsq.tsx": () => import("./rsq-Dj70dpPh.js"), "./renderers/section.tsx": () => import("./section-B4JYSxB8.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-DQjgr204.js"), "./renderers/slider.tsx": () => import("./slider-Dj34PJC-.js"), "./renderers/slopeField.tsx": () => import("./slopeField-Duxfdfyn.js"), "./renderers/solution.tsx": () => import("./solution-C3jNkv2_.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-BYZmCVDe.js"), "./renderers/sq.tsx": () => import("./sq-CUwBFtmU.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-1nAz0SNP.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-CvvXkWAc.js"), "./renderers/table.tsx": () => import("./table-D8zYENq1.js"), "./renderers/tabular.tsx": () => import("./tabular-BgGPbyYk.js"), "./renderers/tag.tsx": () => import("./tag-C0W4SKgq.js"), "./renderers/text.tsx": () => import("./text-lOlCtOOK.js"), "./renderers/textInput.tsx": () => import("./textInput-DqThPjpM.js"), "./renderers/vector.tsx": () => import("./vector-CPIH-YOa.js"), "./renderers/vectorField.tsx": () => import("./vectorField-C_B8tYRv.js"), "./renderers/video.tsx": () => import("./video-BYt8YJed.js") }), `./renderers/${childInstructions.rendererType}.tsx`, 3);
|
|
71
|
-
}
|
|
72
|
-
return rendererLoaders;
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
return null;
|
|
76
|
-
}
|
|
77
|
-
let child = React__default.createElement(rendererClass, propsForChild);
|
|
78
|
-
return child;
|
|
79
|
-
}
|
|
80
|
-
let rendererType = props.componentInstructions.rendererType;
|
|
81
|
-
const callAction = (argObj) => {
|
|
82
|
-
if (!argObj.componentIdx) {
|
|
83
|
-
argObj = { ...argObj };
|
|
84
|
-
argObj.componentIdx = componentIdx;
|
|
85
|
-
}
|
|
86
|
-
if (!argObj.rendererType) {
|
|
87
|
-
argObj = { ...argObj };
|
|
88
|
-
argObj.rendererType = rendererType;
|
|
89
|
-
}
|
|
90
|
-
return props.callAction(argObj);
|
|
91
|
-
};
|
|
92
|
-
return {
|
|
93
|
-
componentIdx: effectiveIdx,
|
|
94
|
-
id: prefixForIds + id,
|
|
95
|
-
SVs: stateValues,
|
|
96
|
-
docId: props.docId,
|
|
97
|
-
activityId: props.activityId,
|
|
98
|
-
actions,
|
|
99
|
-
children,
|
|
100
|
-
sourceOfUpdate,
|
|
101
|
-
ignoreUpdate,
|
|
102
|
-
rendererName,
|
|
103
|
-
initializeChildren: () => {
|
|
104
|
-
},
|
|
105
|
-
callAction,
|
|
106
|
-
doenetViewerUrl: props.doenetViewerUrl,
|
|
107
|
-
fetchExternalDoenetML: props.fetchExternalDoenetML,
|
|
108
|
-
requestScrollTo: props.requestScrollTo,
|
|
109
|
-
flags: props.flags
|
|
110
|
-
};
|
|
111
|
-
}
|
|
112
|
-
export {
|
|
113
|
-
useDoenetRenderer as u
|
|
114
|
-
};
|