@doenet/doenetml 0.7.21-dev.393 → 0.7.21-dev.394

package/utils/i18n.d.ts

@@ -60,4 +60,62 @@ export declare function useT(): Translator;
  * list arguments with `Intl.ListFormat`.
  */
 export declare function useUiLocale(): string;
+/**
+ * Publish the document-language translator to every {@link useContentT} below.
+ *
+ * Mounted by `DocViewer` beside {@link I18nProvider}, from the same
+ * `effectiveDocumentLocale` the core was handed — so a word this renders and a
+ * word the worker computed cannot disagree.
+ *
+ * Needs no `useMemo` where {@link I18nProvider} does: what it publishes is the
+ * translator itself, which `useChromeTranslator` already memoizes, rather than
+ * an object rebuilt on every render.
+ */
+export declare function ContentI18nProvider({ translate, children, }: {
+    translate: Translator;
+    children: React.ReactNode;
+}): React.JSX.Element;
+/**
+ * A translator bound to the document's language — usually *not* the one to
+ * reach for. Almost everything a renderer draws is chrome and belongs on
+ * {@link useT}; this is for a control the core already writes part of, where
+ * following the reader would put one widget in two languages.
+ *
+ * The check-work button is the case it exists for, and the reason is a chain
+ * of two links rather than taste. Its resting label is `submitLabel`, a
+ * *content* state variable: an author can write `submitLabel="Comprueba"`, and
+ * can interpolate `$ans.submitLabel` into their own prose — "Pulsa el botón
+ * $ans.submitLabel" — so its value cannot depend on who is reading, and the
+ * worker that computes it is never told `uiLocale`. Everything the button says
+ * afterwards ("Correct", "37% Credit", "no attempts remaining") therefore has
+ * to answer to the same tag, or the sentence pointing at the button stops
+ * naming what the button says.
+ *
+ * What answers to it is the whole control, not each string weighed alone. The
+ * button's visually hidden span carries `submitLabel` verbatim beside the
+ * status only a screen reader hears ("Checking answer"), so putting that
+ * announcement in the reader's language would leave one span bilingual; the
+ * `Max credit available: 80%; 1 attempt remaining` line renders as a single
+ * joined sentence immediately after the button and splits no better.
+ *
+ * This is deliberately *not* the rule for everything drawn inside the
+ * document. What a *neighbouring* element says is weighed on its own, and
+ * mostly comes out the other way: the in-document error box follows the reader
+ * (#1570), and so does the validation state appended to an input's accessible
+ * description, because both are addressed to whoever is looking at the screen
+ * and no authored prose ever refers to them. The test is whether the author's
+ * own document talks about the words — not where they appear.
+ *
+ * The catalogs are the same ones {@link useT} resolves against; only the
+ * negotiated locale differs. The keys stay in `chrome.ftl` because namespaces
+ * split by *load context*, and these are drawn on the main thread — moving
+ * them to `content` would ship them to the worker, which never draws them.
+ *
+ * Bind it as `tContent`, and reach its keys through a helper whose own
+ * parameter is named `t` (`createCheckWorkComponent`). `lint:i18n` only sees
+ * call sites through a translator named `t` or `translate`, so a key called
+ * straight off `tContent` would read as an orphan; the name also keeps `t`
+ * meaning the reader's translator in every renderer.
+ */
+export declare function useContentT(): Translator;
 //# sourceMappingURL=i18n.d.ts.map

