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

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,9 +5589,9 @@ 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 _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 () {
         var _a;
@@ -5599,14 +5599,13 @@ var useAccessibility = function (props) {
             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) {
                     html.style.fontSize = fontSizeInPx + "px";
                 }
-                if (body) {
+                if (addBodyClass && body) {
                     body.classList.add("font-size-" + normalizeClass(fontSize));
                     body.classList.add("font-type-" + normalizeClass(fontType));
                 }
@@ -5617,7 +5616,7 @@ var useAccessibility = function (props) {
                 }
             }
         }
-    }, [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.6",
   "description": "LARA Interactive API client and types",
   "main": "./index.js",
   "types": "./index-bundle.d.ts",