description_text field react

scripts/apps/authoring-react/data-layer.ts

@@ -7,6 +7,7 @@ import {
     ICommonFieldConfig,
     IAuthoringStorage,
     IFieldsAdapter,
+    IEditor3Config,
 } from 'superdesk-api';
 import ng from 'core/services/ng';
 import {httpRequestJsonLocal} from 'core/helpers/network';
@@ -22,6 +23,7 @@ import {sdApi} from 'api';
 import {getArticleAdapter} from './article-adapter';
 import {gettext} from 'core/utils';
 import {PACKAGE_ITEMS_FIELD_ID} from './fields/package-items';
+import {description_text, DESCRIPTION_TEXT_FIELD_ID} from './field-adapters/description_text';
 
 function getArticleContentProfile<T>(item: IArticle, fieldsAdapter: IFieldsAdapter<T>): Promise<IContentProfileV2> {
     interface IFakeScope {
@@ -67,6 +69,8 @@ function getArticleContentProfile<T>(item: IArticle, fieldsAdapter: IFieldsAdapt
 
                     return result;
                 })
+                .filter((t) => t.editorItem != null)
+                .map((t) => ({...t, editorItem: {...t.editorItem, section: 'content'}}))
                 .sort((a, b) => a.editorItem.order - b.editorItem.order);
 
         let headerFields: IFieldsV2 = OrderedMap<string, IAuthoringFieldV2>();
@@ -122,6 +126,14 @@ function getArticleContentProfile<T>(item: IArticle, fieldsAdapter: IFieldsAdapt
             }
         }
 
+        // TODO: write an upgrade script and remove hardcoding
+        // after angular based authoring is removed from the codebase
+        if (item.type === 'picture' || item.type === 'audio' || item.type === 'video') {
+            const description_field = description_text.getFieldV2(fakeScope.editor, fakeScope.schema);
+
+            contentFields = contentFields.set(description_field.id, description_field);
+        }
+
         const profile: IContentProfileV2 = {
             id: item.profile,
             name: 'test content profile',

scripts/apps/authoring-react/field-adapters/description_text.ts

@@ -0,0 +1,48 @@
+import {IArticle, IAuthoringFieldV2, IFieldAdapter, IEditor3Config} from 'superdesk-api';
+import {gettext} from 'core/utils';
+import {retrieveStoredValueEditor3Generic, storeEditor3ValueBase} from '.';
+
+export const DESCRIPTION_TEXT_FIELD_ID = 'description_text';
+
+export const description_text: IFieldAdapter<IArticle> = {
+    getFieldV2: (fieldEditor, fieldSchema) => {
+        const fieldConfig: IEditor3Config = {
+            editorFormat: [],
+            minLength: fieldSchema?.minlength,
+            maxLength: fieldSchema?.maxlength,
+            cleanPastedHtml: fieldEditor?.cleanPastedHTML,
+            singleLine: true,
+            disallowedCharacters: [],
+        };
+
+        const fieldV2: IAuthoringFieldV2 = {
+            id: DESCRIPTION_TEXT_FIELD_ID,
+            name: gettext('Description'),
+            fieldType: 'editor3',
+            fieldConfig,
+        };
+
+        return fieldV2;
+    },
+
+    retrieveStoredValue: (item: IArticle, authoringStorage) => retrieveStoredValueEditor3Generic(
+        DESCRIPTION_TEXT_FIELD_ID,
+        item,
+        authoringStorage,
+    ),
+
+    storeValue: (value, item, config) => {
+        const result = storeEditor3ValueBase(
+            DESCRIPTION_TEXT_FIELD_ID,
+            item,
+            value,
+            config,
+        );
+
+        const articleUpdated = {...result.article};
+
+        articleUpdated.description_text = result.stringValue;
+
+        return articleUpdated;
+    },
+};

scripts/apps/authoring-react/field-adapters/index.tsx

@@ -47,6 +47,7 @@ import {ContentState, convertToRaw, RawDraftContentState} from 'draft-js';
 import {computeEditor3Output} from './utilities/compute-editor3-output';
 import {package_items} from './package_items';
 import {LINKED_ITEMS_FIELD_TYPE} from '../fields/linked-items';
+import {description_text} from './description_text';
 
 export function getBaseFieldsAdapter(): IFieldsAdapter<IArticle> {
     const adapter: IFieldsAdapter<IArticle> = {
@@ -70,6 +71,7 @@ export function getBaseFieldsAdapter(): IFieldsAdapter<IArticle> {
         urgency: urgency,
         usageterms: usageterms,
         groups: package_items,
+        description_text: description_text,
     };
 
     return adapter;