@sap/open.fe 1.94.0

package/packages/sap.fe.macros/src/sap/fe/macros/share/ShareSheet.fragment.xml

@@ -0,0 +1,26 @@
+<core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:footerbar="sap.ushell.ui.footerbar">
+	<ActionSheet cancelButtonPress="onCancelPressed">
+		<buttons>
+			<Button icon="sap-icon://email" press="shareEmailPressed" text="{share>/emailButtonText}" class="sapMFlexBox" width="100%" />
+			<Button
+				icon="sap-icon://share-2"
+				press="shareJamPressed"
+				text="{share>/jamButtonText}"
+				visible="{share>/jamVisible}"
+				class="sapMFlexBox"
+				width="100%"
+			/>
+			<footerbar:AddBookmarkButton
+				title="{share>/title}"
+				subtitle="{share>/subtitle}"
+				tileIcon="{share>/icon}"
+				customUrl="{share>/url}"
+				serviceUrl="{share>/queryUrl}"
+				class="sapMFlexBox"
+				width="100%"
+				press="onSaveTilePress"
+				visible="{share>/saveAsTileVisible}"
+			/>
+		</buttons>
+	</ActionSheet>
+</core:FragmentDefinition>

package/packages/sap.fe.macros/src/sap/fe/macros/table/Actions.fragment.xml