package/utils/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/utils/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAOH,KAAK,UAAU,EAClB,MAAM,cAAc,CAAC;AAoBtB;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAC/B,QAAQ,EAAE,MAAM,EAChB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAChD,UAAU,CASZ;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CACnC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACnC,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACzC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAChD;IAAE,SAAS,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAO3C;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,MAAM,EACN,QAAQ,GACX,EAAE;IACC,SAAS,EAAE,UAAU,CAAC;IACtB,yDAAyD;IACzD,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,qBAOA;AAED;;;;;;;GAOG;AACH,wBAAgB,IAAI,IAAI,UAAU,CAEjC;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAEpC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/utils/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAOH,KAAK,UAAU,EAClB,MAAM,cAAc,CAAC;AAoBtB;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAC/B,QAAQ,EAAE,MAAM,EAChB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAChD,UAAU,CASZ;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CACnC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACnC,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACzC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAChD;IAAE,SAAS,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAO3C;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,MAAM,EACN,QAAQ,GACX,EAAE;IACC,SAAS,EAAE,UAAU,CAAC;IACtB,yDAAyD;IACzD,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,qBAOA;AAED;;;;;;;GAOG;AACH,wBAAgB,IAAI,IAAI,UAAU,CAEjC;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAEpC;AAUD;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,SAAS,EACT,QAAQ,GACX,EAAE;IACC,SAAS,EAAE,UAAU,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,qBAMA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,WAAW,IAAI,UAAU,CAExC"}

package/{vector-BRN-3p5O.js → vector-CqDzM8VB.js}

@@ -1,10 +1,10 @@
-import { q as DocContext, p as jsxRuntimeExports, t as textRendererStyle, v as DynamicMath } from "./doenetml-pwYrzume.js";
+import { q as DocContext, p as jsxRuntimeExports, t as textRendererStyle, v as DynamicMath } from "./doenetml-M4DBortx.js";
 import React__default, { useContext, useRef } from "react";
-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-DGH7P4zf.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-Crmjm0_-.js";
-import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-CpJquYXz.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-D49hLbrj.js";
-import { ChoiceInputInlineContext } from "./choiceInput-DUmyLdvW.js";
+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-CQ4UnDuA.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-xKXv4Q3h.js";
+import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-CoAsQ_ck.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-BdbaGIUE.js";
+import { ChoiceInputInlineContext } from "./choiceInput-CJIUcxFH.js";
 import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-C7PtyKL7.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";

package/{video--Z4kLzNs.js → video-Dqu_SN1a.js}

