Merge branch '11.8' of https://github.com/PDFTron/webviewer-ui into 11.8

Author: bollain

.storybook/static/assets/fonts/webfonts/NotoSansArabic.ttf

@@ -1,7 +1,7 @@
 {
   "name": "webviewer-ui",
   "author": "Apryse Software Inc.",
-  "version": "11.9.0",
+  "version": "11.8.0",
   "description": "WebViewer UI built in React",
   "main": "src/index.js",
   "scripts": {
@@ -147,4 +147,4 @@
     "./src/**/*.{js,ts}": "eslint --fix",
     "./src/**/*.scss": "npm run lint:styles"
   }
-}
+}

package.json

@@ -10,7 +10,6 @@ import { panelNames } from 'src/constants/panel';
 import { PRESET_BUTTON_TYPES } from 'constants/customizationVariables';
 import DataElements from 'constants/dataElement';
 import { defaultFlyoutMap } from 'src/redux/modularComponents';
-import { getTranslatedText } from 'src/helpers/testTranslationHelper';
 
 export default {
   title: 'ModularComponents/ViewOnly',
@@ -185,12 +184,12 @@ ViewOnlyWhitelist.play = async ({ canvasElement }) => {
 
   // Annotate ribbon should not show header since no buttons are whitelisted
   const canvas = within(canvasElement);
-  await canvas.getByRole('button', { name: getTranslatedText('option.toolbarGroup.toolbarGroup-Annotate') }).click();
+  await canvas.getByRole('button', { name: 'Annotate' }).click();
   const headers = await canvas.findAllByRole('toolbar');
   expect(headers.length).toBe(1);
 
-  await canvas.getByRole('button', { name: getTranslatedText('option.toolbarGroup.toolbarGroup-Shapes') }).click();
-  await expect(await canvas.findByRole('button', { name: getTranslatedText('annotation.ellipse') })).toBeInTheDocument();
+  await canvas.getByRole('button', { name: 'Shapes' }).click();
+  await expect(await canvas.findByRole('button', { name: 'Ellipse' })).toBeInTheDocument();
 
   // should be able to update hotkeys whitelist
   window.instance.UI.updateViewOnlyShortcuts([window.instance.UI.Shortcuts.RECTANGLE]);