@@ -0,0 +1,215 @@
+<core:FragmentDefinition
+	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
+	xmlns:unittest="http://schemas.sap.com/sapui5/preprocessorextension/sap.fe.unittesting/1"
+	xmlns:macrodata="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"
+	xmlns:core="sap.ui.core"
+	xmlns:macros="sap.fe.macros"
+	xmlns:macroTable="sap.fe.macros.table"
+	xmlns:mdcat="sap.ui.mdc.actiontoolbar"
+	xmlns="sap.m"
+	template:require="{
+		ID: 'sap/fe/core/helpers/StableIdHelper',
+		MODEL: 'sap/ui/model/odata/v4/AnnotationHelper',
+		COMMON: 'sap/fe/macros/CommonHelper',
+		CORE: 'sap/fe/core/AnnotationHelper',
+		FIELD: 'sap/fe/macros/field/FieldHelper',
+		TABLE: 'sap/fe/macros/table/TableHelper'
+	}"
+>
+	<template:if test="{tableDefinition>actions}">
+		<template:repeat list="{tableDefinition>actions}" var="action">
+			<template:if test="{= ${action>type} === 'Default'}">
+				<template:then>
+					<mdcat:ActionToolbarAction>
+						<Button
+							core:require="{FPM: 'sap/fe/core/helpers/FPMHelper'}"
+							id="{= ID.generate([${this>id},${action>id}])}"
+							text="{action>text}"
+							press="{= ${action>noWrap} ? ${action>press} : CORE.buildActionWrapper(${action>}, ${this>})}"
+							type="Transparent"
+							visible="{action>visible}"
+							enabled="{action>enabled}"
+						/>
+					</mdcat:ActionToolbarAction>
+				</template:then>
+				<template:elseif test="{= ${action>type} === 'Menu' }">
+					<mdcat:ActionToolbarAction>
+							<MenuButton
+							text="{action>text}"
+							menuPosition="BeginBottom"
+							id="{= ID.generate([${this>id},${action>id}])}"
+							visible="{action>visible}"
+							enabled="{action>enabled}"
+						>
+								<menu>
+									<Menu>
+										<template:repeat list="{action>menu}" var="menuItemAction">
+											<template:with path="menuItemAction>annotationPath" var="dataField">
+												<template:if test="{= ${menuItemAction>type} === 'ForAction'}">
+													<template:then>
+															<template:with path="dataField>Action" helper="COMMON.getActionContext" var="actionContext">
+																<template:with path="dataField>Action" helper="COMMON.getPathToBoundActionOverload" var="isBound">
+																	<template:if test="{= ${isBound>$IsBound} !== true || ${actionContext>@Org.OData.Core.V1.OperationAvailable} !== false }">
+																		<MenuItem
+																	text="{dataField>Label}"
+																	press="{= TABLE.pressEventDataFieldForActionButton(${this>}, ${dataField>}, ${collection>@sapui.name}, ${tableDefinition>operationAvailableMap}, ${actionContext>},${action>isNavigable}, ${action>enableAutoScroll}, ${action>defaultValuesExtensionFunction}) }"
+																	enabled="{= ${menuItemAction>enabled} !== undefined ? ${menuItemAction>enabled} : TABLE.isDataFieldForActionEnabled(${this>},${dataField>},${isBound>$IsBound}, undefined, ${actionContext>}, ${action>enableOnSelect})}"
+																	visible="{menuItemAction>visible}"
+																/>
+																	</template:if>
+																</template:with>
+															</template:with>
+													</template:then>
+													<template:elseif test="{= ${menuItemAction>type} === 'ForNavigation'}">
+														<MenuItem
+														text="{dataField>Label}"
+														press="{= COMMON.getPressHandlerForDataFieldForIBN(${dataField>}, '${internal>selectedContexts}', !${tableDefinition>enableAnalytics} )}"
+														enabled="{= ${menuItemAction>enabled} !== undefined ? ${menuItemAction>enabled} : TABLE.isDataFieldForActionEnabled(${this>}, ${dataField>}, ${dataField>RequiresContext}, true, undefined, ${dataField>NavigationAvailable@@MODEL.value})}"
+														visible="{menuItemAction>visible}"
+														macrodata:IBNData="{= !${dataField>RequiresContext} ? '{semanticObject: \'' +  ${dataField>SemanticObject} + '\' , action : \'' + ${dataField>Action} + '\'}' : undefined}"
+													/>
+													</template:elseif>
+													<template:else>
+														<MenuItem
+														core:require="{FPM: 'sap/fe/core/helpers/FPMHelper'}"
+														text="{menuItemAction>text}"
+														press="{= ${action>noWrap} ? ${action>press} : CORE.buildActionWrapper(${menuItemAction>}, ${this>})}"
+														visible="{menuItemAction>visible}"
+														enabled="{menuItemAction>enabled}"
+													/>
+													</template:else>
+												</template:if>
+											</template:with>
+										</template:repeat>
+									</Menu>
+								</menu>
+							</MenuButton>
+					</mdcat:ActionToolbarAction>
+				</template:elseif>
+				<template:else>
+					<template:with path="action>annotationPath" var="dataField">
+						<template:if test="{= ${action>type} === 'ForAction'}">
+							<template:then>
+								<template:with path="dataField>Action" helper="COMMON.getActionContext" var="actionContext">
+									<template:with path="dataField>Action" helper="COMMON.getPathToBoundActionOverload" var="isBound">
+										<template:if test="{= ${isBound>$IsBound} !== true || ${actionContext>@Org.OData.Core.V1.OperationAvailable} !== false }">
+											<mdcat:ActionToolbarAction>
+												<Button
+													unittest:id="DataFieldForActionButton"
+													id="{= ID.generate([${this>id}, ${dataField>}])}"
+													text="{dataField>Label}"
+													ariaHasPopup="{actionContext>@@COMMON.isDialog}"
+													press="{= TABLE.pressEventDataFieldForActionButton(${this>}, ${dataField>}, ${collection>@sapui.name}, ${tableDefinition>operationAvailableMap}, ${actionContext>},${action>isNavigable}, ${action>enableAutoScroll}, ${action>defaultValuesExtensionFunction}) }"
+													enabled="{= ${action>enabled} !== undefined ? ${action>enabled} : TABLE.isDataFieldForActionEnabled(${this>},${dataField>},${isBound>$IsBound}, undefined, ${actionContext>}, ${action>enableOnSelect})}"
+													visible="{action>visible}"
+												>
+												</Button>
+											</mdcat:ActionToolbarAction>
+										</template:if>
+									</template:with>
+								</template:with>
+							</template:then>
+							<template:elseif test="{= ${action>type} === 'ForNavigation'}">
+								<mdcat:ActionToolbarAction>
+									<Button
+										unittest:id="DataFieldForIntentBasedNavigationButton"
+										id="{= ID.generate([${this>id}, ${dataField>}])}"
+										text="{dataField>Label}"
+										press="{= COMMON.getPressHandlerForDataFieldForIBN(${dataField>}, '${internal>selectedContexts}', !${tableDefinition>enableAnalytics} )}"
+										enabled="{= ${action>enabled} !== undefined ? ${action>enabled} : TABLE.isDataFieldForActionEnabled(${this>}, ${dataField>}, ${dataField>RequiresContext}, true, undefined, ${dataField>NavigationAvailable@@MODEL.value})}"
+										visible="{action>visible}"
+										macrodata:IBNData="{= !${dataField>RequiresContext} ? '{semanticObject: \'' +  ${dataField>SemanticObject} + '\' , action : \'' + ${dataField>Action} + '\'}' : undefined}"
+									/>
+								</mdcat:ActionToolbarAction>
+							</template:elseif>
+						</template:if>
+					</template:with>
+				</template:else>
+			</template:if>
+		</template:repeat>
+	</template:if>
+	<template:if
+		test="{= ${collection>@com.sap.vocabularies.Common.v1.DraftRoot} || ${targetCollection>@com.sap.vocabularies.Common.v1.DraftNode} || ${collection>@@CORE.isStickySessionSupported} || TABLE.getIBNData(${this>}) || (COMMON.isDraftParentEntityForContainment(${targetCollection>$ContainsTarget}, ${this>}) ? ${this>showCreate} : 'false')}"
+	>
+		<template:if test="{= TABLE.createButtonTemplating(${this>}, false) }">
+			<mdcat:ActionToolbarAction>
+				<Button
+					unittest:id="CreateButtonTemplate"
+					id="{= ID.generate([${this>id}, 'StandardAction', 'Create'])}"
+					text="{this.i18n>M_COMMON_TABLE_CREATE}"
+					press="cmd:Create"
+					type="Transparent"
+					visible="{= ${this>showCreate} || true }"
+					enabled="{= TABLE.isCreateButtonEnabled(
+						${collection>},
+						${collection>@sapui.name},
+						${parentEntitySet>@Org.OData.Capabilities.V1.NavigationRestrictions/RestrictedProperties},
+						${targetCollection>@Org.OData.Capabilities.V1.InsertRestrictions/Insertable}
+					)}"
+					macrodata:IBNData="{= TABLE.getIBNData(${this>})}"
+				/>
+			</mdcat:ActionToolbarAction>
+		</template:if>
+	</template:if>
+	<template:if
+		test="{= ${collection>@com.sap.vocabularies.Common.v1.DraftRoot} || ${targetCollection>@com.sap.vocabularies.Common.v1.DraftNode} || ${collection>@@CORE.isStickySessionSupported} || (COMMON.isDraftParentEntityForContainment(${targetCollection>$ContainsTarget}, ${this>}) ? ${this>showCreate} : 'false')}"
+	>
+		<template:if test="{= TABLE.deleteButtonTemplating(${this>}) }">
+			<mdcat:ActionToolbarAction>
+				<Button
+					unittest:id="DeleteButtonTemplate"
+					id="{= ID.generate([${this>id}, 'StandardAction', 'Delete'])}"
+					text="{this.i18n>M_COMMON_TABLE_DELETE}"
+					press="cmd:DeleteEntry"
+					type="Transparent"
+					visible="{this>showDelete}"
+					enabled="{= TABLE.isDeleteButtonEnabled(${this>})}"
+					ariaHasPopup="Dialog"
+				/>
+			</mdcat:ActionToolbarAction>
+		</template:if>
+	</template:if>
+	<template:if
+		test="{= ${collection>@com.sap.vocabularies.Common.v1.DraftRoot} || ${targetCollection>@com.sap.vocabularies.Common.v1.DraftNode} || ${collection>@@CORE.isStickySessionSupported} || TABLE.getIBNData(${this>}) || (COMMON.isDraftParentEntityForContainment(${targetCollection>$ContainsTarget}, ${this>}) ? ${this>showCreate} : 'false')}"
+	>
+		<mdcat:ActionToolbarAction>
+			<Button
+				id="{= ID.generate([${this>id}, 'StandardAction', 'Paste'])}"
+				text="{this.i18n>M_COMMON_TABLE_PASTE}"
+				visible="{this>_pasteVisible}"
+				press="API.onPasteButtonPressed"
+			/>
+		</mdcat:ActionToolbarAction>
+		<template:if test="{this>massEditVisible}">
+			<mdcat:ActionToolbarAction>
+				<Button
+					id="{= ID.generate([${this>id}, 'StandardAction', 'MassEdit'])}"
+					text="{this.i18n>M_COMMON_TABLE_MASSEDIT}"
+					press="API.onMassEditButtonPressed($event, $controller)"
+					visible="{this>massEditVisible}"
+					enabled="{= TABLE.getEnablementMassEdit(${this>}) }"
+					ariaHasPopup="Dialog"
+				/>
+			</mdcat:ActionToolbarAction>
+		</template:if>
+	</template:if>
+	<template:if test="{this>enableFullScreen}">
+		<mdcat:ActionToolbarAction>
+			<Button
+				core:require="{TableFullScreenUtil: 'sap/fe/macros/table/TableFullScreenUtil'}"
+				id="{= ID.generate([${this>id}, 'StandardAction', 'FullScreen'])}"
+				tooltip="{this.i18n>M_COMMON_TABLE_FULLSCREEN_MAXIMIZE}"
+				icon="sap-icon://full-screen"
+				press="TableFullScreenUtil.onFullScreenToggle(${$source>/})"
+				type="Transparent"
+				visible="{this>enableFullScreen}"
+				enabled="true"
+			/>
+		</mdcat:ActionToolbarAction>
+	</template:if>
+	<template:if test="{this>useBasicSearch}">
+		<mdcat:ActionToolbarAction>
+			<macroTable:BasicSearch id="{this>filterBarId}" />
+		</mdcat:ActionToolbarAction>
+	</template:if>
+</core:FragmentDefinition>