@@ -1,10 +1,10 @@
-import { w as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-pwYrzume.js";
+import { x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-M4DBortx.js";
 import React__default, { useState, useEffect, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-Crmjm0_-.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-xKXv4Q3h.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-kcKiIsUu.js";
+import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-CpqUPpwA.js";
 import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
-import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-CyfGNcth.js";
+import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-BJJ7dSCJ.js";
 const YT_API_SRC = "https://www.youtube.com/iframe_api";
 const listeners = /* @__PURE__ */ new Set();
 let installed = false;

package/useDoenetRenderer-Crmjm0_-.js

@@ -1,114 +0,0 @@
-import { E as useAppSelector, F as mainSlice, G as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-pwYrzume.js";
-import React__default, { useState, useEffect } from "react";
-function useDoenetRenderer(props, initializeChildrenOnConstruction = true) {
-  const actions = props.componentInstructions.actions;
-  const componentIdx = props.componentInstructions.componentIdx;
-  const effectiveIdx = props.componentInstructions.effectiveIdx;
-  const id = props.componentInstructions.id;
-  const rendererName = props.coreId + componentIdx;
-  const [renderersToLoad, setRenderersToLoad] = useState({});
-  const componentInfo = useAppSelector(
-    (state) => mainSlice.selectors.componentInfo(state)[rendererName]
-  );
-  const {
-    stateValues,
-    sourceOfUpdate = {},
-    ignoreUpdate,
-    childrenInstructions,
-    prefixForIds
-  } = componentInfo || {
-    stateValues: {},
-    sourceOfUpdate: {},
-    ignoreUpdate: false,
-    childrenInstructions: [],
-    prefixForIds: ""
-  };
-  let children = [];
-  const loadMoreRenderers = Object.keys(renderersToLoad).length === 0;
-  for (let childInstructions of childrenInstructions) {
-    let child = createChildFromInstructions(
-      childInstructions,
-      loadMoreRenderers
-    );
-    children.push(child);
-  }
-  useEffect(() => {
-    const entries = Object.entries(renderersToLoad);
-    if (entries.length > 0) {
-      const names = entries.map(([name]) => name);
-      const loaders = entries.map(([, loader]) => loader);
-      renderersLoadComponent(loaders, names).then(
-        ({ rendererClasses: newRendererClasses }) => {
-          Object.assign(props.rendererClasses, newRendererClasses);
-          setRenderersToLoad({});
-        }
-      );
-    }
-  }, [renderersToLoad, props.rendererClasses]);
-  function createChildFromInstructions(childInstructions, loadMoreRenderers2) {
-    if (typeof childInstructions === "string" || childInstructions === null) {
-      return childInstructions;
-    }
-    let propsForChild = {
-      key: props.coreId + childInstructions.componentIdx,
-      componentInstructions: childInstructions,
-      rendererClasses: props.rendererClasses,
-      coreId: props.coreId,
-      docId: props.docId,
-      activityId: props.activityId,
-      callAction: props.callAction,
-      fetchExternalDoenetML: props.fetchExternalDoenetML,
-      requestScrollTo: props.requestScrollTo,
-      flags: props.flags
-    };
-    let rendererClass = props.rendererClasses[childInstructions.rendererType];
-    if (!rendererClass) {
-      if (loadMoreRenderers2) {
-        setRenderersToLoad((old) => {
-          let rendererLoaders = { ...old };
-          if (!(childInstructions.rendererType in rendererLoaders)) {
-            rendererLoaders[childInstructions.rendererType] = () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./renderers/GraphFrame.tsx": () => import("./GraphFrame-LDqZHTPC.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-DGH7P4zf.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-BuKpjCb1.js"), "./renderers/alert.tsx": () => import("./alert-Cv1_RLrQ.js"), "./renderers/angle.tsx": () => import("./angle-DcdoJNiv.js"), "./renderers/answer.tsx": () => import("./answer-BKBbzk3a.js"), "./renderers/asList.tsx": () => import("./asList-pqSyJPcN.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-0LLUyiD7.js"), "./renderers/boolean.tsx": () => import("./boolean-BVYrZLUc.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-DROlOkmS.js"), "./renderers/br.tsx": () => import("./br-MvAHmErh.js"), "./renderers/button.tsx": () => import("./button-RrnmXhwT.js"), "./renderers/c.tsx": () => import("./c-CHLIJ9rr.js"), "./renderers/cell.tsx": () => import("./cell-DaIk_iBZ.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-DUmyLdvW.js"), "./renderers/circle.tsx": () => import("./circle-CWyavNC6.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-OoivfaI4.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-MFGmzXrn.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-BdsmwwE0.js"), "./renderers/containerInline.tsx": () => import("./containerInline-D2wrqOOZ.js"), "./renderers/curve.tsx": () => import("./curve-OUEZJHzC.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-BY1gjFaj.js"), "./renderers/em.tsx": () => import("./em-CIC2L8-X.js"), "./renderers/embed.tsx": () => import("./embed-CR9CoYHt.js"), "./renderers/feedback.tsx": () => import("./feedback-BxUH7q4C.js"), "./renderers/figure.tsx": () => import("./figure-B0EkOX2h.js"), "./renderers/footnote.tsx": () => import("./footnote-DySi7tuS.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-aidkKaUT.js"), "./renderers/graph.tsx": () => import("./graph-CpJquYXz.js"), "./renderers/hint.tsx": () => import("./hint-_ReoOUSN.js"), "./renderers/hr.tsx": () => import("./hr-B-YChV4e.js"), "./renderers/image.tsx": () => import("./image-GucHr3Fs.js"), "./renderers/label.tsx": () => import("./label-CgJfmzuE.js"), "./renderers/legend.tsx": () => import("./legend-CB1XhEFU.js"), "./renderers/line.tsx": () => import("./line-Cso0t33P.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-B8O3N9Cu.js"), "./renderers/list.tsx": () => import("./list-CZTnP_Ds.js"), "./renderers/lq.tsx": () => import("./lq-DWeaQAwV.js"), "./renderers/lsq.tsx": () => import("./lsq-Il7EMuuO.js"), "./renderers/math.tsx": () => import("./math-D7vT-BqW.js"), "./renderers/mathInput.tsx": () => import("./mathInput-CIJP6Soy.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-DV1bXIG9.js"), "./renderers/mdash.tsx": () => import("./mdash-DAOr4MG9.js"), "./renderers/nbsp.tsx": () => import("./nbsp-CafnSEbd.js"), "./renderers/ndash.tsx": () => import("./ndash--E9FnFYk.js"), "./renderers/number.tsx": () => import("./number-usb1aLJ7.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-D1oi-yDi.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-CTIhyhUz.js"), "./renderers/p.tsx": () => import("./p-hln_7ooZ.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-0ymdghMm.js"), "./renderers/pegboard.tsx": () => import("./pegboard-CKooxSGH.js"), "./renderers/point.tsx": () => import("./point-BSxJ2BnS.js"), "./renderers/polygon.tsx": () => import("./polygon-CBNRp60z.js"), "./renderers/polyline.tsx": () => import("./polyline-GAh4H9p0.js"), "./renderers/pre.tsx": () => import("./pre-zDQgCXFe.js"), "./renderers/prefigure.tsx": () => import("./prefigure-G--3no_a.js"), "./renderers/pretzel.tsx": () => import("./pretzel-OcJYDh1B.js"), "./renderers/q.tsx": () => import("./q-3Dia_368.js"), "./renderers/ray.tsx": () => import("./ray-07T3Uzf_.js"), "./renderers/ref.tsx": () => import("./ref-Ds74I8Cw.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-C4RFBXHq.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-I902DEC-.js"), "./renderers/row.tsx": () => import("./row-CwUonUzt.js"), "./renderers/rq.tsx": () => import("./rq-DrSf5VSd.js"), "./renderers/rsq.tsx": () => import("./rsq-C5kUzS8d.js"), "./renderers/section.tsx": () => import("./section-PMLPEMUv.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-D32_g8FK.js"), "./renderers/slider.tsx": () => import("./slider-BYhpoM2O.js"), "./renderers/solution.tsx": () => import("./solution-CbXNhznJ.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-ozrM7-UB.js"), "./renderers/sq.tsx": () => import("./sq-CAKz9x_X.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-C1qF4zde.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-Blmw-X1a.js"), "./renderers/table.tsx": () => import("./table-DmRTyhL0.js"), "./renderers/tabular.tsx": () => import("./tabular-C6v4sxO_.js"), "./renderers/tag.tsx": () => import("./tag-BCmJ32cM.js"), "./renderers/text.tsx": () => import("./text-CeMtCdIU.js"), "./renderers/textInput.tsx": () => import("./textInput-DQijaHeR.js"), "./renderers/vector.tsx": () => import("./vector-BRN-3p5O.js"), "./renderers/video.tsx": () => import("./video--Z4kLzNs.js") }), `./renderers/${childInstructions.rendererType}.tsx`, 3);
-          }
-          return rendererLoaders;
-        });
-      }
-      return null;
-    }
-    let child = React__default.createElement(rendererClass, propsForChild);
-    return child;
-  }
-  let rendererType = props.componentInstructions.rendererType;
-  const callAction = (argObj) => {
-    if (!argObj.componentIdx) {
-      argObj = { ...argObj };
-      argObj.componentIdx = componentIdx;
-    }
-    if (!argObj.rendererType) {
-      argObj = { ...argObj };
-      argObj.rendererType = rendererType;
-    }
-    return props.callAction(argObj);
-  };
-  return {
-    componentIdx: effectiveIdx,
-    id: prefixForIds + id,
-    SVs: stateValues,
-    docId: props.docId,
-    activityId: props.activityId,
-    actions,
-    children,
-    sourceOfUpdate,
-    ignoreUpdate,
-    rendererName,
-    initializeChildren: () => {
-    },
-    callAction,
-    doenetViewerUrl: props.doenetViewerUrl,
-    fetchExternalDoenetML: props.fetchExternalDoenetML,
-    requestScrollTo: props.requestScrollTo,
-    flags: props.flags
-  };
-}
-export {
-  useDoenetRenderer as u
-};