@sap/open.fe 1.98.0 → 1.99.0

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/field/fieldFormatOptions/FieldFormatOptions.view.xml

@@ -5,128 +5,192 @@
 	xmlns:mvc="sap.ui.core.mvc"
 	xmlns:macros="sap.fe.macros"
 	xmlns:l="sap.ui.layout"
+	xmlns:f="sap.ui.layout.form"
 >
-	<Panel headerText="Field with different Format Options" binding="{path:'/RootEntity(\'1\')'}">
-		<headerToolbar>
-			<OverflowToolbar>
-				<CheckBox text="Toggle Page Edit Mode" selected="{ui>/isEditable}" />
-			</OverflowToolbar>
-		</headerToolbar>
-		<Panel headerText="Functionality of the Format Option 'DisplayMode'" binding="{path:'/RootEntity(\'1\')'}">
-			<FlexBox>
-				<Label text="Currency field - displayMode 'ValueDescription'" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="CurrencyField_code" id="currencyFieldCode_ValueDescription">
-					<formatOptions displayMode="ValueDescription" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Currency field - displayMode 'DescriptionValue'" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="CurrencyField_code" id="currencyFieldCode_DescriptionValue">
-					<formatOptions displayMode="DescriptionValue" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Currency field - displayMode 'Value'" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="CurrencyField_code" id="currencyFieldCode_Value">
-					<formatOptions displayMode="Value" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Currency field - displayMode 'Description'" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="CurrencyField_code" id="currencyFieldCode_Description">
-					<formatOptions displayMode="Description" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Language field - displayMode 'ValueDescription'" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="LanguageField_code" id="languageField_ValueDescription">
-					<formatOptions displayMode="ValueDescription" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Language field - displayMode 'DescriptionValue'" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="LanguageField_code" id="languageField_DescriptionValue">
-					<formatOptions displayMode="DescriptionValue" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Language field - displayMode 'Value'" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="LanguageField_code" id="languageField_Value">
-					<formatOptions displayMode="Value" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Language field - displayMode 'Description'" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="LanguageField_code" id="languageField_Description">
-					<formatOptions displayMode="Description" />
-				</macros:Field>
-			</FlexBox>
+	<Page>
+		<Panel headerText="Field with different Format Options" binding="{path:'/RootEntity(\'1\')'}">
+			<headerToolbar>
+				<OverflowToolbar>
+					<CheckBox text="Toggle Page Edit Mode" selected="{ui>/isEditable}" />
+				</OverflowToolbar>
+			</headerToolbar>
+			<Panel headerText="Functionality of the Format Option 'displayMode'" expandable="true" expanded="true">
+				<FlexBox>
+					<Label text="Currency field - displayMode 'ValueDescription'" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="CurrencyField_code" id="currencyFieldCode_ValueDescription">
+						<formatOptions displayMode="ValueDescription" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Currency field - displayMode 'DescriptionValue'" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="CurrencyField_code" id="currencyFieldCode_DescriptionValue">
+						<formatOptions displayMode="DescriptionValue" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Currency field - displayMode 'Value'" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="CurrencyField_code" id="currencyFieldCode_Value">
+						<formatOptions displayMode="Value" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Currency field - displayMode 'Description'" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="CurrencyField_code" id="currencyFieldCode_Description">
+						<formatOptions displayMode="Description" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Language field - displayMode 'ValueDescription'" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="LanguageField_code" id="languageField_ValueDescription">
+						<formatOptions displayMode="ValueDescription" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Language field - displayMode 'DescriptionValue'" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="LanguageField_code" id="languageField_DescriptionValue">
+						<formatOptions displayMode="DescriptionValue" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Language field - displayMode 'Value'" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="LanguageField_code" id="languageField_Value">
+						<formatOptions displayMode="Value" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Language field - displayMode 'Description'" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="LanguageField_code" id="languageField_Description">
+						<formatOptions displayMode="Description" />
+					</macros:Field>
+				</FlexBox>
+			</Panel>
+			<Panel headerText="Functionality of the Format Option 'measureDisplayMode'" expandable="true" expanded="true">
+				<FlexBox>
+					<Label text="Property with UoM - measureDisplayMode not set" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="numberWithUnitOfMeasure" id="numberWithUnitOfMeasure_no_measureDisplayMode" />
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with UoM - measureDisplayMode=ReadOnly" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="numberWithUnitOfMeasure" id="numberWithUnitOfMeasure_measureDisplayMode_ReadOnly">
+						<formatOptions measureDisplayMode="ReadOnly" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with UoM - measureDisplayMode=Hidden" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="numberWithUnitOfMeasure" id="numberWithUnitOfMeasure_measureDisplayMode_Hidden">
+						<formatOptions measureDisplayMode="Hidden" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with Currency from sap/cds/common - measureDisplayMode not set" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="numberWithCurrencySAPCDSCommon" id="numberWithCurrencySAPCDSCommon_no_measureDisplayMode" />
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with Currency from sap/cds/common - measureDisplayMode=ReadOnly" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="numberWithCurrencySAPCDSCommon" id="numberWithCurrencySAPCDSCommon_measureDisplayMode_ReadOnly">
+						<formatOptions measureDisplayMode="ReadOnly" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with Currency from sap/cds/common - measureDisplayMode=Hidden" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="numberWithCurrencySAPCDSCommon" id="numberWithCurrencySAPCDSCommon_measureDisplayMode_Hidden">
+						<formatOptions measureDisplayMode="Hidden" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with Currency as String - measureDisplayMode not set" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="numberWithCurrencyAsString" id="numberWithCurrencyAsString_no_measureDisplayMode" />
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with Currency as String - measureDisplayMode=ReadOnly" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="numberWithCurrencyAsString" id="numberWithCurrencyAsString_measureDisplayMode_ReadOnly">
+						<formatOptions measureDisplayMode="ReadOnly" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with Currency as String - measureDisplayMode=Hidden" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="numberWithCurrencyAsString" id="numberWithCurrencyAsString_measureDisplayMode_Hidden">
+						<formatOptions measureDisplayMode="Hidden" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with Currency as Constant - measureDisplayMode not set" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="numberWithCurrencyAsConstant" id="numberWithCurrencyAsConstant_no_measureDisplayMode" />
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with Currency as Constant - measureDisplayMode=ReadOnly" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="numberWithCurrencyAsConstant" id="numberWithCurrencyAsConstant_measureDisplayMode_ReadOnly">
+						<formatOptions measureDisplayMode="ReadOnly" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with Currency as Constant - measureDisplayMode=Hidden" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="numberWithCurrencyAsConstant" id="numberWithCurrencyAsConstant_measureDisplayMode_Hidden">
+						<formatOptions measureDisplayMode="Hidden" />
+					</macros:Field>
+				</FlexBox>
+			</Panel>
+			<Panel headerText="Functionality of the Format Options 'textLinesEdit', 'textMaxLines'" expandable="true" expanded="true">
+				<FlexBox>
+					<Label text="Property with MultiLineText - textLinesEdit not set" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="multiLineText" id="multiLineText_no_textLinesEdit" />
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with MultiLineText - textLinesEdit=2" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="multiLineText" id="multiLineText_textLinesEdit2">
+						<formatOptions textLinesEdit="2" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with MultiLineText - textLinesEdit=2 textMaxLines=3" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="multiLineText" id="multiLineText_textLinesEdit2_textMaxLines3">
+						<formatOptions textLinesEdit="2" textMaxLines="3" />
+					</macros:Field>
+				</FlexBox>
+				<f:Form>
+					<f:layout>
+						<f:ColumnLayout columnsM="2" columnsL="3" columnsXL="4" labelCellsLarge="12" />
+					</f:layout>
+					<f:formContainers>
+						<f:FormContainer>
+							<f:formElements>
+								<f:FormElement>
+									<f:label>
+										<Label text="Property with MultiLineText - textLinesEdit=2 textMaxLines=3 (in a Form)" class="sapUiSmallMarginEnd" />
+									</f:label>
+									<f:fields>
+										<macros:Field metaPath="multiLineText" id="multiLineText_textLinesEdit2_textMaxLines3_in_form">
+											<formatOptions textLinesEdit="2" textMaxLines="3" />
+										</macros:Field>
+									</f:fields>
+								</f:FormElement>
+							</f:formElements>
+						</f:FormContainer>
+					</f:formContainers>
+				</f:Form>
+			</Panel>
+			<Panel
+				headerText="Functionality of the Format Options 'textMaxCharactersDisplay', 'textExpandBehaviorDisplay'"
+				expandable="true"
+				expanded="true"
+			>
+				<FlexBox>
+					<Label text="Property with MultiLineText - textMaxCharactersDisplay not set" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="multiLineText" id="multiLineText_no_textMaxCharactersDisplay" />
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with MultiLineText - textMaxCharactersDisplay=10" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="multiLineText" id="multiLineText_textMaxCharactersDisplay10">
+						<formatOptions textMaxCharactersDisplay="10" />
+					</macros:Field>
+				</FlexBox>
+				<FlexBox>
+					<Label text="Property with MultiLineText - textMaxCharactersDisplay=10 textExpandBehaviorDisplay=Popover" class="sapUiSmallMarginEnd" />
+					<macros:Field metaPath="multiLineText" id="multiLineText_textMaxCharactersDisplay6_textExpandBehaviorDisplay_Popover">
+						<formatOptions textMaxCharactersDisplay="10" textExpandBehaviorDisplay="Popover" />
+					</macros:Field>
+				</FlexBox>
+			</Panel>
 		</Panel>
