Add language support to the OCR manager (#7465)

* add LanguageCodeMapper

* add ukrainian language to elastic search

* simplify languages support

* update languageSchema

* revert changes

* use legacy elastic mapping

* fix language code

* fix test case

* add other language to available languages array

* fix test errors

---------

Co-authored-by: Joan Gallego Girona <daneryl@gmail.com>

app/api/entities.v2/types/EntityInputDataSchema.ts

@@ -1,4 +1,4 @@
-import { availableLanguagesISO6391 } from 'shared/languagesList';
+import { ISO6391Codes } from 'shared/languagesList';
 
 const linkSchema = {
   type: 'object',
@@ -78,7 +78,7 @@ export const entityInputDataSchema = {
   properties: {
     _id: { type: 'string' },
     sharedId: { type: 'string', minLength: 1 },
-    language: { enum: availableLanguagesISO6391 },
+    language: { enum: ISO6391Codes },
     title: { type: 'string', minLength: 1 },
     template: { type: 'string' },
     metadata: metadataSchema,

app/react/Attachments/components/File.tsx

@@ -3,7 +3,7 @@ import { connect, ConnectedProps } from 'react-redux';
 import { bindActionCreators, Dispatch } from 'redux';
 import { Control } from 'react-redux-form';
 import { withContext } from 'app/componentWrappers';
-import { Translate, t } from 'app/I18N';
+import { t, Translate } from 'app/I18N';
 import { Icon } from 'UI';
 import { APIURL } from 'app/config.js';
 import { ClientBlobFile } from 'app/istore';
@@ -12,7 +12,7 @@ import { wrapDispatch } from 'app/Multireducer';
 import { TocGeneratedLabel } from 'app/ToggledFeatures/tocGeneration';
 import { NeedAuthorization } from 'app/Auth';
 import { LocalForm } from 'app/Forms/Form';
-import { language as transformLanguage, availableLanguages } from 'shared/languagesList';
+import { availableLanguages, getLanguageSchema } from 'shared/languagesList';
 import { isBlobFile } from 'shared/tsUtils';
 import { EntitySchema } from 'shared/types/entityType';
 import { FileType } from 'shared/types/fileType';
@@ -100,11 +100,12 @@ class File extends Component<FileOwnProps, FileState> {
   renderReady() {
     const { language, filename = '' } = this.props.file;
     const { readonly } = this.props;
+
     return (
       <div>
         <div>
           <span className="badge">
-            <Translate>{language ? transformLanguage(language) || '' : ''}</Translate>
+            <Translate>{language ? getLanguageSchema(language)?.label || '' : ''}</Translate>
           </span>
           <TocGeneratedLabel file={this.props.file}>
             <Translate>ML TOC</Translate>
@@ -196,6 +197,7 @@ class File extends Component<FileOwnProps, FileState> {
                   {language.localized_label} ({language.label})
                 </option>
               ))}
+
               <option value="other">{t('System', 'other', 'other', false)}</option>
             </Control.select>
           </div>

app/react/Attachments/components/specs/File.spec.tsx

@@ -39,7 +39,7 @@ describe('file', () => {
     expect(title).toBe('Human_name_1.pdf');
 
     const language = component.find('.badge').find(Translate).props().children;
-    expect(language).toBe('english');
+    expect(language).toBe('English');
   });
 
   describe('read only', () => {