package/packages/sap.fe.macros/src/sap/fe/macros/table/BasicSearch-dbg.js

@@ -0,0 +1,73 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+sap.ui.define(
+	["sap/ui/core/Control", "sap/m/SearchField"],
+	function(Control, SearchField) {
+		"use strict";
+		var BasicSearch = Control.extend("sap.fe.macros.table.BasicSearch", {
+			metadata: {
+				interfaces: ["sap.ui.mdc.IFilter"],
+				events: {
+					/**
+					 * The 'filtersChanged' can be optionally implemented to display an overlay
+					 * when the filter value of the IFilter changes
+					 */
+					filtersChanged: {
+						conditionsBased: {
+							type: "boolean"
+						}
+					},
+					/**
+					 * The 'search' event is a mandatory IFilter event to trigger a search query
+					 * on the consuming control
+					 */
+					search: {
+						conditions: {
+							type: "object"
+						}
+					}
+				},
+				aggregations: {
+					filter: {
+						type: "sap.ui.core.Control",
+						multiple: false
+					}
+				}
+			},
+			init: function() {
+				this.setAggregation(
+					"filter",
+					new SearchField({
+						placeholder: "{this.i18n>M_FILTERBAR_SEARCH}",
+						search: function() {
+							this.fireSearch();
+						}.bind(this)
+					})
+				);
+			},
+			getConditions: function() {
+				return undefined;
+			},
+			getSearch: function() {
+				return this.getAggregation("filter").getValue();
+			},
+			validate: function() {
+				return Promise.resolve();
+			},
+			renderer: {
+				apiVersion: 2,
+				render: function(oRm, oControl) {
+					oRm.openStart("div", oControl);
+					oRm.openEnd();
+					oRm.renderControl(oControl.getAggregation("filter"));
+					oRm.close("div");
+				}
+			}
+		});
+		return BasicSearch;
+	},
+	/* bExport= */ true
+);

