@concord-consortium/lara-interactive-api 1.9.3-pre.3 → 1.9.3-pre.4

package/hooks.d.ts

@@ -24,8 +24,8 @@ export declare const useReportItem: <InteractiveState, AuthoredState>({ metadata
 export declare const DefaultAccessibilitySettings: IAccessibilitySettings;
 export interface IUseAccessibilityProps {
     updateHtmlFontSize?: boolean;
-    updateBodyFontFamily?: boolean;
-    addBodyClass?: boolean;
+    updateFontFamilySelector?: string;
+    addBodyClasses?: boolean;
 }
 export declare const useAccessibility: (props?: IUseAccessibilityProps | undefined) => IAccessibilitySettings;
 export {};

package/index-bundle.d.ts

@@ -676,8 +676,8 @@ declare const useReportItem: <InteractiveState, AuthoredState>({ metadata, handl
 declare const DefaultAccessibilitySettings: IAccessibilitySettings;
 interface IUseAccessibilityProps {
     updateHtmlFontSize?: boolean;
-    updateBodyFontFamily?: boolean;
-    addBodyClass?: boolean;
+    updateFontFamilySelector?: string;
+    addBodyClasses?: boolean;
 }
 declare const useAccessibility: (props?: IUseAccessibilityProps | undefined) => IAccessibilitySettings;
 

package/index.js

@@ -5589,26 +5589,33 @@ exports.DefaultAccessibilitySettings = {
     fontFamilyForType: (0, accessibility_1.getFamilyForFontType)("normal"),
 };
 var useAccessibility = function (props) {
-    var _a = props || {}, updateHtmlFontSize = _a.updateHtmlFontSize, updateBodyFontFamily = _a.updateBodyFontFamily, addBodyClass = _a.addBodyClass;
+    var _a = props || {}, updateHtmlFontSize = _a.updateHtmlFontSize, updateFontFamilySelector = _a.updateFontFamilySelector, addBodyClasses = _a.addBodyClasses;
     var initMessage = (0, exports.useInitMessage)();
     var _b = (0, react_1.useState)(exports.DefaultAccessibilitySettings), accessibility = _b[0], setAccessibility = _b[1];
     var normalizeClass = function (text) { return text.toLowerCase().replace(/\s/, "-"); };
     (0, react_1.useEffect)(function () {
         if (initMessage && initMessage.mode === "runtime") {
             var _accessibility = initMessage.accessibility || exports.DefaultAccessibilitySettings;
-            var fontSize = _accessibility.fontSize, fontSizeInPx = _accessibility.fontSizeInPx, fontType = _accessibility.fontType, fontFamilyForType = _accessibility.fontFamilyForType;
+            var fontSize = _accessibility.fontSize, fontSizeInPx = _accessibility.fontSizeInPx, fontType = _accessibility.fontType, fontFamilyForType_1 = _accessibility.fontFamilyForType;
             setAccessibility(_accessibility);
-            var html = document.getElementsByTagName("html").item(0);
-            var body = document.getElementsByTagName("body").item(0);
-            if (updateHtmlFontSize && (fontSize !== exports.DefaultAccessibilitySettings.fontSize) && html) {
-                html.style.fontSize = fontSizeInPx + "px";
+            if (updateHtmlFontSize && (fontSize !== exports.DefaultAccessibilitySettings.fontSize)) {
+                var html = document.getElementsByTagName("html").item(0);
+                if (html) {
+                    html.style.fontSize = fontSizeInPx + "px";
+                }
             }
-            if (updateBodyFontFamily && (fontType !== exports.DefaultAccessibilitySettings.fontType) && body) {
-                body.style.fontFamily = fontFamilyForType;
+            if (updateFontFamilySelector && (fontType !== exports.DefaultAccessibilitySettings.fontType)) {
+                var elements = document.querySelectorAll(updateFontFamilySelector);
+                elements.forEach(function (element) {
+                    element.style.fontFamily = fontFamilyForType_1;
+                });
             }
-            if (addBodyClass && body) {
-                body.classList.add("font-size-" + normalizeClass(fontSize));
-                body.classList.add("font-type-" + normalizeClass(fontType));
+            if (addBodyClasses) {
+                var body = document.getElementsByTagName("body").item(0);
+                if (body) {
+                    body.classList.add("font-size-" + normalizeClass(fontSize));
+                    body.classList.add("font-type-" + normalizeClass(fontType));
+                }
             }
         }
     }, [initMessage, updateHtmlFontSize]);

package/package.json

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