-		<Panel headerText="Functionality of the Format Option 'measureDisplayMode'" binding="{path:'/RootEntity(\'1\')'}">
-			<FlexBox>
-				<Label text="Property with UoM - measureDisplayMode not set" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="numberWithUnitOfMeasure" id="numberWithUnitOfMeasure_no_measureDisplayMode" />
-			</FlexBox>
-			<FlexBox>
-				<Label text="Property with UoM - measureDisplayMode=ReadOnly" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="numberWithUnitOfMeasure" id="numberWithUnitOfMeasure_measureDisplayMode_ReadOnly">
-					<formatOptions measureDisplayMode="ReadOnly" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Property with UoM - measureDisplayMode=Hidden" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="numberWithUnitOfMeasure" id="numberWithUnitOfMeasure_measureDisplayMode_Hidden">
-					<formatOptions measureDisplayMode="Hidden" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Property with Currency from sap/cds/common - measureDisplayMode not set" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="numberWithCurrencySAPCDSCommon" id="numberWithCurrencySAPCDSCommon_no_measureDisplayMode" />
-			</FlexBox>
-			<FlexBox>
-				<Label text="Property with Currency from sap/cds/common - measureDisplayMode=ReadOnly" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="numberWithCurrencySAPCDSCommon" id="numberWithCurrencySAPCDSCommon_measureDisplayMode_ReadOnly">
-					<formatOptions measureDisplayMode="ReadOnly" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Property with Currency from sap/cds/common - measureDisplayMode=Hidden" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="numberWithCurrencySAPCDSCommon" id="numberWithCurrencySAPCDSCommon_measureDisplayMode_Hidden">
-					<formatOptions measureDisplayMode="Hidden" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Property with Currency as String - measureDisplayMode not set" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="numberWithCurrencyAsString" id="numberWithCurrencyAsString_no_measureDisplayMode" />
-			</FlexBox>
-			<FlexBox>
-				<Label text="Property with Currency as String - measureDisplayMode=ReadOnly" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="numberWithCurrencyAsString" id="numberWithCurrencyAsString_measureDisplayMode_ReadOnly">
-					<formatOptions measureDisplayMode="ReadOnly" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Property with Currency as String - measureDisplayMode=Hidden" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="numberWithCurrencyAsString" id="numberWithCurrencyAsString_measureDisplayMode_Hidden">
-					<formatOptions measureDisplayMode="Hidden" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Property with Currency as Constant - measureDisplayMode not set" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="numberWithCurrencyAsConstant" id="numberWithCurrencyAsConstant_no_measureDisplayMode" />
-			</FlexBox>
-			<FlexBox>
-				<Label text="Property with Currency as Constant - measureDisplayMode=ReadOnly" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="numberWithCurrencyAsConstant" id="numberWithCurrencyAsConstant_measureDisplayMode_ReadOnly">
-					<formatOptions measureDisplayMode="ReadOnly" />
-				</macros:Field>
-			</FlexBox>
-			<FlexBox>
-				<Label text="Property with Currency as Constant - measureDisplayMode=Hidden" class="sapUiSmallMarginEnd" />
-				<macros:Field metaPath="numberWithCurrencyAsConstant" id="numberWithCurrencyAsConstant_measureDisplayMode_Hidden">
-					<formatOptions measureDisplayMode="Hidden" />
-				</macros:Field>
-			</FlexBox>
-		</Panel>
-	</Panel>
+	</Page>
 </mvc:View>

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/field/fieldFormatOptions/localService/FieldFormatOptions.cds

