@concord-consortium/lara-interactive-api 1.9.3-pre.5 → 1.9.3-pre.7

package/hooks.d.ts

@@ -23,10 +23,9 @@ export interface IUseReportItemOptions<InteractiveState, AuthoredState> {
 export declare const useReportItem: <InteractiveState, AuthoredState>({ metadata, handler }: IUseReportItemOptions<InteractiveState, AuthoredState>) => void;
 export declare const DefaultAccessibilitySettings: IAccessibilitySettings;
 export interface IUseAccessibilityProps {
-    updateDOM?: {
-        enabled: boolean;
-        fontFamilySelector?: string;
-    };
+    updateHtmlFontSize?: boolean;
+    addBodyClass?: boolean;
+    fontFamilySelector?: string;
 }
 export declare const useAccessibility: (props?: IUseAccessibilityProps | undefined) => IAccessibilitySettings;
 export {};

package/index-bundle.d.ts

@@ -675,10 +675,9 @@ interface IUseReportItemOptions<InteractiveState, AuthoredState> {
 declare const useReportItem: <InteractiveState, AuthoredState>({ metadata, handler }: IUseReportItemOptions<InteractiveState, AuthoredState>) => void;
 declare const DefaultAccessibilitySettings: IAccessibilitySettings;
 interface IUseAccessibilityProps {
-    updateDOM?: {
-        enabled: boolean;
-        fontFamilySelector?: string;
-    };
+    updateHtmlFontSize?: boolean;
+    addBodyClass?: boolean;
+    fontFamilySelector?: string;
 }
 declare const useAccessibility: (props?: IUseAccessibilityProps | undefined) => IAccessibilitySettings;
 

package/index.js

@@ -5589,35 +5589,35 @@ exports.DefaultAccessibilitySettings = {
     fontFamilyForType: (0, accessibility_1.getFamilyForFontType)("normal"),
 };
 var useAccessibility = function (props) {
-    var updateDOM = (props || {}).updateDOM;
+    var _a = props || {}, updateHtmlFontSize = _a.updateHtmlFontSize, addBodyClass = _a.addBodyClass, fontFamilySelector = _a.fontFamilySelector;
     var initMessage = (0, exports.useInitMessage)();
-    var _a = (0, react_1.useState)(exports.DefaultAccessibilitySettings), accessibility = _a[0], setAccessibility = _a[1];
-    var normalizeClass = function (text) { return text.toLowerCase().replace(/\s/, "-"); };
+    var _b = (0, react_1.useState)(exports.DefaultAccessibilitySettings), accessibility = _b[0], setAccessibility = _b[1];
+    // text may be optional while font type setting is rolled out from staging to production through AP
+    var normalizeClass = function (text) { return (text || "").toLowerCase().replace(/\s/, "-"); };
     (0, react_1.useEffect)(function () {
         var _a;
         if (initMessage && initMessage.mode === "runtime") {
             var _accessibility = initMessage.accessibility || exports.DefaultAccessibilitySettings;
             var fontSize = _accessibility.fontSize, fontSizeInPx = _accessibility.fontSizeInPx, fontType = _accessibility.fontType, fontFamilyForType = _accessibility.fontFamilyForType;
             setAccessibility(_accessibility);
-            if (updateDOM) {
-                var fontFamilySelector = updateDOM.fontFamilySelector;
+            if (updateHtmlFontSize || addBodyClass || fontFamilySelector) {
                 var html = document.getElementsByTagName("html").item(0);
                 var body = document.getElementsByTagName("body").item(0);
-                if (html) {
+                if (updateHtmlFontSize && html && fontSizeInPx) {
                     html.style.fontSize = fontSizeInPx + "px";
                 }
-                if (body) {
+                if (addBodyClass && body) {
                     body.classList.add("font-size-" + normalizeClass(fontSize));
                     body.classList.add("font-type-" + normalizeClass(fontType));
                 }
-                if (fontFamilySelector) {
+                if (fontFamilySelector && fontFamilyForType) {
                     var style = document.createElement("style");
                     document.head.appendChild(style);
                     (_a = style.sheet) === null || _a === void 0 ? void 0 : _a.insertRule(fontFamilySelector + " { font-family: " + fontFamilyForType + "; }", 0);
                 }
             }
         }
-    }, [initMessage, updateDOM]);
+    }, [initMessage, updateHtmlFontSize, addBodyClass, fontFamilySelector]);
     return accessibility;
 };
 exports.useAccessibility = useAccessibility;

package/package.json

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