[ACS-5611] Add custom metadata side panels to metadata card component (#8974)

* [ACS-5611] Add custom panels to metadata card component

* [ACS-5611] Add custom metadata panels unit tests

* [ACS-5611] CR fixes

* [ACS-5611] CR fixes

docs/README.md

@@ -357,6 +357,7 @@ for more information about installing and using the source code.
 | [Base Card View Content Update interface](content-services/interfaces/base-card-view-content-update.interface.md) | Specifies required properties and methods for Card View Content Update service. |  |
 | Extends from BaseCardViewUpdate. | [Source](../lib/content-services/src/lib/interfaces/base-card-view-content-update.interface.ts) |  |
 | [Search widget interface](content-services/interfaces/search-widget.interface.md) | Specifies required properties for Search filter component widgets. | [Source](../lib/content-services/src/lib/search/models/search-widget.interface.ts) |
+| [Content Metadata Custom Panel interface](content-services/interfaces/content-metadata-custom-panel.interface.md) | Specifies required properties for metadata custom panel. | [Source](../lib/content-services/src/lib/content-metadata/interfaces/content-metadata-custom-panel.interface.ts) |
 
 ### Models
 

docs/content-services/components/content-metadata-card.component.md

@@ -27,6 +27,7 @@ Displays and edits metadata related to a node.
     -   [Use chips for multi value properties](#use-chips-for-multi-value-properties)
 -   [Copy to Clipboard on click](#copy-to-clipboard-on-click)
 -   [Search select options (ACS 7+)](#search-select-options-acs-7)
+-   [Custom metadata panels](#custom-metadata-panels)
 
 ## Basic Usage
 
@@ -53,6 +54,7 @@ Displays and edits metadata related to a node.
 | readOnly | `boolean` | false | (optional) This flag sets the metadata in read only mode preventing changes. |
 | displayDefaultProperties | `boolean` |  | (optional) This flag displays/hides the metadata properties. |
 | editable | `boolean` |  | (optional) This flag toggles editable of content. |
+| customPanels | [`ContentMetadataCustomPanel`](../interfaces/content-metadata-custom-panel.interface.md)`[]` | | (optional) List of custom metadata panels to be displayed as [`Dynamic components`](../../extensions/components/dynamic.component.md). |
 
 ### Events
 
@@ -438,3 +440,7 @@ When the list of values is too long, the options selection panel will be enhance
 ```
 
 ![Chips for multi value properties](../../docassets/images/adf-search-select.png)
+
+## Custom metadata panels
+
+If there is a need to display some custom node properties that require additional UI or data to be fetched you can define custom metadata panels for the metadata component. After creating custom component to be displayed it has to be registered in [Extension Service](../../extensions/services/extension.service.md). Both `panelTitle` and `component` properties have to be defined.

docs/content-services/interfaces/content-metadata-custom-panel.interface.md

@@ -0,0 +1,31 @@
+---
+Title: Content Metadata Custom Panel interface
+Added: v6.4.0
+Status: Active
+Last reviewed: 2023-10-06
+---
+
+# [Content Metadata Custom Panel interface](../../../lib/content-services/src/lib/content-metadata/interfaces/content-metadata-custom-panel.interface.ts "Defined in content-metadata-custom-panel.interface.ts")
+
+Specifies required properties for custom metadata panel to be displayed in [ContentMetadataCardComponent](../components/content-metadata-card.component.md).
+
+## Basic usage
+
+```ts
+export interface ContentMetadataCustomPanel {
+    panelTitle: string;
+    component: string;
+}
+```
+
+### Properties
+
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| panelTitle | `string` |  | Title for the panel the will be displayed in expansion panel header. |
+| component | `string` |  | Id of the registered [Dynamic component](../../extensions/components/dynamic.component.md) to be displayed inside expansion panel. |
+
+## See also
+
+-   [ContentMetadataCardComponent](../components/content-metadata-card.component.md)
+-   [Dynamic Component](../../extensions/components/dynamic.component.md)

docs/versionIndex.md

@@ -12,6 +12,7 @@ backend services have been tested with each released version of ADF.
 
 ## Versions
 
+-   [v6.4.0](#v640)
 -   [v6.2.0](#v620)
 -   [v6.1.0](#v610)
 -   [v6.0.0](#v600)
@@ -43,6 +44,14 @@ backend services have been tested with each released version of ADF.
 -   [v2.1.0](#v210)
 -   [v2.0.0](#v200)
 
+## v6.4.0
+
+<!--v640 start-->
+
+-   [Content Metadata Custom Panel interface](content-services/interfaces/content-metadata-custom-panel.interface.md)
+
+<!--v640 end-->
+
 ## v6.2.0
 
 <!--v620 start-->