@@ -43,6 +43,11 @@ entity RootEntity {
 	numberWithCurrencyAsConstant	: Integer		@Measures.ISOCurrency : 'EUR';
 	_RequestedUnitOfMeasure			: Association to UnitOfMeasure
 											on _RequestedUnitOfMeasure.UnitOfMeasureID = UnitOfMeasure;
+	multiLineText: String @(
+		Common           : {Label : 'Multi Line Text'},
+        UI.MultiLineText : true,
+        UI.Placeholder   : 'Enter a multi line text'
+    );
 }
 
 @cds.autoexpose

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/field/fieldFormatOptions/localService/RootEntity.json

@@ -8,6 +8,7 @@
 		"CurrencyField_code": "EUR",
 		"numberWithCurrencyAsString": 2999,
 		"CurrencyAsString": "EUR",
-		"numberWithCurrencyAsConstant": 3999
+		"numberWithCurrencyAsConstant": 3999,
+		"multiLineText": "This\nis a\nmulti line\ntext"
 	}
 ]

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/filterBar/filterBarDefault/localService/service.cds

@@ -8,6 +8,7 @@ entity RootEntity {
     IntegerProperty                             : Integer @Common.Label: 'Integer Property';
     NumberProperty                              : Decimal(4, 2) @Common.Label: 'Number Property';
     BooleanProperty                             : Boolean @Common.Label: 'Boolean Property';
+	SingleValueDateProperty                     : Date @Common.Label: 'Single Value Date Property';
     DateProperty                              	: Date @Common.Label: 'Date Property';
     TimeProperty                              	: Time @Common.Label: 'Time Property';
     PropertyWithUnit                    	  	: Integer64	@Common.Label: 'Property With Unit' @Measures.Unit : Unit;
@@ -64,6 +65,7 @@ annotate RootEntity with @(
 			NumberProperty,
 			DateProperty,
 			PropertyWithValueHelp,
+			SingleValueDateProperty,
 			_OneToOne.ChildName,
 			_OneToMulti.MultiChildName
 		],
@@ -78,7 +80,19 @@ annotate RootEntity with @(
 			PropertyWithValueHelp
 		]
 	},
