[TGA-88] fix: Add item back to IPreviewComponentProps interface

`item` is passed into Editor component but not Preview component, keep similar interfaces between those two allows common functionality between preview and edit.
`item` is also used by preview components in extensions from both Belga and 360info

Author: MarkLark86

scripts/apps/authoring-react/article-widgets/versions-and-item-history/versions-tab.tsx

@@ -255,6 +255,7 @@ export class VersionsTab extends React.PureComponent<IProps, IState> {
                                                 text={gettext('Preview')}
                                                 onClick={() => {
                                                     previewAuthoringEntity(
+                                                        item,
                                                         contentProfile,
                                                         fieldsData,
                                                         gettext('version {{n}}', {n: item._current_version}),

scripts/apps/authoring-react/authoring-react.tsx

@@ -1257,6 +1257,7 @@ export class AuthoringReact<T extends IBaseRestApiResponse> extends React.PureCo
         const printPreviewAction = (() => {
             const execute = () => {
                 previewAuthoringEntity(
+                    state.itemWithChanges,
                     state.profile,
                     state.fieldsDataWithChanges,
                 );

scripts/apps/authoring-react/compare-articles/compare-articles.tsx

@@ -169,6 +169,7 @@ export class CompareAuthoringEntities<T> extends React.PureComponent<IProps<T>,
                                 primaryColumnShown && (
                                     <div style={scrollableColumnCss}>
                                         <PreviewAuthoringItem
+                                            item={entity1}
                                             profile={profile1}
                                             fieldsData={fieldsData1}
                                             fieldPadding={fieldPadding}
@@ -181,6 +182,7 @@ export class CompareAuthoringEntities<T> extends React.PureComponent<IProps<T>,
                                 secondaryColumnShown && (
                                     <div style={scrollableColumnCss}>
                                         <PreviewAuthoringItem
+                                            item={entity2}
                                             profile={profile2}
                                             fieldsData={fieldsData2}
                                             fieldPadding={fieldPadding}
@@ -197,6 +199,8 @@ export class CompareAuthoringEntities<T> extends React.PureComponent<IProps<T>,
                                             profile2={profile2}
                                             fieldsData1={fieldsData1}
                                             fieldsData2={fieldsData2}
+                                            item1={entity1}
+                                            item2={entity2}
                                             fieldPadding={fieldPadding}
                                         />
                                     </div>

scripts/apps/authoring-react/compare-articles/view-difference.tsx

@@ -11,6 +11,8 @@ interface IProps {
     profile2: IContentProfileV2;
     fieldsData1: Map<string, any>;
     fieldsData2: Map<string, any>;
+    item1: any;
+    item2: any;
     fieldPadding: number;
     gapBetweenFields?: IPropsSpacer['gap'];
 }
@@ -82,6 +84,7 @@ export class ViewDifference extends React.PureComponent<IProps> {
 
                                         <div>
                                             <FieldEditorConfig.previewComponent
+                                                item={this.props.item2}
                                                 value={fieldsData2.get(field.id)}
                                                 config={field.fieldConfig}
                                             />
@@ -104,6 +107,7 @@ export class ViewDifference extends React.PureComponent<IProps> {
 
                                     <div>
                                         <FieldEditorConfig.previewComponent
+                                            item={this.props.item2}
                                             value={fieldsData2.get(field.id)}
                                             config={field.fieldConfig}
                                         />
@@ -131,6 +135,7 @@ export class ViewDifference extends React.PureComponent<IProps> {
 
                                 <div>
                                     <FieldEditorConfig.previewComponent
+                                        item={this.props.item1}
                                         value={fieldsData1.get(field.id)}
                                         config={field.fieldConfig}
                                     />

scripts/apps/authoring-react/fields/dropdown/preview.tsx

@@ -17,27 +17,31 @@ export class Preview extends React.PureComponent<IProps> {
         case 'manual-entry':
             return (
                 <PreviewManualEntry
+                    item={this.props.item}
                     value={value}
                     config={config}
                 />
             );
         case 'vocabulary':
             return (
                 <PreviewVocabulary
+                    item={this.props.item}
                     value={value}
                     config={config}
                 />
             );
         case 'remote-source':
             return (
                 <PreviewRemoteSource
+                    item={this.props.item}
                     value={value}
                     config={config}
                 />
             );
         case 'dropdown-tree':
             return (
                 <PreviewDropdownTree
+                    item={this.props.item}
                     value={value}
                     config={config}
                 />

scripts/apps/authoring-react/preview-article-modal.tsx

@@ -6,6 +6,7 @@ import {Button} from 'superdesk-ui-framework/react';
 import {gettext} from 'core/utils';
 
 export function previewAuthoringEntity(
+    item: any,
     profile: IContentProfileV2,
     fieldsData: Immutable.Map<string, any>,
     label?: string,
@@ -44,6 +45,7 @@ export function previewAuthoringEntity(
             contentSections={[
                 <PreviewAuthoringItem
                     key="0"
+                    item={item}
                     profile={profile}
                     fieldsData={fieldsData}
                 />,

scripts/apps/authoring-react/preview-authoring-item.tsx

@@ -5,6 +5,7 @@ import {Spacer} from 'core/ui/components/Spacer';
 import {getField} from 'apps/fields';
 
 interface IProps {
+    item: any;
     profile: IContentProfileV2;
     fieldsData: Map<string, any>;
     fieldPadding?: number;
@@ -32,6 +33,7 @@ export class PreviewAuthoringItem extends React.PureComponent<IProps> {
 
                                 <div>
                                     <FieldEditorConfig.previewComponent
+                                        item={this.props.item}
                                         value={fieldsData.get(field.id)}
                                         config={field.fieldConfig}
                                     />

scripts/apps/authoring-react/toolbar/compare-article-versions.tsx

@@ -182,13 +182,15 @@ export class CompareArticleVersionsModal extends React.PureComponent<IProps, ISt
                         >
                             <td style={cellStyle}>
                                 <PreviewAuthoringItem
+                                    item={entity2}
                                     fieldsData={fieldsData2}
                                     profile={profile2}
                                     fieldPadding={ITEM_PADDING}
                                 />
                             </td>
                             <td style={cellStyle}>
                                 <PreviewAuthoringItem
+                                    item={entity1}
                                     fieldsData={fieldsData1}
                                     profile={profile1}
                                     fieldPadding={ITEM_PADDING}
@@ -201,6 +203,8 @@ export class CompareArticleVersionsModal extends React.PureComponent<IProps, ISt
                                     profile2={profile1}
                                     fieldsData1={fieldsData2}
                                     fieldsData2={fieldsData1}
+                                    item1={entity2}
+                                    item2={entity1}
                                     fieldPadding={ITEM_PADDING}
                                 />
                             </td>

scripts/apps/authoring/authoring/preview-custom-field.tsx

@@ -29,6 +29,7 @@ export class PreviewCustomField extends React.PureComponent<IProps> {
                     <FormLabel text={label} />
                 )}
                 <FieldType.previewComponent
+                    item={item}
                     value={value}
                     config={field.custom_field_config}
                 />

scripts/core/superdesk-api.d.ts

@@ -3374,6 +3374,7 @@ declare module 'superdesk-api' {
     }
 
     export interface IPreviewComponentProps<IValue, IConfig> {
+        item: any;
         value: IValue;
         config: IConfig;
     }