@doenet/doenetml 0.7.21-dev.361 → 0.7.21-dev.362

package/utils/i18n.d.ts

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+import { Translator } from '../../packages/i18n/dist';
+/**
+ * Build the chrome translator for a resolved UI locale.
+ *
+ * @param uiLocale The chrome's language, already through `resolveUiLocale`.
+ * @param localeResources Host-supplied catalogs as locale → FTL source.
+ */
+export declare function useChromeTranslator(uiLocale: string, localeResources?: Record<string, string> | null): Translator;
+/**
+ * Build the chrome translator a host's props alone imply.
+ *
+ * For chrome that sits *outside* the document — the virtual keyboard, the
+ * variant selector — where there is no authored `<document lang>` to consult:
+ * hence the `undefined` authored language. Inside the document, `DocViewer`
+ * resolves the same pair of rules again against the language it parsed out of
+ * the source, and mounts a nested provider with the result.
+ *
+ * @param uiLocale The `uiLocale` prop, if the host set one.
+ * @param documentLocale The `documentLocale` prop, if the host set one.
+ * @param localeResources Host-supplied catalogs as locale → FTL source.
+ */
+export declare function useHostChromeTranslator(uiLocale: string | null | undefined, documentLocale: string | null | undefined, localeResources?: Record<string, string> | null): Translator;
+/**
+ * Publish a translator to every `useT()` below it.
+ *
+ * Mounted twice per viewer, on purpose: `doenetml.tsx` mounts one from the
+ * props alone, covering chrome outside the document, and `DocViewer` nests a
+ * second inside it, because only there is an authored `<document lang>` known.
+ * The inner one wins for renderers, which is the right split — the keyboard is
+ * host chrome, the renderers are inside the document.
+ */
+export declare function I18nProvider({ translate, children, }: {
+    translate: Translator;
+    children: React.ReactNode;
+}): React.JSX.Element;
+/**
+ * The chrome translator in effect.
+ *
+ * Call it with a string-literal key and an English fallback:
+ * `t("answer-correct", undefined, "Correct")`. Both parts are load-bearing —
+ * `lint:i18n` matches exactly that shape to check the key exists, and the
+ * fallback is what renders if a catalog is somehow missing it.
+ */
+export declare function useT(): Translator;
+//# sourceMappingURL=i18n.d.ts.map

package/utils/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/utils/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAMH,KAAK,UAAU,EAClB,MAAM,cAAc,CAAC;AAYtB;;;;;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;;;;;;;;;;;;GAYG;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,UAAU,CAQZ;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,QAAQ,GACX,EAAE;IACC,SAAS,EAAE,UAAU,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,qBAMA;AAED;;;;;;;GAOG;AACH,wBAAgB,IAAI,IAAI,UAAU,CAEjC"}

package/validationState-DI_lxk1a.js

@@ -0,0 +1,21 @@
+function addValidationStateToShortDescription(validationState, shortDescription, t) {
+  let suffix = null;
+  if (validationState === "correct") {
+    suffix = t("validation-correct", void 0, "(Correct)");
+  } else if (validationState === "incorrect") {
+    suffix = t("validation-incorrect", void 0, "(Incorrect)");
+  } else if (validationState === "partialcorrect") {
+    suffix = t(
+      "validation-partially-correct",
+      void 0,
+      "(Partially correct)"
+    );
+  }
+  if (suffix === null) {
+    return shortDescription;
+  }
+  return (shortDescription ? shortDescription + " " : "") + suffix;
+}
+export {
+  addValidationStateToShortDescription as a
+};

package/{vector-eEvp4DAc.js → vector-Dnoio46i.js}

@@ -1,10 +1,10 @@
-import { o as DocContext, n as jsxRuntimeExports, t as textRendererStyle, p as DynamicMath } from "./doenetml-BXSsTmMg.js";
+import { o as DocContext, n as jsxRuntimeExports, t as textRendererStyle, p as DynamicMath } from "./doenetml-CCMBYR_b.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-Be41lgIz.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BAq1ktng.js";
-import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-C6hIOAwD.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-YfhC_Q94.js";
-import { ChoiceInputInlineContext } from "./choiceInput-BjbqDU9d.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-DH6ZzfYT.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.js";
+import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-CJRztDFF.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-LT5y2nwm.js";
+import { ChoiceInputInlineContext } from "./choiceInput-7JZaBHNZ.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-B7wOIA1h.js → video-DQw2pxWK.js}