-	Capabilities.SearchRestrictions.Searchable: true
+	Capabilities : {
+		 SearchRestrictions : {Searchable : true},
+         FilterRestrictions     : {FilterExpressionRestrictions : [
+        {
+            Property           : 'DateProperty',
+            AllowedExpressions : 'SingleRange'
+        },
+		  {
+            Property           : 'SingleValueDateProperty',
+            AllowedExpressions : 'SingleValue'
+        }
+        ]}
+    },
 );
 
 entity ChildEntity @(cds.autoexpose) {

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/filterBar/filterBarSVandAnnotationDefaults/localService/service.cds

@@ -8,6 +8,7 @@ entity RootEntity {
     IntegerProperty                             : Integer @Common.Label: 'Integer Property';
     NumberProperty                              : Decimal(4, 2) @Common.Label: 'Number Property';
     BooleanProperty                             : Boolean @Common.Label: 'Boolean Property';
+	SingleValueDateProperty                     : Date @Common.Label: 'Single Value Date Property';
     DateProperty                              	: Date @Common.Label: 'Date Property';
     TimeProperty                              	: Time @Common.Label: 'Time Property';
     PropertyWithUnit                    	  	: Integer64	@Common.Label: 'Property With Unit' @Measures.Unit : Unit;
@@ -57,10 +58,13 @@ entity RootEntity {
         );
 }
 
-annotate RootEntity with @(UI : {
+annotate RootEntity with @(
+	UI : {
     SelectionFields #SF1                                : [
         StringProperty,
-        IntegerProperty
+        IntegerProperty,
+		DateProperty,
+		SingleValueDateProperty
     ],
     SelectionFields                                 : [
         StringProperty,
@@ -87,10 +91,37 @@ annotate RootEntity with @(UI : {
                     Option : #EQ,
                     Low    : 1
             }]
-        }]
+        },
+		{
+                PropertyName : DateProperty,
+                Ranges       : [{
+                    Option : #EQ,
+                    Low    : '2022-02-01'
+            }]
+        },
+		{
+                PropertyName : SingleValueDateProperty,
+                Ranges       : [{
+                    Option : #EQ,
+                    Low    : '2021-05-12'
+            }]
+        }
+		]
     }
