@sap/open.fe 1.94.0

package/packages/sap.fe.core/src/sap/fe/core/converters/templates/ListReportConverter.js

@@ -0,0 +1,5 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
+ */
+sap.ui.define(["../ManifestSettings","../controls/Common/DataVisualization","../helpers/ID","sap/fe/core/converters/controls/Common/Action","sap/fe/core/converters/helpers/ConfigurableObject","sap/fe/core/helpers/BindingExpression","../controls/Common/KPI","sap/fe/core/converters/controls/ListReport/FilterBar"],function(M,D,I,A,C,B,K,a){"use strict";var _={};var g=a.getFilterBarhideBasicSearch;var b=a.getManifestFilterFields;var c=a.getSelectionFields;var d=K.getKPIDefinitions;var f=B.compileBinding;var h=B.annotationExpression;var j=C.insertCustomElements;var k=A.getActionsFromManifest;var T=I.TableID;var l=I.FilterVariantManagementID;var m=I.FilterBarID;var p=I.CustomTabID;var q=D.isSelectionPresentationCompliant;var r=D.getSelectionVariant;var s=D.isPresentationCompliant;var t=D.getSelectionPresentationVariant;var u=D.getDefaultPresentationVariant;var v=D.getDefaultLineItem;var w=D.getDefaultChart;var x=D.getDataVisualizationConfiguration;var y=M.TemplateType;var V=M.VisualizationType;function z(o,n){var U=typeof Symbol!=="undefined"&&o[Symbol.iterator]||o["@@iterator"];if(!U){if(Array.isArray(o)||(U=E(o))||n&&o&&typeof o.length==="number"){if(U)o=U;var i=0;var F=function(){};return{s:F,n:function(){if(i>=o.length)return{done:true};return{done:false,value:o[i++]};},e:function(e){throw e;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var W=true,X=false,Y;return{s:function(){U=U.call(o);},n:function(){var e=U.next();W=e.done;return e;},e:function(e){X=true;Y=e;},f:function(){try{if(!W&&U.return!=null)U.return();}finally{if(X)throw Y;}}};}function E(o,e){if(!o)return;if(typeof o==="string")return G(o,e);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return G(o,e);}function G(e,n){if(n==null||n>e.length)n=e.length;for(var i=0,o=new Array(n);i<n;i++){o[i]=e[i];}return o;}function H(e){var i=[];e.forEach(function(n){if(!n.type){var o=n.secondaryVisualization?n.secondaryVisualization.visualizations:n.presentation.visualizations;o.forEach(function(F){if(F.type===V.Table){i.push(F);}});}});return i;}var J=function(e){var i={};for(var n in e){var o,F,U;if((o=e[n])!==null&&o!==void 0&&(F=o.settings)!==null&&F!==void 0&&(U=F.defaultValues)!==null&&U!==void 0&&U.length){var W,X;i[n]=(W=e[n])===null||W===void 0?void 0:(X=W.settings)===null||X===void 0?void 0:X.defaultValues;}}return i;};function L(e,i,n){var o=i.getManifestWrapper().getDefaultTemplateAnnotationPath();var F=t(e,o,i);if(o&&F){var U=F.PresentationVariant;if(!U){throw new Error("Presentation Variant is not configured in the SPV mentioned in the manifest");}var W=s(F.PresentationVariant);if(!W){return undefined;}if(q(F,n)){return F;}}if(F){if(q(F,n)){return F;}}var X=u(e);if(X){if(s(X,n)){return X;}}if(!n){var Y=v(e);if(Y){return Y;}}return undefined;}var N=function(e){var i=e;if(i.converterContext){var n,o;var F=i.converterContext;i=i;var U=x(i.annotation?F.getRelativeAnnotationPath(i.annotation.fullyQualifiedName,F.getEntityType()):"",true,F,i);var W="";var X="";var Y="";var Z="";var $=function(i){return i.key!==undefined;};var a1=function(U,o1){var p1;var q1=z(U.visualizations),r1;try{for(q1.s();!(r1=q1.n()).done;){var s1=r1.value;if(o1&&s1.type===V.Chart){p1=s1;break;}if(!o1&&s1.type===V.Table){p1=s1;break;}}}catch(t1){q1.e(t1);}finally{q1.f();}var u1=Object.assign({},U);if(p1){u1.visualizations=[p1];}return u1;};var b1=function(o1){var i1=F.getEntityTypeAnnotation(o1.annotationPath);var p1=i1.annotation;F=i1.converterContext;var q1=p1;U=x(q1?F.getRelativeAnnotationPath(q1.fullyQualifiedName,F.getEntityType()):"",true,F,i);return U;};var c1=function(o1,p1){var q1=a1(o1[0],true);X=(q1===null||q1===void 0?void 0:q1.visualizations[0]).id;var r1=a1(o1[1]?o1[1]:o1[0]);W=(r1===null||r1===void 0?void 0:r1.visualizations[0]).annotation.id;if(q1&&r1){var d1={primaryVisualization:q1,secondaryVisualization:r1,tableControlId:W,chartControlId:X,defaultPath:p1};return d1;}};if(((n=U)===null||n===void 0?void 0:(o=n.visualizations)===null||o===void 0?void 0:o.length)===2&&F.getTemplateType()===y.AnalyticalListPage){var d1=c1([U],"both");if(d1){return d1;}}else if(F.getManifestWrapper().hasMultipleVisualizations(i)||F.getTemplateType()===y.AnalyticalListPage){var e1=i,f1=e1.primary,g1=e1.secondary;if(f1&&f1.length&&g1&&g1.length){var h1=c1([b1(f1[0]),b1(g1[0])],i.defaultPath);if(h1){return h1;}}else{throw new Error("SecondaryItems in the Views is not present");}}else if($(i)){var i1=F.getEntityTypeAnnotation(i.annotationPath);var j1=i1.annotation;F=i1.converterContext;Y=f(h(j1.Text));U.visualizations.forEach(function(o1,p1){switch(o1.type){case V.Table:var q1=U.visualizations[p1];var r1=q1.control.filters||{};r1.hiddenFilters=r1.hiddenFilters||{paths:[]};if(!i.keepPreviousPresonalization){q1.annotation.id=T(i.key||"","LineItem");}i=i;if(i&&i.annotation&&i.annotation.term==="com.sap.vocabularies.UI.v1.SelectionPresentationVariant"){Z=i.annotation.SelectionVariant.fullyQualifiedName.split("@")[1];}else{Z=i.annotationPath;}r1.hiddenFilters.paths.push({annotationPath:Z});q1.control.filters=r1;break;case V.Chart:break;default:break;}});}U.visualizations.forEach(function(o1){if(o1.type===V.Table){W=o1.annotation.id;}else if(o1.type===V.Chart){X=o1.id;}});return{presentation:U,tableControlId:W,chartControlId:X,title:Y,selectionVariantPath:Z};}else{i=i;var k1=i.label,l1=i.template,m1=i.type,n1=p(i.key||"");return{title:k1,fragment:l1,type:m1,customTabId:n1};}};var O=function(e,i){var n=[];if(i){i.paths.forEach(function(F){if(e.getManifestWrapper().hasMultipleVisualizations(F)){if(i.paths.length>1){throw new Error("ALP flavor cannot have multiple views");}else{F=F;n.push({converterContext:e,primary:F.primary,secondary:F.secondary,defaultPath:F.defaultPath});}}else if(F.template){F=F;n.push({key:F.key,label:F.label,template:F.template,type:"Custom"});}else{F=F;var U=e.getManifestWrapper(),W=e.getConverterContextFor(F.contextPath||F.entitySet&&"/"+F.entitySet||e.getContextPath()),o=W.getEntityType();if(o&&W){var X=U.getDefaultTemplateAnnotationPath();var Y;var Z=W.getEntityTypeAnnotation(F.annotationPath);var $=Z.annotation;e=Z.converterContext;if($){if($.term==="com.sap.vocabularies.UI.v1.SelectionVariant"){if(X){Y=t(W.getEntityType(),X,e);}else{Y=v(W.getEntityType());}}else{Y=$;}n.push({converterContext:W,annotation:Y,annotationPath:F.annotationPath,keepPreviousPresonalization:F.keepPreviousPresonalization,key:F.key});}}else{}}});}else{var o=e.getEntityType();if(e.getTemplateType()===y.AnalyticalListPage){n=P(e,n);}else{n.push({annotation:L(o,e,false),converterContext:e});}}return n.map(function(F){return N(F);});};function P(e,i){var n=e.getEntityType();var o=L(n,e,true);var F,U;if(o){i.push({annotation:o,converterContext:e});}else{F=w(n);U=v(n);if(F&&U){var W=[{annotationPath:F.term}];var X=[{annotationPath:U.term}];i.push({converterContext:e,primary:W,secondary:X,defaultPath:"both"});}}return i;}var Q=function(e){var i=e.getManifestWrapper();return j([],k(i.getHeaderActions(),e));};_.getHeaderActions=Q;var R=function(e){var i=e.getEntityType();var n=e.getContextPath();if(!n){throw new Error("An EntitySet is required to be able to display a ListReport, please adjust your `entitySet` property to point to one.");}var o=e.getManifestWrapper();var F=o.getViewConfiguration();var U=o.hasMultipleEntitySets();var W=O(e,F);var X=F?(F===null||F===void 0?void 0:F.showCounts)||U:undefined;var Y=H(W);var Z=Y.some(function(p1){return p1.control.type==="ResponsiveTable";});var $="";var a1="";var b1=m(n);var c1=l(b1);var d1=[b1].concat(Y.map(function(p1){return p1.annotation.id;}));var e1=o.getFilterConfiguration();var f1=(e1===null||e1===void 0?void 0:e1.initialLayout)!==undefined?e1===null||e1===void 0?void 0:e1.initialLayout.toLowerCase():"compact";var g1=(e1===null||e1===void 0?void 0:e1.layout)!==undefined?e1===null||e1===void 0?void 0:e1.layout.toLowerCase():"compact";var h1=e1.useSemanticDateRange!==undefined?e1.useSemanticDateRange:true;var i1=S(e,W);if(i1){a1=i1.chartId;$=i1.tableId;}var j1=c(e,Y);var k1=g(Y,e);var l1=r(i,e);var m1=h1?J(b(i,e)):{};var n1=Q(e);var o1=o.hasMultipleVisualizations()||e.getTemplateType()===y.AnalyticalListPage;return{mainEntitySet:n,mainEntityType:n+"/",singleTableId:$,singleChartId:a1,showTabCounts:X,headerActions:n1,showPinnableToggle:Z,filterBar:{selectionFields:j1,hideBasicSearch:k1},views:W,filterBarId:b1,filterConditions:{selectionVariant:l1,defaultSemanticDates:m1},variantManagement:{id:c1,targetControlIds:d1.join(",")},isMultiEntitySets:U,hasMultiVisualizations:o1,useSemanticDateRange:h1,filterInitialLayout:f1,filterLayout:g1,kpiDefinitions:d(e)};};_.convertPage=R;function S(e,i){var n="",o="";if(e.getManifestWrapper().hasMultipleVisualizations()||e.getTemplateType()===y.AnalyticalListPage){var F=z(i),U;try{for(F.s();!(U=F.n()).done;){var W=U.value;W=W;if(W.chartControlId&&W.tableControlId){o=W.chartControlId;n=W.tableControlId;break;}}}catch(X){F.e(X);}finally{F.f();}}else{n=i[0].tableControlId;}if(n||o){return{chartId:o,tableId:n};}return undefined;}return _;},false);

package/packages/sap.fe.core/src/sap/fe/core/converters/templates/ListReportConverter.ts

@@ -0,0 +1,601 @@
+import {
+	MultipleViewsConfiguration,
+	ViewPathConfiguration,
+	SingleViewPathConfiguration,
+	VisualizationType,
+	TemplateType,
+	CombinedViewPathConfiguration,
+	CustomViewTemplateConfiguration
+} from "../ManifestSettings";
+import { EntityType } from "@sap-ux/annotation-converter";
+import {
+	DataVisualizationAnnotations,
+	DataVisualizationDefinition,
+	getDataVisualizationConfiguration,
+	getDefaultChart,
+	getDefaultLineItem,
+	getDefaultPresentationVariant,
+	getSelectionPresentationVariant,
+	isPresentationCompliant,
+	getSelectionVariant,
+	isSelectionPresentationCompliant
+} from "../controls/Common/DataVisualization";
+import {
+	LineItem,
+	PresentationVariantTypeTypes,
+	SelectionPresentationVariantTypeTypes,
+	SelectionVariantTypeTypes
+} from "@sap-ux/vocabularies-types/dist/generated/UI";
+import { UIAnnotationTerms } from "@sap-ux/vocabularies-types";
+import { CustomTabID, FilterBarID, FilterVariantManagementID, TableID } from "../helpers/ID";
+import { TableVisualization } from "sap/fe/core/converters/controls/Common/Table";
+import { ChartVisualization } from "sap/fe/core/converters/controls/Common/Chart";
+import { BaseAction, getActionsFromManifest } from "sap/fe/core/converters/controls/Common/Action";
+import { ConfigurableObject, insertCustomElements } from "sap/fe/core/converters/helpers/ConfigurableObject";
+import { annotationExpression, compileBinding } from "sap/fe/core/helpers/BindingExpression";
+import ConverterContext from "sap/fe/core/converters/ConverterContext";
+import { KPIDefinition, getKPIDefinitions } from "../controls/Common/KPI";
+import {
+	getSelectionFields,
+	getManifestFilterFields,
+	getFilterBarhideBasicSearch,
+	FilterField,
+	CustomElementFilterField
+} from "sap/fe/core/converters/controls/ListReport/FilterBar";
+
+type ViewAnnotationsTypeTypes = SelectionPresentationVariantTypeTypes | SelectionVariantTypeTypes;
+type VariantManagementDefinition = {
+	id: string;
+	targetControlIds: string;
+};
+
+type MultipleViewConfiguration = ViewPathConfiguration & {
+	annotation?: DataVisualizationAnnotations;
+};
+
+type SingleViewConfiguration = {
+	annotation?: DataVisualizationAnnotations;
+};
+
+type CustomViewConfiguration = CustomViewTemplateConfiguration & {
+	type: string;
+};
+
+type ViewConfiguration = MultipleViewConfiguration | SingleViewConfiguration | CustomViewConfiguration;
+type ViewAnnotationConfiguration = MultipleViewConfiguration | SingleViewConfiguration;
+
+type ViewConverterSettings = ViewConfiguration & {
+	converterContext?: ConverterContext;
+};
+
+type DefaultSemanticDate = ConfigurableObject & {
+	operator: string;
+};
+
+export type ListReportDefinition = {
+	mainEntitySet: string;
+	mainEntityType: string; // entityType> at the start of LR templating
+	singleTableId?: string; // only with single Table mode
+	singleChartId?: string; // only with single Table mode
+	showTabCounts?: boolean; // only with multi Table mode
+	headerActions: BaseAction[];
+	showPinnableToggle?: boolean;
+	filterBar: {
+		selectionFields: FilterField[];
+		hideBasicSearch: boolean;
+	};
+	views: ListReportViewDefinition[];
+	filterConditions: object;
+	isMultiEntitySets: boolean;
+	filterBarId: string;
+	variantManagement: VariantManagementDefinition;
+	hasMultiVisualizations: boolean;
+	useSemanticDateRange?: boolean;
+	filterInitialLayout?: string;
+	filterLayout?: string;
+	kpiDefinitions: KPIDefinition[];
+};
+
+export type ListReportViewDefinition = SingleViewDefinition | CustomViewDefinition | CombinedViewDefinition;
+
+export type CombinedViewDefinition = {
+	selectionVariantPath?: string; // only with on multi Table mode
+	title?: string; // only with multi Table mode
+	primaryVisualization: DataVisualizationDefinition;
+	secondaryVisualization: DataVisualizationDefinition;
+	tableControlId: string;
+	chartControlId: string;
+	defaultPath?: string;
+};
+
+export type CustomViewDefinition = {
+	title?: string; // only with multi Table mode
+	fragment: string;
+	type: string;
+	customTabId: string;
+};
+
+export type SingleViewDefinition = {
+	selectionVariantPath?: string; // only with on multi Table mode
+	title?: string; // only with multi Table mode
+	presentation: DataVisualizationDefinition;
+	tableControlId: string;
+};
+
+type ContentAreaID = {
+	chartId: string;
+	tableId: string;
+};
+
+/**
+ * Retrieves all list report tables.
+ * @param {ListReportViewDefinition[]} views The list report views configured in the manifest
+ * @returns {TableVisualization[]} The list report table
+ */
+function getTableVisualizations(views: ListReportViewDefinition[]): TableVisualization[] {
+	const tables: TableVisualization[] = [];
+	views.forEach(function(view) {
+		if (!(view as CustomViewDefinition).type) {
+			const visualizations = (view as CombinedViewDefinition).secondaryVisualization
+				? (view as CombinedViewDefinition).secondaryVisualization.visualizations
+				: (view as SingleViewDefinition).presentation.visualizations;
+
+			visualizations.forEach(function(visualization) {
+				if (visualization.type === VisualizationType.Table) {
+					tables.push(visualization);
+				}
+			});
+		}
+	});
+	return tables;
+}
+
+const getDefaultSemanticDates = function(filterFields: Record<string, CustomElementFilterField>): Record<string, DefaultSemanticDate> {
+	const defaultSemanticDates: any = {};
+	for (const filterField in filterFields) {
+		if (filterFields[filterField]?.settings?.defaultValues?.length) {
+			defaultSemanticDates[filterField] = filterFields[filterField]?.settings?.defaultValues;
+		}
+	}
+	return defaultSemanticDates;
+};
+
+/**
+ * Find a visualization annotation that can be used for rendering the list report.
+ *
+ * @param {EntityType} entityType The current EntityType
+ * @param converterContext
+ * @param bIsALP
+ * @returns {LineItem | PresentationVariantTypeTypes | undefined} A compliant annotation for rendering the list report
+ */
+function getCompliantVisualizationAnnotation(
+	entityType: EntityType,
+	converterContext: ConverterContext,
+	bIsALP: Boolean
+): LineItem | PresentationVariantTypeTypes | SelectionPresentationVariantTypeTypes | undefined {
+	const annotationPath = converterContext.getManifestWrapper().getDefaultTemplateAnnotationPath();
+	const selectionPresentationVariant = getSelectionPresentationVariant(entityType, annotationPath, converterContext);
+	if (annotationPath && selectionPresentationVariant) {
+		const presentationVariant = selectionPresentationVariant.PresentationVariant;
+		if (!presentationVariant) {
+			throw new Error("Presentation Variant is not configured in the SPV mentioned in the manifest");
+		}
+		const bPVComplaint = isPresentationCompliant(selectionPresentationVariant.PresentationVariant);
+		if (!bPVComplaint) {
+			return undefined;
+		}
+		if (isSelectionPresentationCompliant(selectionPresentationVariant, bIsALP)) {
+			return selectionPresentationVariant;
+		}
+	}
+	if (selectionPresentationVariant) {
+		if (isSelectionPresentationCompliant(selectionPresentationVariant, bIsALP)) {
+			return selectionPresentationVariant;
+		}
+	}
+	const presentationVariant = getDefaultPresentationVariant(entityType);
+	if (presentationVariant) {
+		if (isPresentationCompliant(presentationVariant, bIsALP)) {
+			return presentationVariant;
+		}
+	}
+	if (!bIsALP) {
+		const defaultLineItem = getDefaultLineItem(entityType);
+		if (defaultLineItem) {
+			return defaultLineItem;
+		}
+	}
+	return undefined;
+}
+
+const getView = function(viewConverterConfiguration: ViewConverterSettings): ListReportViewDefinition {
+	let config = viewConverterConfiguration;
+	if (config.converterContext) {
+		let converterContext = config.converterContext;
+		config = config as ViewAnnotationConfiguration;
+		let presentation: DataVisualizationDefinition = getDataVisualizationConfiguration(
+			config.annotation
+				? converterContext.getRelativeAnnotationPath(config.annotation.fullyQualifiedName, converterContext.getEntityType())
+				: "",
+			true,
+			converterContext,
+			config as ViewPathConfiguration
+		);
+		let tableControlId = "";
+		let chartControlId = "";
+		let title: string | undefined = "";
+		let selectionVariantPath = "";
+		const isMultipleViewConfiguration = function(config: ViewConfiguration): config is MultipleViewConfiguration {
+			return (config as MultipleViewConfiguration).key !== undefined;
+		};
+		const createVisualization = function(presentation: DataVisualizationDefinition, isPrimary?: boolean) {
+			let defaultVisualization;
+			for (const visualization of presentation.visualizations) {
+				if (isPrimary && visualization.type === VisualizationType.Chart) {
+					defaultVisualization = visualization;
+					break;
+				}
+				if (!isPrimary && visualization.type === VisualizationType.Table) {
+					defaultVisualization = visualization;
+					break;
+				}
+			}
+			const presentationCreated = Object.assign({}, presentation);
+			if (defaultVisualization) {
+				presentationCreated.visualizations = [defaultVisualization];
+			}
+			return presentationCreated;
+		};
+		const getPresentation = function(item: SingleViewPathConfiguration) {
+			const resolvedTarget = converterContext.getEntityTypeAnnotation(item.annotationPath);
+			const targetAnnotation = resolvedTarget.annotation as DataVisualizationAnnotations;
+			converterContext = resolvedTarget.converterContext;
+			const annotation = targetAnnotation;
+			presentation = getDataVisualizationConfiguration(
+				annotation
+					? converterContext.getRelativeAnnotationPath(annotation.fullyQualifiedName, converterContext.getEntityType())
+					: "",
+				true,
+				converterContext,
+				config as ViewPathConfiguration
+			);
+			return presentation;
+		};
+		const createAlpView = function(
+			presentations: DataVisualizationDefinition[],
+			defaultPath: "both" | "primary" | "secondary" | undefined
+		) {
+			const primaryVisualization: DataVisualizationDefinition | undefined = createVisualization(presentations[0], true);
+			chartControlId = (primaryVisualization?.visualizations[0] as ChartVisualization).id;
+			const secondaryVisualization: DataVisualizationDefinition | undefined = createVisualization(
+				presentations[1] ? presentations[1] : presentations[0]
+			);
+			tableControlId = (secondaryVisualization?.visualizations[0] as TableVisualization).annotation.id;
+			if (primaryVisualization && secondaryVisualization) {
+				const view: CombinedViewDefinition = {
+					primaryVisualization,
+					secondaryVisualization,
+					tableControlId,
+					chartControlId,
+					defaultPath
+				};
+				return view;
+			}
+		};
+		if (presentation?.visualizations?.length === 2 && converterContext.getTemplateType() === TemplateType.AnalyticalListPage) {
+			const view: CombinedViewDefinition | undefined = createAlpView([presentation], "both");
+			if (view) {
+				return view;
+			}
+		} else if (
+			converterContext.getManifestWrapper().hasMultipleVisualizations(config as ViewPathConfiguration) ||
+			converterContext.getTemplateType() === TemplateType.AnalyticalListPage
+		) {
+			const { primary, secondary } = config as CombinedViewPathConfiguration;
+			if (primary && primary.length && secondary && secondary.length) {
+				const view: CombinedViewDefinition | undefined = createAlpView(
+					[getPresentation(primary[0]), getPresentation(secondary[0])],
+					(config as CombinedViewPathConfiguration).defaultPath
+				);
+				if (view) {
+					return view;
+				}
+			} else {
+				throw new Error("SecondaryItems in the Views is not present");
+			}
+		} else if (isMultipleViewConfiguration(config)) {
+			// key exists only on multi tables mode
+			const resolvedTarget = converterContext.getEntityTypeAnnotation((config as SingleViewPathConfiguration).annotationPath);
+			const viewAnnotation: ViewAnnotationsTypeTypes = resolvedTarget.annotation as ViewAnnotationsTypeTypes;
+			converterContext = resolvedTarget.converterContext;
+			title = compileBinding(annotationExpression(viewAnnotation.Text));
+			// Need to loop on table into views since multi table mode get specific configuration (hidden filters or Table Id)
+			presentation.visualizations.forEach((visualizationDefinition, index) => {
+				switch (visualizationDefinition.type) {
+					case VisualizationType.Table:
+						const tableVisualization = presentation.visualizations[index] as TableVisualization;
+						const filters = tableVisualization.control.filters || {};
+						filters.hiddenFilters = filters.hiddenFilters || { paths: [] };
+						if (!(config as SingleViewPathConfiguration).keepPreviousPresonalization) {
+							// Need to override Table Id to match with Tab Key (currently only table is managed in multiple view mode)
+							tableVisualization.annotation.id = TableID((config as SingleViewPathConfiguration).key || "", "LineItem");
+						}
+						config = config as ViewAnnotationConfiguration;
+						if (config && config.annotation && config.annotation.term === UIAnnotationTerms.SelectionPresentationVariant) {
+							selectionVariantPath = (config.annotation as SelectionPresentationVariantTypeTypes).SelectionVariant.fullyQualifiedName.split(
+								"@"
+							)[1];
+						} else {
+							selectionVariantPath = (config as SingleViewPathConfiguration).annotationPath;
+						}
+						//Provide Selection Variant to hiddenFilters in order to set the SV filters to the table.
+						//MDC Table overrides binding Filter and from SAP FE the only method where we are able to add
+						//additional filter is 'rebindTable' into Table delegate.
+						//To avoid implementing specific LR feature to SAP FE Macro Table, the filter(s) related to the Tab (multi table mode)
+						//can be passed to macro table via parameter/context named filters and key hiddenFilters.
+						filters.hiddenFilters.paths.push({ annotationPath: selectionVariantPath });
+						tableVisualization.control.filters = filters;
+						break;
+					case VisualizationType.Chart:
+						// Not currently managed
+						break;
+					default:
+						break;
+				}
+			});
+		}
+		presentation.visualizations.forEach(visualizationDefinition => {
+			if (visualizationDefinition.type === VisualizationType.Table) {
+				tableControlId = visualizationDefinition.annotation.id;
+			} else if (visualizationDefinition.type === VisualizationType.Chart) {
+				chartControlId = visualizationDefinition.id;
+			}
+		});
+		return {
+			presentation,
+			tableControlId,
+			chartControlId,
+			title,
+			selectionVariantPath
+		};
+	} else {
+		config = config as CustomViewConfiguration;
+		const title = config.label,
+			fragment = config.template,
+			type = config.type,
+			customTabId = CustomTabID(config.key || "");
+		return {
+			title,
+			fragment,
+			type,
+			customTabId
+		};
+	}
+};
+
+const getViews = function(
+	converterContext: ConverterContext,
+	settingsViews: MultipleViewsConfiguration | undefined
+): ListReportViewDefinition[] {
+	let viewConverterConfigs: ViewConverterSettings[] = [];
+	if (settingsViews) {
+		settingsViews.paths.forEach((path: ViewPathConfiguration | CustomViewTemplateConfiguration) => {
+			if (converterContext.getManifestWrapper().hasMultipleVisualizations(path as ViewPathConfiguration)) {
+				if (settingsViews.paths.length > 1) {
+					throw new Error("ALP flavor cannot have multiple views");
+				} else {
+					path = path as CombinedViewPathConfiguration;
+					viewConverterConfigs.push({
+						converterContext: converterContext,
+						primary: path.primary,
+						secondary: path.secondary,
+						defaultPath: path.defaultPath
+					});
+				}
+			} else if ((path as CustomViewConfiguration).template) {
+				path = path as CustomViewConfiguration;
+				viewConverterConfigs.push({
+					key: path.key,
+					label: path.label,
+					template: path.template,
+					type: "Custom"
+				});
+			} else {
+				path = path as SingleViewPathConfiguration;
+				const manifestWrapper = converterContext.getManifestWrapper(),
+					viewConverterContext = converterContext.getConverterContextFor(
+						path.contextPath || (path.entitySet && "/" + path.entitySet) || converterContext.getContextPath()
+					),
+					entityType = viewConverterContext.getEntityType();
+
+				if (entityType && viewConverterContext) {
+					const annotationPath = manifestWrapper.getDefaultTemplateAnnotationPath();
+					let annotation;
+					const resolvedTarget = viewConverterContext.getEntityTypeAnnotation(path.annotationPath);
+					const targetAnnotation = resolvedTarget.annotation as DataVisualizationAnnotations;
+					converterContext = resolvedTarget.converterContext;
+					if (targetAnnotation) {
+						if (targetAnnotation.term === UIAnnotationTerms.SelectionVariant) {
+							if (annotationPath) {
+								annotation = getSelectionPresentationVariant(
+									viewConverterContext.getEntityType(),
+									annotationPath,
+									converterContext
+								);
+							} else {
+								annotation = getDefaultLineItem(viewConverterContext.getEntityType()) as LineItem;
+							}
+						} else {
+							annotation = targetAnnotation;
+						}
+						viewConverterConfigs.push({
+							converterContext: viewConverterContext,
+							annotation,
+							annotationPath: path.annotationPath,
+							keepPreviousPresonalization: path.keepPreviousPresonalization,
+							key: path.key
+						});
+					}
+				} else {
+					// TODO Diagnostics message
+				}
+			}
+		});
+	} else {
+		const entityType = converterContext.getEntityType();
+		if (converterContext.getTemplateType() === TemplateType.AnalyticalListPage) {
+			viewConverterConfigs = getAlpViewConfig(converterContext, viewConverterConfigs);
+		} else {
+			viewConverterConfigs.push({
+				annotation: getCompliantVisualizationAnnotation(entityType, converterContext, false),
+				converterContext: converterContext
+			});
+		}
+	}
+	return viewConverterConfigs.map(viewConverterConfig => {
+		return getView(viewConverterConfig);
+	});
+};
+
+function getAlpViewConfig(converterContext: ConverterContext, viewConfigs: ViewConverterSettings[]): ViewConverterSettings[] {
+	const entityType = converterContext.getEntityType();
+	const annotation = getCompliantVisualizationAnnotation(entityType, converterContext, true);
+	let chart, table;
+	if (annotation) {
+		viewConfigs.push({
+			annotation: annotation,
+			converterContext
+		});
+	} else {
+		chart = getDefaultChart(entityType);
+		table = getDefaultLineItem(entityType);
+		if (chart && table) {
+			const primary: SingleViewPathConfiguration[] = [{ annotationPath: chart.term }];
+			const secondary: SingleViewPathConfiguration[] = [{ annotationPath: table.term }];
+			viewConfigs.push({
+				converterContext: converterContext,
+				primary: primary,
+				secondary: secondary,
+				defaultPath: "both"
+			});
+		}
+	}
+	return viewConfigs;
+}
+
+export const getHeaderActions = function(converterContext: ConverterContext): BaseAction[] {
+	const manifestWrapper = converterContext.getManifestWrapper();
+	return insertCustomElements([], getActionsFromManifest(manifestWrapper.getHeaderActions(), converterContext));
+};
+
+/**
+ * Create the ListReportDefinition for the multi entitySets (multi table instances).
+ *
+ * @param converterContext
+ * @returns {ListReportDefinition} The list report definition based on annotation + manifest
+ */
+export const convertPage = function(converterContext: ConverterContext): ListReportDefinition {
+	const entityType = converterContext.getEntityType();
+	const sContextPath = converterContext.getContextPath();
+
+	if (!sContextPath) {
+		// If we don't have an entitySet at this point we have an issue I'd say
+		throw new Error(
+			"An EntitySet is required to be able to display a ListReport, please adjust your `entitySet` property to point to one."
+		);
+	}
+	const manifestWrapper = converterContext.getManifestWrapper();
+	const viewsDefinition: MultipleViewsConfiguration | undefined = manifestWrapper.getViewConfiguration();
+	const hasMultipleEntitySets = manifestWrapper.hasMultipleEntitySets();
+	const views: ListReportViewDefinition[] = getViews(converterContext, viewsDefinition);
+	const showTabCounts = viewsDefinition ? viewsDefinition?.showCounts || hasMultipleEntitySets : undefined; // with multi EntitySets, tab counts are displayed by default
+	const lrTableVisualizations = getTableVisualizations(views);
+	const showPinnableToggle = lrTableVisualizations.some(table => table.control.type === "ResponsiveTable");
+	let singleTableId = "";
+	let singleChartId = "";
+	const filterBarId = FilterBarID(sContextPath);
+	const filterVariantManagementID = FilterVariantManagementID(filterBarId);
+	const targetControlIds = [filterBarId].concat(
+		lrTableVisualizations.map(visualization => {
+			return visualization.annotation.id;
+		})
+	);
+	const fbConfig = manifestWrapper.getFilterConfiguration();
+	const filterInitialLayout = fbConfig?.initialLayout !== undefined ? fbConfig?.initialLayout.toLowerCase() : "compact";
+	const filterLayout = fbConfig?.layout !== undefined ? fbConfig?.layout.toLowerCase() : "compact";
+	const useSemanticDateRange = fbConfig.useSemanticDateRange !== undefined ? fbConfig.useSemanticDateRange : true;
+
+	const oConfig = getContentAreaId(converterContext, views);
+	if (oConfig) {
+		singleChartId = oConfig.chartId;
+		singleTableId = oConfig.tableId;
+	}
+	const selectionFields = getSelectionFields(converterContext, lrTableVisualizations);
+
+	const hideBasicSearch = getFilterBarhideBasicSearch(lrTableVisualizations, converterContext);
+	const selectionVariant = getSelectionVariant(entityType, converterContext);
+	const defaultSemanticDates: any = useSemanticDateRange
+		? getDefaultSemanticDates(getManifestFilterFields(entityType, converterContext))
+		: {};
+	// Sort header actions according to position attributes in manifest
+	const headerActions = getHeaderActions(converterContext);
+	const hasMultiVisualizations: boolean =
+		manifestWrapper.hasMultipleVisualizations() || converterContext.getTemplateType() === TemplateType.AnalyticalListPage;
+
+	return {
+		mainEntitySet: sContextPath,
+		mainEntityType: sContextPath + "/",
+		singleTableId,
+		singleChartId,
+		showTabCounts,
+		headerActions,
+		showPinnableToggle: showPinnableToggle,
+		filterBar: {
+			selectionFields,
+			hideBasicSearch
+		},
+		views: views,
+		filterBarId,
+		filterConditions: {
+			selectionVariant: selectionVariant,
+			defaultSemanticDates: defaultSemanticDates
+		},
+		variantManagement: {
+			id: filterVariantManagementID,
+			targetControlIds: targetControlIds.join(",")
+		},
+		isMultiEntitySets: hasMultipleEntitySets,
+		hasMultiVisualizations: hasMultiVisualizations,
+		useSemanticDateRange,
+		filterInitialLayout,
+		filterLayout,
+		kpiDefinitions: getKPIDefinitions(converterContext)
+	};
+};
+
+function getContentAreaId(converterContext: ConverterContext, views: ListReportViewDefinition[]): ContentAreaID | undefined {
+	let singleTableId = "",
+		singleChartId = "";
+	if (
+		converterContext.getManifestWrapper().hasMultipleVisualizations() ||
+		converterContext.getTemplateType() === TemplateType.AnalyticalListPage
+	) {
+		for (let view of views) {
+			view = view as CombinedViewDefinition;
+			if (view.chartControlId && view.tableControlId) {
+				singleChartId = view.chartControlId;
+				singleTableId = view.tableControlId;
+				break;
+			}
+		}
+	} else {
+		singleTableId = (views[0] as SingleViewDefinition).tableControlId;
+	}
+	if (singleTableId || singleChartId) {
+		return {
+			chartId: singleChartId,
+			tableId: singleTableId
+		};
+	}
+	return undefined;
+}