@doenet/doenetml 0.7.20-dev.333 → 0.7.20-dev.335
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-C4EcjoBg.js → AnswerResponseButton-Bb2BI_rl.js} +2 -2
- package/{Description-DzG0tMzG.js → Description-X0wbmle2.js} +1 -1
- package/EditorViewer/EditorViewer.d.ts +1 -1
- package/EditorViewer/EditorViewer.d.ts.map +1 -1
- package/{GraphFrame-BEmHCG4c.js → GraphFrame-D0SsTifD.js} +2 -2
- package/{JSXGraphRenderer-BerSmFIZ.js → JSXGraphRenderer-WH0QKyTO.js} +1 -1
- package/{NonInlineMediaWrapper-BuKE-I24.js → NonInlineMediaWrapper-BwSgbGOA.js} +1 -1
- package/Viewer/DocViewer.d.ts +3 -3
- package/Viewer/DocViewer.d.ts.map +1 -1
- package/Viewer/renderers/angle.d.ts.map +1 -1
- package/Viewer/renderers/circle.d.ts.map +1 -1
- package/Viewer/renderers/polygon.d.ts.map +1 -1
- package/Viewer/renderers/regionBetweenCurveXAxis.d.ts.map +1 -1
- package/Viewer/renderers/regionBetweenCurves.d.ts.map +1 -1
- package/Viewer/renderers/utils/fillPatterns.d.ts +35 -11
- package/Viewer/renderers/utils/fillPatterns.d.ts.map +1 -1
- package/Viewer/renderers/utils/styleColors.d.ts +12 -0
- package/Viewer/renderers/utils/styleColors.d.ts.map +1 -1
- package/{_error-Dv3y3K7K.js → _error-IQ9UNo67.js} +2 -2
- package/{alert-qftwzQkR.js → alert-CGC3bff7.js} +3 -3
- package/{angle-UUTcN8oF.js → angle-DHh7zuz0.js} +9 -7
- package/{answer-Bii5qekA.js → answer-BRsvUVeb.js} +5 -5
- package/{asList-Ba1b-RQz.js → asList-BDTqMh8x.js} +2 -2
- package/{blockQuote-BNGUsTvq.js → blockQuote-a_wAKOhU.js} +3 -3
- package/{boolean-DdJAN0Wj.js → boolean-DyQyJb0r.js} +2 -2
- package/{booleanInput-pGsleBwA.js → booleanInput-BuXBjR85.js} +6 -6
- package/{br-HeM1uiuL.js → br-Cfe4q1oD.js} +2 -2
- package/{buildGraphicalAttributes-WXpVD4ud.js → buildGraphicalAttributes-C7PtyKL7.js} +1 -1
- package/{button-Dse_LVs3.js → button-BNh32tF9.js} +4 -4
- package/{c-BXRH1CGu.js → c-DR_c8Y0-.js} +3 -3
- package/{cell-CKsAJnvF.js → cell-DaCO5BD5.js} +3 -3
- package/{choiceInput-WwfqN9PT.js → choiceInput-Ck8DVMmG.js} +4 -4
- package/{circle-D2-o-6rB.js → circle-BZFa865i.js} +9 -7
- package/{cobwebPolyline-9s0qjKfb.js → cobwebPolyline-D5GvgpiH.js} +4 -4
- package/{codeEditor-C8qCHYcN.js → codeEditor-DYVj_Ab-.js} +2 -2
- package/{composites-PoQCH1tu.js → composites-XinFoIcx.js} +1 -1
- package/{containerBlock-CDPdoiUk.js → containerBlock-BjigEe4d.js} +4 -4
- package/{containerInline-DWNXbggn.js → containerInline-ByxuSmSL.js} +4 -4
- package/{curve-eYpKIBpe.js → curve-A385radh.js} +5 -5
- package/{doenetml-DwVGzot9.js → doenetml-CLvAz_2Y.js} +12 -12
- package/doenetml-external-worker.js +2 -2
- package/doenetml-inline-worker.js +2 -2
- package/doenetml.d.ts +3 -3
- package/doenetml.d.ts.map +1 -1
- package/{ellipsis-CAGTA6z2.js → ellipsis-0Rf9uFcz.js} +2 -2
- package/{em-C0FdhDCz.js → em-C-HqHV4n.js} +3 -3
- package/{embed-Dk0DivWT.js → embed-BfNzc5Le.js} +2 -2
- package/{feedback-hnjlFlCn.js → feedback-DwhXmMSH.js} +4 -4
- package/{figure-CJvLtawF.js → figure-7Xi2fQSv.js} +3 -3
- package/{fillPatterns-3SYnY-mu.js → fillPatterns-xFNXM2wi.js} +55 -10
- package/{footnote-lZ_ap3m0.js → footnote-B6OpfKj6.js} +3 -3
- package/{fractionInput-CnrOmebk.js → fractionInput-D1xTeDSb.js} +4 -4
- package/{graph-BOVjIBkv.js → graph-DwiumKgy.js} +6 -6
- package/{hint-CdTvllaR.js → hint-BAGwv27L.js} +4 -4
- package/{hr-CKx6WFfA.js → hr-Aj-J3kTg.js} +2 -2
- package/{image-DF1e3gBY.js → image-DkVGJkU9.js} +13 -13
- package/{index-DiqrlWt_.js → index-DOvVPLCZ.js} +1 -1
- package/{index.es-B7v-ftBX.js → index.es-RhJQkW78.js} +1 -1
- package/index.js +1 -1
- package/{label-COuyHxho.js → label-t5QOz3hz.js} +6 -6
- package/{labelWithLatex-DqB7KB1l.js → labelWithLatex-DGChcqLA.js} +1 -1
- package/{legend-lnTNbl5O.js → legend-GzOZUocx.js} +4 -4
- package/{line-B2ZIsMVO.js → line-BeQtVGs_.js} +7 -7
- package/{lineSegment-AuLQFFTf.js → lineSegment-oIe7WXtR.js} +6 -6
- package/{list-Bia5LyEn.js → list-x28rSefl.js} +4 -4
- package/{lq-DglxtTXO.js → lq-8l0sDOr8.js} +2 -2
- package/{lsq-BL88a_2B.js → lsq-CZFG7Nl5.js} +2 -2
- package/{markupRenderer-CLJTJyjo.js → markupRenderer-WCkpS3Xg.js} +1 -1
- package/{math-Cr8ELqXA.js → math-BMR5AiER.js} +6 -6
- package/{mathInput-UM9D8TWH.js → mathInput-DS_W_e8n.js} +7 -7
- package/{matrixInput-DPy2fjC2.js → matrixInput-DmrPKznJ.js} +4 -4
- package/{mdash-BrXvZFZW.js → mdash-Bu1Q1ekL.js} +2 -2
- package/{nbsp-CmNqRa0Z.js → nbsp-DVm0h4-x.js} +2 -2
- package/{ndash-BuBqvd3D.js → ndash-DdGtnsQK.js} +2 -2
- package/{number-brKf5_lQ.js → number-CfeeIc74.js} +6 -6
- package/{orbitalDiagram-Z4cQ6Ast.js → orbitalDiagram-DEDYTOaB.js} +2 -2
- package/{orbitalDiagramInput-BgnudlTs.js → orbitalDiagramInput-CX08AX-x.js} +2 -2
- package/{p-Dccth0Y8.js → p-yQIjH8Fa.js} +4 -4
- package/package.json +1 -1
- package/{paginatorControls-CP6rXaxY.js → paginatorControls-FHx8dyK2.js} +2 -2
- package/{pegboard-DZMSSBlT.js → pegboard-DOjue_FK.js} +4 -4
- package/{point-BHQL9whs.js → point-CwMVWF91.js} +6 -6
- package/{polygon-C3gRq3lr.js → polygon-DdAM4aKr.js} +9 -7
- package/{polyline-CapD6H0s.js → polyline-DWOgBzqs.js} +6 -6
- package/{pre-B47XWP9R.js → pre-BZ7ZCw9Z.js} +3 -3
- package/{prefigure-BIOBm0pX.js → prefigure-DueQF7ys.js} +1 -1
- package/{pretzel-CvBXHL4F.js → pretzel-ES8Yvo78.js} +4 -4
- package/{q-B4Bw0eRj.js → q-xpEgI0-d.js} +3 -3
- package/{ray-Csj6QJsa.js → ray-BNmkEcDJ.js} +6 -6
- package/{ref-DF5cFvXi.js → ref-CK0oY9LN.js} +2 -2
- package/{regionBetweenCurveXAxis-LmWqgEN_.js → regionBetweenCurveXAxis-BDAOPDMD.js} +8 -5
- package/{regionBetweenCurves-BGHo5IFb.js → regionBetweenCurves-DdPYLipw.js} +8 -5
- package/{row-Bye03Sfl.js → row-nP0ZhX6Z.js} +2 -2
- package/{rq-CdSpxck-.js → rq-DLF6CDjv.js} +2 -2
- package/{rsq-BqpQnyUt.js → rsq-Jh7GuweM.js} +2 -2
- package/{section-poJfDakY.js → section-n-Mv8eqZ.js} +5 -5
- package/{sha256-C0vj3HDn-CKFHJG80.js → sha256-C0vj3HDn-UGyxHwaY.js} +1 -1
- package/{sideBySide-BhcZrtew.js → sideBySide-DdjzZlgo.js} +2 -2
- package/{slider-DlSJnGx1.js → slider-BwwfFUMx.js} +3 -3
- package/{solution-B5gQIHsm.js → solution-CMJnOEXE.js} +4 -4
- package/{spreadsheet-CrBP9FVJ.js → spreadsheet-BPeiYRXq.js} +2 -2
- package/{sq-BPRxkfgW.js → sq-f0eKuiZ7.js} +3 -3
- package/{styleColors-DH1y_fdG.js → styleColors-Cknqcr0q.js} +6 -2
- package/{subsetOfRealsInput-Q-yLrGLQ.js → subsetOfRealsInput-cPp2Z2Lo.js} +2 -2
- package/{summaryStatistics-DKKgQXYq.js → summaryStatistics-_-_4_PVE.js} +2 -2
- package/{table-BbXbBdh2.js → table-Ctq_Iify.js} +2 -2
- package/{tabular-D92xWG53.js → tabular-DQg3Elet.js} +2 -2
- package/{tag-pcYpct-k.js → tag-C3cIMi7z.js} +2 -2
- package/{text-fs9mBTCy.js → text-DbQWmZqo.js} +6 -6
- package/{textInput-C_iOjHKi.js → textInput-CJmzQBzV.js} +6 -6
- package/{tooltip-provider-DdZSs--a.js → tooltip-provider-DH2D7lj4.js} +1 -1
- package/{useAnchoredGraphDragHandler-BLDxjQN8.js → useAnchoredGraphDragHandler-jENznKTo.js} +1 -1
- package/useDoenetRenderer-Dxxe3hVm.js +114 -0
- package/{useSubmitActionWithDelay-tDgqA8p7.js → useSubmitActionWithDelay-Cf1y_3x3.js} +2 -2
- package/{vector-CfpLhVsK.js → vector-B5kimWqF.js} +7 -7
- package/{video-OzeGhKKU.js → video-CPqqjP8F.js} +4 -4
- package/useDoenetRenderer-Ckl_iPzm.js +0 -114
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { w as useAppSelector, x as mainSlice, y as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-CLvAz_2Y.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-D0SsTifD.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-WH0QKyTO.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-IQ9UNo67.js"), "./renderers/alert.tsx": () => import("./alert-CGC3bff7.js"), "./renderers/angle.tsx": () => import("./angle-DHh7zuz0.js"), "./renderers/answer.tsx": () => import("./answer-BRsvUVeb.js"), "./renderers/asList.tsx": () => import("./asList-BDTqMh8x.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-a_wAKOhU.js"), "./renderers/boolean.tsx": () => import("./boolean-DyQyJb0r.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-BuXBjR85.js"), "./renderers/br.tsx": () => import("./br-Cfe4q1oD.js"), "./renderers/button.tsx": () => import("./button-BNh32tF9.js"), "./renderers/c.tsx": () => import("./c-DR_c8Y0-.js"), "./renderers/cell.tsx": () => import("./cell-DaCO5BD5.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-Ck8DVMmG.js"), "./renderers/circle.tsx": () => import("./circle-BZFa865i.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-D5GvgpiH.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-DYVj_Ab-.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-BjigEe4d.js"), "./renderers/containerInline.tsx": () => import("./containerInline-ByxuSmSL.js"), "./renderers/curve.tsx": () => import("./curve-A385radh.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-0Rf9uFcz.js"), "./renderers/em.tsx": () => import("./em-C-HqHV4n.js"), "./renderers/embed.tsx": () => import("./embed-BfNzc5Le.js"), "./renderers/feedback.tsx": () => import("./feedback-DwhXmMSH.js"), "./renderers/figure.tsx": () => import("./figure-7Xi2fQSv.js"), "./renderers/footnote.tsx": () => import("./footnote-B6OpfKj6.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-D1xTeDSb.js"), "./renderers/graph.tsx": () => import("./graph-DwiumKgy.js"), "./renderers/hint.tsx": () => import("./hint-BAGwv27L.js"), "./renderers/hr.tsx": () => import("./hr-Aj-J3kTg.js"), "./renderers/image.tsx": () => import("./image-DkVGJkU9.js"), "./renderers/label.tsx": () => import("./label-t5QOz3hz.js"), "./renderers/legend.tsx": () => import("./legend-GzOZUocx.js"), "./renderers/line.tsx": () => import("./line-BeQtVGs_.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-oIe7WXtR.js"), "./renderers/list.tsx": () => import("./list-x28rSefl.js"), "./renderers/lq.tsx": () => import("./lq-8l0sDOr8.js"), "./renderers/lsq.tsx": () => import("./lsq-CZFG7Nl5.js"), "./renderers/math.tsx": () => import("./math-BMR5AiER.js"), "./renderers/mathInput.tsx": () => import("./mathInput-DS_W_e8n.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-DmrPKznJ.js"), "./renderers/mdash.tsx": () => import("./mdash-Bu1Q1ekL.js"), "./renderers/nbsp.tsx": () => import("./nbsp-DVm0h4-x.js"), "./renderers/ndash.tsx": () => import("./ndash-DdGtnsQK.js"), "./renderers/number.tsx": () => import("./number-CfeeIc74.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-DEDYTOaB.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-CX08AX-x.js"), "./renderers/p.tsx": () => import("./p-yQIjH8Fa.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-FHx8dyK2.js"), "./renderers/pegboard.tsx": () => import("./pegboard-DOjue_FK.js"), "./renderers/point.tsx": () => import("./point-CwMVWF91.js"), "./renderers/polygon.tsx": () => import("./polygon-DdAM4aKr.js"), "./renderers/polyline.tsx": () => import("./polyline-DWOgBzqs.js"), "./renderers/pre.tsx": () => import("./pre-BZ7ZCw9Z.js"), "./renderers/prefigure.tsx": () => import("./prefigure-DueQF7ys.js"), "./renderers/pretzel.tsx": () => import("./pretzel-ES8Yvo78.js"), "./renderers/q.tsx": () => import("./q-xpEgI0-d.js"), "./renderers/ray.tsx": () => import("./ray-BNmkEcDJ.js"), "./renderers/ref.tsx": () => import("./ref-CK0oY9LN.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-BDAOPDMD.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-DdPYLipw.js"), "./renderers/row.tsx": () => import("./row-nP0ZhX6Z.js"), "./renderers/rq.tsx": () => import("./rq-DLF6CDjv.js"), "./renderers/rsq.tsx": () => import("./rsq-Jh7GuweM.js"), "./renderers/section.tsx": () => import("./section-n-Mv8eqZ.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-DdjzZlgo.js"), "./renderers/slider.tsx": () => import("./slider-BwwfFUMx.js"), "./renderers/solution.tsx": () => import("./solution-CMJnOEXE.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-BPeiYRXq.js"), "./renderers/sq.tsx": () => import("./sq-f0eKuiZ7.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-cPp2Z2Lo.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-_-_4_PVE.js"), "./renderers/table.tsx": () => import("./table-Ctq_Iify.js"), "./renderers/tabular.tsx": () => import("./tabular-DQg3Elet.js"), "./renderers/tag.tsx": () => import("./tag-C3cIMi7z.js"), "./renderers/text.tsx": () => import("./text-DbQWmZqo.js"), "./renderers/textInput.tsx": () => import("./textInput-CJmzQBzV.js"), "./renderers/vector.tsx": () => import("./vector-B5kimWqF.js"), "./renderers/video.tsx": () => import("./video-CPqqjP8F.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,5 +1,5 @@
|
|
|
1
|
-
import { k as jsxRuntimeExports } from "./doenetml-
|
|
2
|
-
import { F as FontAwesomeIcon } from "./index.es-
|
|
1
|
+
import { k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
|
|
2
|
+
import { F as FontAwesomeIcon } from "./index.es-RhJQkW78.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 calculateValidationState(SVs) {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { l as DocContext, k as jsxRuntimeExports, t as textRendererStyle, n as DynamicMath } from "./doenetml-
|
|
1
|
+
import { l as DocContext, k as jsxRuntimeExports, t as textRendererStyle, n as DynamicMath } from "./doenetml-CLvAz_2Y.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 { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-
|
|
6
|
-
import { ChoiceInputInlineContext } from "./choiceInput-
|
|
7
|
-
import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-
|
|
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-WH0QKyTO.js";
|
|
4
|
+
import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
|
|
5
|
+
import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-DwiumKgy.js";
|
|
6
|
+
import { ChoiceInputInlineContext } from "./choiceInput-Ck8DVMmG.js";
|
|
7
|
+
import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-C7PtyKL7.js";
|
|
8
8
|
import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
|
|
9
9
|
import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
|
|
10
|
-
import { a as resolveLineColor,
|
|
10
|
+
import { a as resolveLineColor, d as resolveHandleColor } from "./styleColors-Cknqcr0q.js";
|
|
11
11
|
import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
|
|
12
12
|
import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
|
|
13
13
|
import { a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-tcr76K44.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-
|
|
1
|
+
import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.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-Dxxe3hVm.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-X0wbmle2.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-BwSgbGOA.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 { w as useAppSelector, x as mainSlice, y as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-DwVGzot9.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-BEmHCG4c.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-BerSmFIZ.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-Dv3y3K7K.js"), "./renderers/alert.tsx": () => import("./alert-qftwzQkR.js"), "./renderers/angle.tsx": () => import("./angle-UUTcN8oF.js"), "./renderers/answer.tsx": () => import("./answer-Bii5qekA.js"), "./renderers/asList.tsx": () => import("./asList-Ba1b-RQz.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-BNGUsTvq.js"), "./renderers/boolean.tsx": () => import("./boolean-DdJAN0Wj.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-pGsleBwA.js"), "./renderers/br.tsx": () => import("./br-HeM1uiuL.js"), "./renderers/button.tsx": () => import("./button-Dse_LVs3.js"), "./renderers/c.tsx": () => import("./c-BXRH1CGu.js"), "./renderers/cell.tsx": () => import("./cell-CKsAJnvF.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-WwfqN9PT.js"), "./renderers/circle.tsx": () => import("./circle-D2-o-6rB.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-9s0qjKfb.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-C8qCHYcN.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-CDPdoiUk.js"), "./renderers/containerInline.tsx": () => import("./containerInline-DWNXbggn.js"), "./renderers/curve.tsx": () => import("./curve-eYpKIBpe.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-CAGTA6z2.js"), "./renderers/em.tsx": () => import("./em-C0FdhDCz.js"), "./renderers/embed.tsx": () => import("./embed-Dk0DivWT.js"), "./renderers/feedback.tsx": () => import("./feedback-hnjlFlCn.js"), "./renderers/figure.tsx": () => import("./figure-CJvLtawF.js"), "./renderers/footnote.tsx": () => import("./footnote-lZ_ap3m0.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-CnrOmebk.js"), "./renderers/graph.tsx": () => import("./graph-BOVjIBkv.js"), "./renderers/hint.tsx": () => import("./hint-CdTvllaR.js"), "./renderers/hr.tsx": () => import("./hr-CKx6WFfA.js"), "./renderers/image.tsx": () => import("./image-DF1e3gBY.js"), "./renderers/label.tsx": () => import("./label-COuyHxho.js"), "./renderers/legend.tsx": () => import("./legend-lnTNbl5O.js"), "./renderers/line.tsx": () => import("./line-B2ZIsMVO.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-AuLQFFTf.js"), "./renderers/list.tsx": () => import("./list-Bia5LyEn.js"), "./renderers/lq.tsx": () => import("./lq-DglxtTXO.js"), "./renderers/lsq.tsx": () => import("./lsq-BL88a_2B.js"), "./renderers/math.tsx": () => import("./math-Cr8ELqXA.js"), "./renderers/mathInput.tsx": () => import("./mathInput-UM9D8TWH.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-DPy2fjC2.js"), "./renderers/mdash.tsx": () => import("./mdash-BrXvZFZW.js"), "./renderers/nbsp.tsx": () => import("./nbsp-CmNqRa0Z.js"), "./renderers/ndash.tsx": () => import("./ndash-BuBqvd3D.js"), "./renderers/number.tsx": () => import("./number-brKf5_lQ.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-Z4cQ6Ast.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-BgnudlTs.js"), "./renderers/p.tsx": () => import("./p-Dccth0Y8.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-CP6rXaxY.js"), "./renderers/pegboard.tsx": () => import("./pegboard-DZMSSBlT.js"), "./renderers/point.tsx": () => import("./point-BHQL9whs.js"), "./renderers/polygon.tsx": () => import("./polygon-C3gRq3lr.js"), "./renderers/polyline.tsx": () => import("./polyline-CapD6H0s.js"), "./renderers/pre.tsx": () => import("./pre-B47XWP9R.js"), "./renderers/prefigure.tsx": () => import("./prefigure-BIOBm0pX.js"), "./renderers/pretzel.tsx": () => import("./pretzel-CvBXHL4F.js"), "./renderers/q.tsx": () => import("./q-B4Bw0eRj.js"), "./renderers/ray.tsx": () => import("./ray-Csj6QJsa.js"), "./renderers/ref.tsx": () => import("./ref-DF5cFvXi.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-LmWqgEN_.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-BGHo5IFb.js"), "./renderers/row.tsx": () => import("./row-Bye03Sfl.js"), "./renderers/rq.tsx": () => import("./rq-CdSpxck-.js"), "./renderers/rsq.tsx": () => import("./rsq-BqpQnyUt.js"), "./renderers/section.tsx": () => import("./section-poJfDakY.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-BhcZrtew.js"), "./renderers/slider.tsx": () => import("./slider-DlSJnGx1.js"), "./renderers/solution.tsx": () => import("./solution-B5gQIHsm.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-CrBP9FVJ.js"), "./renderers/sq.tsx": () => import("./sq-BPRxkfgW.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-Q-yLrGLQ.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-DKKgQXYq.js"), "./renderers/table.tsx": () => import("./table-BbXbBdh2.js"), "./renderers/tabular.tsx": () => import("./tabular-D92xWG53.js"), "./renderers/tag.tsx": () => import("./tag-pcYpct-k.js"), "./renderers/text.tsx": () => import("./text-fs9mBTCy.js"), "./renderers/textInput.tsx": () => import("./textInput-C_iOjHKi.js"), "./renderers/vector.tsx": () => import("./vector-CfpLhVsK.js"), "./renderers/video.tsx": () => import("./video-OzeGhKKU.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
|
-
};
|