@concord-consortium/lara-interactive-api 1.9.1 → 1.9.2-pre.1

package/hooks.d.ts

@@ -24,5 +24,6 @@ export declare const useReportItem: <InteractiveState, AuthoredState>({ metadata
 export declare const DefaultAccessibilitySettings: IAccessibilitySettings;
 export declare const useAccessibility: (props?: {
     updateHtmlFontSize?: boolean | undefined;
+    addBodyClass?: boolean | undefined;
 } | undefined) => IAccessibilitySettings;
 export {};

package/index-bundle.d.ts

@@ -652,6 +652,7 @@ declare const useReportItem: <InteractiveState, AuthoredState>({ metadata, handl
 declare const DefaultAccessibilitySettings: IAccessibilitySettings;
 declare const useAccessibility: (props?: {
     updateHtmlFontSize?: boolean | undefined;
+    addBodyClass?: boolean | undefined;
 } | undefined) => IAccessibilitySettings;
 
 declare type ManagedStateEvent = "interactiveStateUpdated" | "globalInteractiveStateUpdated" | "authoredStateUpdated" | "initInteractive";

package/index.js

@@ -5067,13 +5067,13 @@ exports.DefaultAccessibilitySettings = {
     fontSizeInPx: 16
 };
 var useAccessibility = function (props) {
-    var updateHtmlFontSize = (props || {}).updateHtmlFontSize;
+    var _a = props || {}, updateHtmlFontSize = _a.updateHtmlFontSize, addBodyClass = _a.addBodyClass;
     var initMessage = (0, exports.useInitMessage)();
-    var _a = (0, react_1.useState)(exports.DefaultAccessibilitySettings), accessibility = _a[0], setAccessibility = _a[1];
+    var _b = (0, react_1.useState)(exports.DefaultAccessibilitySettings), accessibility = _b[0], setAccessibility = _b[1];
     (0, react_1.useEffect)(function () {
         if (initMessage && initMessage.mode === "runtime") {
             var _accessibility = initMessage.accessibility || exports.DefaultAccessibilitySettings;
-            var fontSizeInPx = _accessibility.fontSizeInPx;
+            var fontSize = _accessibility.fontSize, fontSizeInPx = _accessibility.fontSizeInPx;
             setAccessibility(_accessibility);
             if (updateHtmlFontSize && (fontSizeInPx !== exports.DefaultAccessibilitySettings.fontSizeInPx)) {
                 var html = document.getElementsByTagName("html").item(0);
@@ -5081,6 +5081,12 @@ var useAccessibility = function (props) {
                     html.style.fontSize = fontSizeInPx + "px";
                 }
             }
+            if (addBodyClass) {
+                var body = document.getElementsByTagName("body").item(0);
+                if (body) {
+                    body.classList.add("font-size-" + fontSize.toLowerCase().replace(/\s/, "-"));
+                }
+            }
         }
     }, [initMessage, updateHtmlFontSize]);
     return accessibility;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@concord-consortium/lara-interactive-api",
-  "version": "1.9.1",
+  "version": "1.9.2-pre.1",
   "description": "LARA Interactive API client and types",
   "main": "./index.js",
   "types": "./index-bundle.d.ts",