package/packages/sap.fe.macros/src/sap/fe/macros/table/BasicSearch.js

@@ -0,0 +1,6 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+sap.ui.define(["sap/ui/core/Control","sap/m/SearchField"],function(C,S){"use strict";var B=C.extend("sap.fe.macros.table.BasicSearch",{metadata:{interfaces:["sap.ui.mdc.IFilter"],events:{filtersChanged:{conditionsBased:{type:"boolean"}},search:{conditions:{type:"object"}}},aggregations:{filter:{type:"sap.ui.core.Control",multiple:false}}},init:function(){this.setAggregation("filter",new S({placeholder:"{this.i18n>M_FILTERBAR_SEARCH}",search:function(){this.fireSearch();}.bind(this)}));},getConditions:function(){return undefined;},getSearch:function(){return this.getAggregation("filter").getValue();},validate:function(){return Promise.resolve();},renderer:{apiVersion:2,render:function(r,c){r.openStart("div",c);r.openEnd();r.renderControl(c.getAggregation("filter"));r.close("div");}}});return B;},true);

package/packages/sap.fe.macros/src/sap/fe/macros/table/Column.fragment.xml

@@ -0,0 +1,27 @@
+<core:FragmentDefinition
+	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
+	xmlns:unittest="http://schemas.sap.com/sapui5/preprocessorextension/sap.fe.unittesting/1"
+	xmlns:mdcTable="sap.ui.mdc.table"
+	xmlns:core="sap.ui.core"
+	xmlns:customData="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"
+	template:require="{
+		MODEL: 'sap/ui/model/odata/v4/AnnotationHelper',
+		TABLE: 'sap/fe/macros/table/TableHelper',
+		FIELD: 'sap/fe/macros/field/FieldHelper'
+	}"
+>
+	<mdcTable:Column
+		unittest:id="MDCTableColumn"
+		id="{= TABLE.getColumnStableId(${this>id},${dataField>}) }"
+		width="{= TABLE.getColumnWidth(${column>width},${dataField>Value/$Path@},${dataField>$Type},${dataField>Value/$Path/@@FIELD.fieldControl}, ${dataField>Value/$Path/$Type}, ${dataField>@@TABLE.getValueOnRatingField}, ${dataField>}, ${dataField>@@TABLE.getTextOnActionField}) }"
+		header="{= ${dataField>@@MODEL.label} || ${dataField>Target/$AnnotationPath/@@MODEL.label} }"
+		dataProperty="{column>name}"
+		hAlign="{= ${column>horizontalAlign} || FIELD.getColumnAlignment(${dataField>}, ${this>}) }"
+		headerVisible="{= TABLE.setHeaderLabelVisibility( ${dataField>}, ${dataField>Target/$AnnotationPath/Data}) }"
+		importance="{= FIELD.getImportance(${dataField>}, ${targetCollection>./@com.sap.vocabularies.Common.v1.SemanticKey}, ${dataField>Target/$AnnotationPath/Data})}"
+		minWidth="{= TABLE.getColumnMinWidth(${dataField>Value/$Path@}, ${dataField>Value/$Path/$Type}, ${dataField>Value/$Path/$MaxLength}, ${dataField>$Type},${dataField>Value/$Path/@@FIELD.fieldControl}) }"
+	>
+		<core:Fragment fragmentName="sap.fe.macros.table.ColumnContent" type="XML" />
+
+	</mdcTable:Column>
+</core:FragmentDefinition>

