feat: use inputConfiguration.languageCharacters to determine if languageCharactersProps buttons should show up in toolbar PD-4065

Author: andreeapescar

packages/inline-dropdown/configure/src/inline-dropdown-toolbar.jsx

@@ -308,6 +308,8 @@ export class RespAreaToolbar extends React.Component {
       return null;
     }
 
+    const responseAreaPluginProps = getPluginProps(responseAreaInputConfiguration?.inputConfiguration, baseInputConfiguration);
+
     return (
       <div
         className={classes.responseContainer}
@@ -335,7 +337,7 @@ export class RespAreaToolbar extends React.Component {
             }}
             markup={respAreaMarkup}
             onKeyDown={this.onKeyDown}
-            languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}
+            languageCharactersProps={responseAreaPluginProps.languageCharacters?.disabled ? [] : [{ language: 'spanish' }, { language: 'special' }]}
             onChange={(respAreaMarkup) => {
               if (this.preventDone) {
                 return;
@@ -358,7 +360,7 @@ export class RespAreaToolbar extends React.Component {
               this.onBlur(e);
             }}
             placeholder="Add Choice"
-            pluginProps={getPluginProps(responseAreaInputConfiguration?.inputConfiguration, baseInputConfiguration)}
+            pluginProps={responseAreaPluginProps}
             spellCheck={spellCheck}
             uploadSoundSupport={uploadSoundSupport}
             mathMlOptions={mathMlOptions}

packages/pie-models/src/pie/ConfigurationProp.ts

@@ -79,6 +79,11 @@ export interface EditableHtmlConfigureProp {
    * Indicates if the h3 plugin is disabled or not
    */
   h3?: EditableHtmlButtonConfigure;
+
+  /**
+   * Indicates if the language characters plugins are disabled or not (overwrites configuration.language)
+   */
+  languageCharacters?: EditableHtmlButtonConfigure;
 }
 
 export interface EditableHtmlPluginConfigure extends ConfigureProp {