-
-});
+   },
+   Capabilities : {
+		 SearchRestrictions : {Searchable : true},
+         FilterRestrictions     : {FilterExpressionRestrictions : [
+        {
+            Property           : 'DateProperty',
+            AllowedExpressions : 'SingleRange'
+        },
+		  {
+            Property           : 'SingleValueDateProperty',
+            AllowedExpressions : 'SingleValue'
+        }
+        ]}
+    });
 
 entity ValueHelpEntity  @(cds.autoexpose) {
     key KeyProp      : String(1) @(

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/form/formSample/Component.js

@@ -0,0 +1,33 @@
+sap.ui.define(
+	["test/sap/fe/test/mockserver/MockServer", "sap/fe/core/AppComponent", "sap/ui/core/Component", "sap/ui/model/json/JSONModel"],
+	function(MockServer, AppComponent, Component, JSONModel) {
+		"use strict";
+		var oMockServer = MockServer.register({
+			generateMockData: false,
+			urlBasePath: "/sap/fe/core/mock",
+			name: "formSample",
+			metadataCdsPath: "sap/fe/core/fpmExplorer/formSample/localService/FormSample.cds",
+			cdsServiceName: "sap.fe.core.FormSample",
+			mockdataRootPath: "sap/fe/core/fpmExplorer/formSample/localService"
+		});
+
+		// Disable flex
+		Component._fnOnInstanceCreated = null;
+		return AppComponent.extend("sap.fe.core.fpmExplorer.formSample.Component", {
+			metadata: {
+				manifest: "json"
+			},
+			init: function() {
+				this.oMockServer = oMockServer;
+				AppComponent.prototype.init.apply(this, arguments);
+				this.setModel(new JSONModel({ formIsVisible: false }), "ui");
+			},
+			onServicesStarted: function() {
+				AppComponent.prototype.onServicesStarted.apply(this, arguments);
+				if (window.parent) {
+					window.parent.postMessage("sampleLoaded");
+				}
+			}
+		});
+	}
+);

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/form/formSample/FormSample.view.xml

@@ -0,0 +1,10 @@
+<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns:macros="sap.fe.macros" xmlns:f="sap.ui.layout.form" xmlns="sap.m">
+	<Panel headerText="Form based on a reference facets" binding="{path:'/RootEntity(\'1\')'}">
+		<CheckBox selected="{ui>/formIsVisible}" />
+<!--		<macros:Form metaPath="@com.sap.vocabularies.UI.v1.Facets/0/Facets/0" id="myBasicForm" formTitle="General Info" isVisible="{ui>/formIsVisible}"/>-->
+		<macros:Form metaPath="@com.sap.vocabularies.UI.v1.Facets/1" id="myForm" title="Something Else" />
+	</Panel>
+	<Panel headerText="Form based on a collection facet" binding="{path:'/RootEntity(\'1\')'}">
+		<macros:Form metaPath="@com.sap.vocabularies.UI.v1.Facets/0" id="myOtherForm" />
+	</Panel>
+</mvc:View>

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/form/formSample/localService/FormSample.cds

@@ -0,0 +1,72 @@
+using {cuid, managed} from '@sap/cds/common';
+
+namespace sap.fe.core;
+
+entity RootEntity {
+key ID                                			: Integer @Common.Label: 'Identifier';
+    StringProperty                              : String @Common.Label: 'String Property';
+    IntegerProperty                             : Integer@Common.Label: 'Integer Property';
+    NumberProperty                              : Decimal(4, 2)@Common.Label: 'Number Property';
+    BooleanProperty                             : Boolean@Common.Label: 'Boolean Property';
+    DateProperty                              	: Date@Common.Label: 'Date Property';
+    TimeProperty                              	: Time@Common.Label: 'Time Property';
+    Currency                             		: String@Common.Label: 'Currency';
+    TextProperty                             	: String@Common.Label: 'Text Property';
+}
+
+annotate RootEntity with @UI :{
+ 	Facets: [ {
+		$Type  : 'UI.CollectionFacet',
+		ID	   : 'GeneralInformation',
+		Label  : 'General Information',
+		Facets: [ {
+			$Type  : 'UI.ReferenceFacet',
+			Label  : 'General Information',
+			Target : '@UI.FieldGroup#GeneralInformation',
+			![@UI.PartOfPreview] : true
+		},{
+			$Type : 'UI.ReferenceFacet',
+			Label: 'Sub Elements',
+			Target: '@UI.FieldGroup#OtherInformation',
+			![@UI.PartOfPreview] : false
+		}]
+	},
+	{
+		$Type : 'UI.ReferenceFacet',
+		ID : 'SubElements',
+		Label: 'Sub Elements',
+		Target: '@UI.FieldGroup#OtherInformation',
+	}
+	],
+	  FieldGroup #OtherInformation     : {
+			Label : 'Other Information',
+			Data  : [
+				{Value : StringProperty},
+				{
+					$Type  : 'UI.DataFieldForAction',
+					Label  : 'Bound Action 1 Inline',
+					Action : 'sap.fe.core.FormSample.boundAction1',
+					Inline: true
+				},
+				{
+					$Type  : 'UI.DataFieldForAction',
+					Label  : 'Bound Action 2',
+					Action : 'sap.fe.core.FormSample.boundAction2',
+					Inline: false
+				}
+				]},
+		 FieldGroup #GeneralInformation     : {
+			Label : 'General Information',
+			Data  : [
+				{Value : StringProperty},
+				{Value : IntegerProperty},
+				{Value : NumberProperty},
+				{Value : BooleanProperty},
+				{Value : DateProperty}
+		   ]
+		}
+};
+
+service FormSample {
+    entity RootEntity as projection on core.RootEntity;
+}

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/form/formSample/localService/RootEntity.json