package/packages/sap.fe.macros/src/sap/fe/macros/table/ColumnContent.fragment.xml

@@ -0,0 +1,133 @@
+<core:FragmentDefinition
+	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
+	xmlns:mdc="sap.ui.mdc"
+	xmlns:mdcTable="sap.ui.mdc.table"
+	xmlns="sap.m"
+	xmlns:core="sap.ui.core"
+	xmlns:macro="sap.fe.macros"
+	xmlns:internalMacro="sap.fe.macros.internal"
+	template:require="{
+		FIELD: 'sap/fe/macros/field/FieldHelper',
+		TABLE: 'sap/fe/macros/table/TableHelper',
+		ID: 'sap/fe/core/helpers/StableIdHelper',
+		CORE: 'sap/fe/core/AnnotationHelper',
+		MODEL: 'sap/ui/model/odata/v4/AnnotationHelper'
+	}"
+	xmlns:macrodata="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"
+>
+	<template:if
+		test="{= (${dataField>$Type}.indexOf('DataFieldForAnnotation') > -1) &amp;&amp; (${dataField>Target/$AnnotationPath}.indexOf('@com.sap.vocabularies.UI.v1.Chart') > -1)}"
+	>
+		<template:then>
+			<template:with path="dataField>Target/$AnnotationPath" var="collection" helper="MODEL.resolve$Path">
+				<template:with path="collection>" var="collection" helper="CORE.getNavigationContext">
+					<internalMacro:MicroChart
+						id="{= ID.generate([${this>id}, 'TableMicroChart', 'Field']) }"
+						contextPath="{collection>}"
+						metaPath="{dataField>Target/$AnnotationPath/}"
+						showOnlyChart="{= TABLE.getShowOnlyChart(${this>}, ${column>}) }"
+						size="{= TABLE.getChartSize(${this>}, ${column>}) }"
+						hideOnNoData="true"
+						isAnalytics="{tableDefinition>enableAnalytics}"
+					/>
+				</template:with>
+			</template:with>
+		</template:then>
+		<template:elseif
+			test="{= (${dataField>$Type}.indexOf('DataFieldForAnnotation') > -1) &amp;&amp; (${dataField>Target/$AnnotationPath}.indexOf('FieldGroup') > -1)}"
+		>
+			<template:with path="dataField>Target/$AnnotationPath/Data/" var="dataFieldCollections">
+				<VBox visible="{= TABLE.getVBoxVisibility( ${dataFieldCollections>}) }">
+						<template:repeat list="{dataFieldCollections>}" var="fieldGroupDataField">
+							<internalMacro:Field
+							vhIdPrefix="{= ID.generate([${this>id}, 'TableValueHelp']) }"
+							editMode="{this>columnEditMode}"
+							entitySet="{collection>}"
+							dataField="{fieldGroupDataField>}"
+							wrap="{= ${this>tableType} === 'ResponsiveTable' ? true : false }"
+							class="{= TABLE.getMarginClass( ${dataFieldCollections>}  , ${fieldGroupDataField>} , ${fieldGroupDataField>Target/$AnnotationPath/Visualization/$EnumMember}) }"
+							onChange="{this>onChange}"
+							ariaLabelledBy="{= TABLE.getColumnStableId(${this>id},${dataField>}) }"
+							navigateAfterAction="{column>isNavigable}"
+						>
+								<internalMacro:formatOptions
+								textLinesEdit="{column>formatOptions/textLinesEdit}"
+								textMaxLines="{column>formatOptions/textMaxLines}"
+								textMaxCharactersDisplay="{column>formatOptions/textMaxCharactersDisplay}"
+								textExpandBehaviorDisplay="{column>formatOptions/textExpandBehaviorDisplay}"
+								textAlignMode="Table"
+								semanticKeyStyle="{= ${this>tableType} === 'ResponsiveTable' ? 'ObjectIdentifier' : 'Label' }"
+								showIconUrl="{= ${fieldGroupDataField>Inline} &amp;&amp; ${fieldGroupDataField>IconUrl} }"
+								ignoreNavigationAvailable="{= ${tableDefinition>enableAnalytics} ? true : false }"
+								isAnalytics="{tableDefinition>enableAnalytics}"
+							/>
+								<internalMacro:customData>
+									<core:CustomData
+									key="extraProperty"
+									value="{=FIELD.getBindingInfoForTextArrangement(${this>}, ${dataField>Value/$Path@com.sap.vocabularies.Common.v1.Text@com.sap.vocabularies.UI.v1.TextArrangement}, ${dataField>}) }"
+								/>
+								</internalMacro:customData>
+							</internalMacro:Field>
+
+						</template:repeat>
+					</VBox>
+				</template:with>
+			</template:elseif>
+			<template:else>
+				<internalMacro:Field
+				vhIdPrefix="{= ID.generate([${this>id}, 'TableValueHelp']) }"
+				editMode="{this>columnEditMode}"
+				entitySet="{collection>}"
+				dataField="{dataField>}"
+				wrap="{= ${this>tableType} === 'ResponsiveTable' ? true : false }"
+				onChange="{this>onChange}"
+				ariaLabelledBy="{= TABLE.getColumnStableId(${this>id},${dataField>}) }"
+				navigateAfterAction="{column>isNavigable}"
+			>
+					<internalMacro:formatOptions
+					textLinesEdit="{column>formatOptions/textLinesEdit}"
+					textMaxLines="{column>formatOptions/textMaxLines}"
+					textMaxCharactersDisplay="{column>formatOptions/textMaxCharactersDisplay}"
+					textExpandBehaviorDisplay="{column>formatOptions/textExpandBehaviorDisplay}"
+					textAlignMode="Table"
+					semanticKeyStyle="{= ${this>tableType} === 'ResponsiveTable' ? 'ObjectIdentifier' : 'Label' }"
+					showIconUrl="{= ${dataField>Inline} &amp;&amp; ${dataField>IconUrl} }"
+					ignoreNavigationAvailable="{= ${tableDefinition>enableAnalytics} ? true : false }"
+					isAnalytics="{tableDefinition>enableAnalytics}"
+				/>
+					<internalMacro:customData>
+						<core:CustomData
+						key="extraProperty"
+						value="{=FIELD.getBindingInfoForTextArrangement(${this>}, ${dataField>Value/$Path@com.sap.vocabularies.Common.v1.Text@com.sap.vocabularies.UI.v1.TextArrangement}, ${dataField>}) }"
+					/>
+					</internalMacro:customData>
+				</internalMacro:Field>
+			<template:if test="{= ${this>creationMode} === 'CreationRow'}">
+				<mdcTable:creationTemplate>
+					<!-- the creation row shall use the form visualization (to be checked with UX)-->
+					<internalMacro:Field
+						core:require="{TableRuntime: 'sap/fe/macros/table/TableRuntime'}"
+						vhIdPrefix="{= ID.generate([${this>id}, 'TableValueHelp']) }"
+						editMode="{this>columnEditMode}"
+						entitySet="{collection>}"
+						dataField="{dataField>}"
+						wrap="{= ${this>tableType} === 'ResponsiveTable' ? true : false }"
+						onChange="TableRuntime.onFieldChangeInCreationRow($event, '{this>customValidationFunction}')}"
+					>
+						<internalMacro:formatOptions
+							textLinesEdit="{column>formatOptions/textLinesEdit}"
+							textMaxLines="{column>formatOptions/textMaxLines}"
+							textMaxCharactersDisplay="{column>formatOptions/textMaxCharactersDisplay}"
+							textExpandBehaviorDisplay="{column>formatOptions/textExpandBehaviorDisplay}"
+							textAlignMode="Table"
+							semanticKeyStyle="{= ${this>tableType} === 'ResponsiveTable' ? 'ObjectIdentifier' : 'Label' }"
+							showIconUrl="{= ${dataField>Inline} &amp;&amp; ${dataField>IconUrl} }"
+							ignoreNavigationAvailable="{= ${tableDefinition>enableAnalytics} ? true : false }"
+						/>
+					</internalMacro:Field>
+					</mdcTable:creationTemplate>
+				</template:if>
+			</template:else>
+	</template:if>
+
+</core:FragmentDefinition>

