@concord-consortium/lara-interactive-api 1.9.3-pre.2 → 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;
-    updateHtmlFontFamily?: 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;
-    updateHtmlFontFamily?: boolean;
-    addBodyClass?: boolean;
+    updateFontFamilySelector?: string;
+    addBodyClasses?: boolean;
 }
 declare const useAccessibility: (props?: IUseAccessibilityProps | undefined) => IAccessibilitySettings;
 

package/index.js

@@ -5589,27 +5589,28 @@ exports.DefaultAccessibilitySettings = {
     fontFamilyForType: (0, accessibility_1.getFamilyForFontType)("normal"),
 };
 var useAccessibility = function (props) {
-    var _a = props || {}, updateHtmlFontSize = _a.updateHtmlFontSize, updateHtmlFontFamily = _a.updateHtmlFontFamily, 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);
-            if (updateHtmlFontSize || updateHtmlFontFamily) {
+            if (updateHtmlFontSize && (fontSize !== exports.DefaultAccessibilitySettings.fontSize)) {
                 var html = document.getElementsByTagName("html").item(0);
                 if (html) {
-                    if (updateHtmlFontSize && (fontSizeInPx !== exports.DefaultAccessibilitySettings.fontSizeInPx)) {
-                        html.style.fontSize = fontSizeInPx + "px";
-                    }
-                    if (updateHtmlFontFamily && (fontType !== exports.DefaultAccessibilitySettings.fontType)) {
-                        html.style.fontFamily = fontFamilyForType;
-                    }
+                    html.style.fontSize = fontSizeInPx + "px";
                 }
             }
-            if (addBodyClass) {
+            if (updateFontFamilySelector && (fontType !== exports.DefaultAccessibilitySettings.fontType)) {
+                var elements = document.querySelectorAll(updateFontFamilySelector);
+                elements.forEach(function (element) {
+                    element.style.fontFamily = fontFamilyForType_1;
+                });
+            }
+            if (addBodyClasses) {
                 var body = document.getElementsByTagName("body").item(0);
                 if (body) {
                     body.classList.add("font-size-" + normalizeClass(fontSize));

package/package.json

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