@@ -0,0 +1,13 @@
+[
+	{
+		"ID": 1,
+		"StringProperty": "Hello",
+		"NumberProperty": 78.777,
+		"IntegerProperty": 89,
+		"BooleanProperty": true,
+		"DateProperty": "2022-03-03",
+		"TimeProperty": "21:45:00",
+		"Currency": "JPY",
+		"TextProperty": "Description"
+	}
+]

package/packages/sap.fe.core/test/sap/fe/core/fpmExplorer/topics/buildingBlocks/form/formSample/manifest.json

@@ -0,0 +1,68 @@
+{
+	"_version": "1.12.0",
+	"sap.app": {
+		"id": "sap.fe.core.fpmExplorer.formSample",
+		"type": "application",
+		"i18n": {
+			"bundleUrl": "i18n/i18n.properties",
+			"supportedLocales": [""],
+			"fallbackLocale": ""
+		},
+		"applicationVersion": {
+			"version": "1.0.0"
+		},
+		"dataSources": {
+			"mainService": {
+				"uri": "/sap/fe/core/mock/formSample/",
+				"type": "OData",
+				"settings": {
+					"annotations": [],
+					"odataVersion": "4.0"
+				}
+			}
+		}
+	},
+	"sap.ui5": {
+		"dependencies": {
+			"minUI5Version": "1.60.0",
+			"libs": {
+				"sap.ui.core": {},
+				"sap.fe.templates": {}
+			}
+		},
+		"models": {
+			"": {
+				"dataSource": "mainService",
+				"settings": {
+					"synchronizationMode": "None",
+					"operationMode": "Server",
+					"autoExpandSelect": true,
+					"earlyRequests": true
+				}
+			}
+		},
+		"routing": {
+			"routes": [
+				{
+					"pattern": ":?query:",
+					"name": "default",
+					"target": "sample"
+				}
+			],
+			"targets": {
+				"sample": {
+					"type": "Component",
+					"id": "Default",
+					"name": "sap.fe.core.fpm",
+					"viewLevel": 1,
+					"options": {
+						"settings": {
+							"viewName": "sap.fe.core.fpmExplorer.formSample.FormSample",
+							"entitySet": "RootEntity"
+						}
+					}
+				}
+			}
+		}
+	}
+}