package/packages/sap.fe.macros/src/sap/fe/macros/table/ColumnProperty.fragment.xml

@@ -0,0 +1,43 @@
+<core:FragmentDefinition
+	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
+	xmlns:unittest="http://schemas.sap.com/sapui5/preprocessorextension/sap.fe.unittesting/1"
+	xmlns:mdcTable="sap.ui.mdc.table"
+	xmlns:core="sap.ui.core"
+	xmlns:customData="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"
+	template:require="{
+		macroLibrary: 'sap/fe/macros/macroLibrary',
+		MODEL: 'sap/ui/model/odata/v4/AnnotationHelper',
+		TABLE: 'sap/fe/macros/table/TableHelper',
+		FIELD: 'sap/fe/macros/field/FieldHelper',
+		ID: 'sap/fe/core/helpers/StableIdHelper'
+	}"
+>
+	<!-- TODO: 1:1 navigations -->
+	<!-- for header label, fall-back to property name -->
+
+	<template:if test="{dataField>@com.sap.vocabularies.UI.v1.DataFieldDefault}">
+		<template:then>
+			<template:with path="dataField>@com.sap.vocabularies.UI.v1.DataFieldDefault" var="dataField">
+				<!-- There is a default data field therefore we jump to it and run the same logic again -->
+				<core:Fragment fragmentName="sap.fe.macros.table.Column" type="XML" />
+			</template:with>
+		</template:then>
+		<template:else>
+			<mdcTable:Column
+				unittest:id="MDCTableColumnProperty"
+				id="{= ${this>id} ? ID.generate([${this>id}, 'C', ${this>navigationPropertyPath} || ${dataField>@sapui.name}]) : undefined }"
+				width="{= TABLE.getColumnWidth(${column>width},${dataField>Value/$Path@},${dataField>$Type},${dataField>Value/$Path/@@FIELD.fieldControl},(${collection>@com.sap.vocabularies.Common.v1.DraftRoot}
+				|| ${collection>@com.sap.vocabularies.Common.v1.DraftNode}), ${dataField>Value/$Path/$Type}, ${dataField>@@TABLE.getValueOnRatingField}, ${dataField>}, ${dataField>@@TABLE.getTextOnActionField}) }"
+				header="{= ${dataField>@@MODEL.label} || ${dataField>@com.sap.vocabularies.Common.v1.Label} || ${dataField>@sapui.name} }"
+				dataProperty="{column>name}"
+				hAlign="{= FIELD.getPropertyAlignment(${dataField>$Type}) }"
+				headerVisible="{= TABLE.setHeaderLabelVisibility( ${dataField>}, ${dataField>Target/$AnnotationPath/Data}) }"
+				minWidth="{= TABLE.getColumnMinWidth(${dataField>Value/$Path@}, ${dataField>Value/$Path/$Type}, ${dataField>Value/$Path/$MaxLength}, ${dataField>$Type},${dataField>Value/$Path/@@FIELD.fieldControl}) }"
+			>
+
+				<core:Fragment fragmentName="sap.fe.macros.table.ColumnContent" type="XML" />
+
+			</mdcTable:Column>
+		</template:else>
+	</template:if>
+</core:FragmentDefinition>