@@ -1,10 +1,10 @@
-import { u as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-BXSsTmMg.js";
+import { q as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-CCMBYR_b.js";
 import React__default, { useState, useEffect, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BAq1ktng.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-CeDL7FZY.js";
+import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-D4h1QV0r.js";
 import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
-import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-Tf8Bgp1V.js";
+import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-CqBvf7rz.js";
 const YT_API_SRC = "https://www.youtube.com/iframe_api";
 const listeners = /* @__PURE__ */ new Set();
 let installed = false;

package/useDoenetRenderer-BAq1ktng.js

@@ -1,114 +0,0 @@
-import { y as useAppSelector, z as mainSlice, A as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-BXSsTmMg.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-8IPcvXqk.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-Be41lgIz.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-DhRiszio.js"), "./renderers/alert.tsx": () => import("./alert-CExDcbrh.js"), "./renderers/angle.tsx": () => import("./angle-FCTtCuvN.js"), "./renderers/answer.tsx": () => import("./answer-BLusvBSG.js"), "./renderers/asList.tsx": () => import("./asList-Dv__hv6D.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-B6Wtw4HN.js"), "./renderers/boolean.tsx": () => import("./boolean-IP59-Zjp.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-BCNoC_vo.js"), "./renderers/br.tsx": () => import("./br-BqejfFtq.js"), "./renderers/button.tsx": () => import("./button-DzYMy3G6.js"), "./renderers/c.tsx": () => import("./c-wV9nNSPC.js"), "./renderers/cell.tsx": () => import("./cell-Cfv7v4mc.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-BjbqDU9d.js"), "./renderers/circle.tsx": () => import("./circle-CQ5lWEtc.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-CAStHK_5.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-C2tiWOSh.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-CLEUmhMM.js"), "./renderers/containerInline.tsx": () => import("./containerInline-kv3umsgq.js"), "./renderers/curve.tsx": () => import("./curve-gdmcSsYU.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-D4fj-dH6.js"), "./renderers/em.tsx": () => import("./em-BLDmBPbZ.js"), "./renderers/embed.tsx": () => import("./embed-DFjdhAuI.js"), "./renderers/feedback.tsx": () => import("./feedback-BDSuY82b.js"), "./renderers/figure.tsx": () => import("./figure-DCQvyct_.js"), "./renderers/footnote.tsx": () => import("./footnote-EqPCQBWN.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-CLSJPyA_.js"), "./renderers/graph.tsx": () => import("./graph-C6hIOAwD.js"), "./renderers/hint.tsx": () => import("./hint-5LodBIQj.js"), "./renderers/hr.tsx": () => import("./hr-C9sb2QsS.js"), "./renderers/image.tsx": () => import("./image-CVqPuME4.js"), "./renderers/label.tsx": () => import("./label-BH-b9r-w.js"), "./renderers/legend.tsx": () => import("./legend-Dmq310xU.js"), "./renderers/line.tsx": () => import("./line-BerJZTGH.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-BUtYPLbh.js"), "./renderers/list.tsx": () => import("./list-Ye_2Ltwm.js"), "./renderers/lq.tsx": () => import("./lq-BiqdUNus.js"), "./renderers/lsq.tsx": () => import("./lsq-DiKKUzSa.js"), "./renderers/math.tsx": () => import("./math-CIdkbUN1.js"), "./renderers/mathInput.tsx": () => import("./mathInput-BzRlJdzU.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-DDs7lvBh.js"), "./renderers/mdash.tsx": () => import("./mdash-6RQrvN6B.js"), "./renderers/nbsp.tsx": () => import("./nbsp-Bv8MOxpQ.js"), "./renderers/ndash.tsx": () => import("./ndash-9o2u4hWP.js"), "./renderers/number.tsx": () => import("./number-CkoP-Awu.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-B0YGzU6e.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-CMOVOQd6.js"), "./renderers/p.tsx": () => import("./p-Ds5IiZOP.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-2F08srE_.js"), "./renderers/pegboard.tsx": () => import("./pegboard-CJ7R1ORC.js"), "./renderers/point.tsx": () => import("./point-DWqkuQLD.js"), "./renderers/polygon.tsx": () => import("./polygon-DVaeOcPw.js"), "./renderers/polyline.tsx": () => import("./polyline-DQvHh8rj.js"), "./renderers/pre.tsx": () => import("./pre-C_MW5Olo.js"), "./renderers/prefigure.tsx": () => import("./prefigure-Ci1f1zUh.js"), "./renderers/pretzel.tsx": () => import("./pretzel-DVucy8kL.js"), "./renderers/q.tsx": () => import("./q-CNXXCBSX.js"), "./renderers/ray.tsx": () => import("./ray-DJJXgWjR.js"), "./renderers/ref.tsx": () => import("./ref-Cd36RrOw.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-C4leqEex.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-BMps4Bio.js"), "./renderers/row.tsx": () => import("./row-CbA-d6r0.js"), "./renderers/rq.tsx": () => import("./rq-DOr-Phc5.js"), "./renderers/rsq.tsx": () => import("./rsq-DIEK5RYn.js"), "./renderers/section.tsx": () => import("./section-DxVcSpPO.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-Dax2p65a.js"), "./renderers/slider.tsx": () => import("./slider-WcUbkagC.js"), "./renderers/solution.tsx": () => import("./solution-pYYqr4mI.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-BrvEPVkR.js"), "./renderers/sq.tsx": () => import("./sq-CsVdwQ0w.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-C7LSCImc.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-Dx4n5bYn.js"), "./renderers/table.tsx": () => import("./table-BCG2EBik.js"), "./renderers/tabular.tsx": () => import("./tabular-DEiey_kF.js"), "./renderers/tag.tsx": () => import("./tag-CfZ-K_y5.js"), "./renderers/text.tsx": () => import("./text-C6U0VcDc.js"), "./renderers/textInput.tsx": () => import("./textInput-CaAFDfjE.js"), "./renderers/vector.tsx": () => import("./vector-eEvp4DAc.js"), "./renderers/video.tsx": () => import("./video-B7wOIA1h.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
-};

package/validationState-CVwSJZpB.js

@@ -1,13 +0,0 @@
-function addValidationStateToShortDescription(validationState, shortDescription) {
-  if (validationState === "correct") {
-    shortDescription = (shortDescription ? shortDescription + " " : "") + "(Correct)";
-  } else if (validationState === "incorrect") {
-    shortDescription = (shortDescription ? shortDescription + " " : "") + "(Incorrect)";
-  } else if (validationState === "partialcorrect") {
-    shortDescription = (shortDescription ? shortDescription + " " : "") + "(Partially correct)";
-  }
-  return shortDescription;
-}
-export {
-  addValidationStateToShortDescription as a
-};