@doenet/doenetml-iframe 0.7.21-dev.361 → 0.7.21-dev.363

package/README.md

@@ -197,8 +197,9 @@ differ — a Spanish-speaking student may work a French physics problem.
   `documentLocale`, so a fully Spanish activity is fully Spanish without the
   host configuring anything.
 - `localeResources` — FTL message catalogs keyed by locale, for locales other
-  than English. English is bundled, so a host that only needs English passes
-  nothing. Nothing is translated yet, so there are no catalogs to supply today.
+  than the bundled ones. English and Spanish are bundled, so a host needing
+  only those passes nothing; a catalog supplied here wins over a bundled one
+  for the same locale, which is how a deployment corrects a translation.
 
 When a language is declared — by either route — the rendered container carries
 a matching `lang` attribute, so screen readers pronounce the content with the

package/index.js

@@ -39023,6 +39023,7 @@ function requireClassnames() {
 }
 var classnamesExports = requireClassnames();
 const classNames = /* @__PURE__ */ getDefaultExportFromCjs$1(classnamesExports);
+const untranslated = (key, _args, fallback) => fallback ?? key;
 const KeyboardIcon = () => /* @__PURE__ */ React__default.createElement(
   "svg",
   {
@@ -39040,9 +39041,13 @@ const KeyboardIcon = () => /* @__PURE__ */ React__default.createElement(
 );
 function KeyboardTray({
   onClick,
-  theme
+  theme,
+  translate
 }) {
   const [open, setOpen] = React__default.useState(false);
+  const t4 = translate ?? untranslated;
+  const openLabel = t4("keyboard-open", void 0, "Open Keyboard");
+  const closeLabel = t4("keyboard-close", void 0, "Close Keyboard");
   return createPortal(
     /* @__PURE__ */ React__default.createElement(
       "div",
@@ -39066,8 +39071,8 @@ function KeyboardTray({
         {
           className: "open-keyboard-button",
           onClick: () => setOpen((old) => !old),
-          title: open ? "Close Keyboard" : "Open Keyboard",
-          "aria-label": open ? "Close Keyboard" : "Open Keyboard"
+          title: open ? closeLabel : openLabel,
+          "aria-label": open ? closeLabel : openLabel
         },
         /* @__PURE__ */ React__default.createElement(KeyboardIcon, null)
       ),
@@ -39076,8 +39081,8 @@ function KeyboardTray({
         {
           className: "close-keyboard-button",
           onClick: () => setOpen(false),
-          title: "Close Keyboard",
-          "aria-label": "Close Keyboard"
+          title: closeLabel,
+          "aria-label": closeLabel
         },
         "×"
       ), /* @__PURE__ */ React__default.createElement(ManagedKeyboard, { onClick }))
@@ -65384,36 +65389,42 @@ function getActiveRegistration() {
   }
   return null;
 }
-function getTrayTheme() {
+function getTrayRegistration() {
   const activeRegistration = getActiveRegistration();
   if (activeRegistration) {
-    return activeRegistration.theme;
+    return activeRegistration;
   }
   const lastActiveRegistration = getRegistrationById(
     virtualKeyboardState.lastActiveRegistrationId
   );
   if (lastActiveRegistration) {
-    return lastActiveRegistration.theme;
+    return lastActiveRegistration;
   }
   const registrations = virtualKeyboardState.registrations;
-  return registrations[registrations.length - 1]?.theme;
+  return registrations[registrations.length - 1];
 }
 function rerenderTray() {
-  const theme = getTrayTheme();
+  const registration = getTrayRegistration();
+  const theme = registration?.theme;
+  const translate = registration?.translate;
   const trayEl = getTrayElement();
   if (trayEl) {
     const currentTheme = trayEl.getAttribute("data-theme") ?? void 0;
-    if (currentTheme === theme) {
+    if (currentTheme === theme && virtualKeyboardState.lastRenderedTranslate === translate) {
       return;
     }
   }
-  virtualKeyboardState.keyboardReactRoot?.render(renderTray(theme));
+  virtualKeyboardState.lastRenderedTranslate = translate;
+  virtualKeyboardState.keyboardReactRoot?.render(
+    renderTray(theme, translate)
+  );
 }
-function renderTray(theme) {
+function renderTray(theme, translate) {
   return /* @__PURE__ */ React__default.createElement(MathJaxContext, { config: mathjaxConfig, version: 4 }, /* @__PURE__ */ React__default.createElement(
     KeyboardTray,
     {
       theme,
+      translate,
       onClick: (e2) => {
         getActiveRegistration()?.onClick(e2);
       }
@@ -65423,6 +65434,7 @@ function renderTray(theme) {
 function UniqueKeyboardTray({
   onClick,
   theme,
+  translate,
   ownerRef
 }) {
   const [id2] = React__default.useState(() => {
@@ -65451,6 +65463,7 @@ function UniqueKeyboardTray({
       id: id2,
       onClick,
       theme,
+      translate,
       ownerRef
     });
     rerenderTray();
@@ -65494,10 +65507,11 @@ function UniqueKeyboardTray({
     if (registration) {
       registration.onClick = onClick;
       registration.theme = theme;
+      registration.translate = translate;
       registration.ownerRef = ownerRef;
       rerenderTray();
     }
-  }, [onClick, ownerRef, theme]);
+  }, [onClick, ownerRef, theme, translate]);
   return null;
 }
 function ExternalVirtualKeyboard({
@@ -65529,7 +65543,7 @@ function ExternalVirtualKeyboard({
     }
   );
 }
-const version = "0.7.21-dev.361";
+const version = "0.7.21-dev.363";
 const latestDoenetmlVersion = version;
 function subscribeToPinnedTheme() {
   return () => {