package/packages/sap.fe.macros/src/sap/fe/macros/table/Columns.fragment.xml

@@ -0,0 +1,37 @@
+<core:FragmentDefinition
+	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
+	xmlns:core="sap.ui.core"
+	xmlns="sap.m"
+	xmlns:mdcTable="sap.ui.mdc.table"
+	template:require="{
+		FIELD: 'sap/fe/macros/field/FieldHelper',
+		COMMON: 'sap/fe/macros/CommonHelper',
+		TABLE: 'sap/fe/macros/table/TableHelper'
+	}"
+>
+
+	<template:if test="{tableDefinition>columns}">
+		<template:repeat list="{tableDefinition>columns}" var="column">
+			<template:if test="{= ${column>availability} === 'Default'}">
+				<template:if test="{= ${column>type} === 'Default'}">
+					<template:then>
+						<core:Fragment fragmentName="sap.fe.macros.table.CustomColumn" type="XML" />
+					</template:then>
+					<template:elseif test="{= ${column>type} === 'Annotation'}">
+						<template:with path="column>annotationPath" var="dataField">
+							<core:Fragment fragmentName="sap.fe.macros.table.Column" type="XML" />
+						</template:with>
+					</template:elseif>
+					<template:elseif test="{= ${column>type} === 'Slot'}">
+						<mdcTable:Column dataProperty="{column>name}" width="{column>width}" header="{column>header}" hAlign="{column>horizontalAlign}">
+							<mdcTable:template>
+								<slot name="{column>key}" />
+							</mdcTable:template>
+						</mdcTable:Column>
+					</template:elseif>
+				</template:if>
+			</template:if>
+		</template:repeat>
+	</template:if>
+
+</core:FragmentDefinition>

package/packages/sap.fe.macros/src/sap/fe/macros/table/CreationRow.fragment.xml

@@ -0,0 +1,33 @@
+<core:FragmentDefinition
+	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
+	xmlns:unittest="http://schemas.sap.com/sapui5/preprocessorextension/sap.fe.unittesting/1"
+	xmlns:core="sap.ui.core"
+	xmlns:mdcTable="sap.ui.mdc.table"
+	xmlns:macrodata="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"
+	template:require="{
+		ID: 'sap/fe/core/helpers/StableIdHelper',
+		TABLE: 'sap/fe/macros/table/TableHelper',
+		CORE: 'sap/fe/core/AnnotationHelper'
+	}"
+>
+<template:if test="{= TABLE.createButtonTemplating(${this>}, true) }">
+	<mdcTable:CreationRow
+			core:require="{
+			RUNTIME: 'sap/fe/macros/table/TableHelper'
+			}"
+			unittest:id="TableMacroCreationRow"
+			id="{= ID.generate([${this>id},'CreationRow'])}"
+			visible="{= TABLE.creationRowVisible(
+				${this>showCreate}, ${collection>@sapui.name}
+			) }"
+			apply="{= TABLE.pressEventForCreateButton(${this>})}"
+			applyEnabled="{= TABLE.creationRowApplyEnabled(
+				${this>}, ${collection>}, ${collection>@sapui.name},
+				${parentEntitySet>@Org.OData.Capabilities.V1.NavigationRestrictions/RestrictedProperties},
+				${targetCollection>@Org.OData.Capabilities.V1.InsertRestrictions/Insertable}
+			) }"
+			macrodata:disableAddRowButtonForEmptyData="{this>disableAddRowButtonForEmptyData}"
+			macrodata:customValidationFunction="{this>customValidationFunction}"
+		/>
+</template:if>
+</core:FragmentDefinition>

package/packages/sap.fe.macros/src/sap/fe/macros/table/CustomColumn.fragment.xml

@@ -0,0 +1,16 @@
+<core:FragmentDefinition
+	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
+	xmlns:mdcTable="sap.ui.mdc.table"
+	xmlns:core="sap.ui.core"
+	xmlns:fpm="sap.fe.macros.fpm"
+	template:require="{
+		fpm: 'sap/fe/macros/fpm/fpm'
+	}"
+>
+	<mdcTable:Column dataProperty="{column>name}" width="{column>width}" header="{column>header}" hAlign="{column>horizontalAlign}">
+		<!-- tbd. Note: passing in custom Data: customData:customProperties="{column>editor/properties}" -->
+		<mdcTable:template>
+			<fpm:CustomFragment id="{column>key}" fragmentName="{column>template}" contextPath="{targetCollection>}" />
+		</mdcTable:template>
+	</mdcTable:Column>
+</core:FragmentDefinition>