Fix context & isUniqueControlInPage properties

Author: fabiofranzini

docs/documentation/docs/controls/AdaptiveCardHost.md

@@ -39,7 +39,7 @@ Here is an example of the previous Web Part (using different Card), hosted as a
 - In your component file, import the `AdaptiveCardHost` control as follows:
 
 ```TypeScript
-import { AdaptiveCardHost, IAdaptiveCardHostActionResult, AdaptiveCardHostThemeType } from "@pnp/spfx-controls-react/lib/AdaptiveCardHost";
+import { AdaptiveCardHost, IAdaptiveCardHostActionResult, AdaptiveCardHostThemeType, Action, CardElement, CardObjectRegistry, HostCapabilities } from "@pnp/spfx-controls-react/lib/AdaptiveCardHost";
 ```
 
 - Example on use the `AdaptiveCardHost` control with only required properties:
@@ -75,7 +75,6 @@ import { AdaptiveCardHost, IAdaptiveCardHostActionResult, AdaptiveCardHostThemeT
   onUpdateHostCapabilities={(hostCapabilities: HostCapabilities) => {
     hostCapabilities.setCustomProperty("CustomPropertyName", Date.now);
   }}
-  isUniqueControlInPage={true}
   context={this.props.context}
 />
 ```
@@ -151,16 +150,15 @@ The `AdaptiveCardHost` control can be configured with the following properties:
 | data | { "$root": object } | no | Set Data Source for template rendering. |
 | style | React.CSSProperties | no | Set CSS Style. |
 | className | string | no | Set CSS Class. |
-| theme | IPartialTheme or ITheme | no | Set Fluent UI Theme. Used only if the "themeType" property is set to 'ThemeType.SharePoint'. If not set or set to null or not defined, the theme passed through context will be searched, or the default theme of the page will be loaded.  |
+| theme | IPartialTheme or ITheme | no | Set Fluent UI Theme. Used only if the "themeType" property is set to 'ThemeType.SharePoint'. If not set or set to null or not defined, the theme passed through context will be searched, or the default theme of the page will be loaded. However, the Theme object will be automatically injected into the data object, so that it can be used by the Adaptive Cards binding engine. |
 | themeType | ThemeType | no | Select the Type of Theme you want to use. If it is not set or set to null or undefined, the 'ThemeType.SharePoint' value will be used and the "theme" property or the theme passed through the context or default page will be loaded. In other cases, the chosen Microsoft Teams theme will be applied. |
 | hostConfig | object | no | Set custom HostConfig. |
 | onInvokeAction | (action: IAdaptiveCardActionResult) => void | yes | Invoked every time an Action is performed. |
 | onError | (error: Error) => void | yes | Invoked every time an exception occurs in the rendering phase. |
 | onSetCustomElements | (registry: CardObjectRegistry<CardElement>) => void | no | Invoked to manage Elements to the current Adaptive Card instance. |
 | onSetCustomActions | (registry: CardObjectRegistry<Action>) => void | no | Invoked to manage Actions to the current Adaptive Card instance. |
 | onUpdateHostCapabilities | (hostCapabilities: HostCapabilities) => void | no | Invoked to manage the HostCapabilities object like add custom properties. |
-| isUniqueControlInPage | boolean | no | Set to true if you want to use only one instance of this control per page, false for multiple controls. This affects how CSS variables are set. |
-| context | BaseComponentContext | yes | Set the context from SPFx component. |
+| context | BaseComponentContext | yes | Set the context from the SPFx component. If set, some context properties will be automatically injected into the data object, so they can be used by the Adaptive Cards binding engine. |
 
 Interface `IAdaptiveCardHostActionResult`
 

package-lock.json

@@ -57,7 +57,8 @@
     "react-mentions": "^4.3.0",
     "react-quill": "1.3.5",
     "regexify-string": "^1.0.16",
-    "spfx-uifabric-themes": "^0.8.5"
+    "spfx-uifabric-themes": "^0.8.5",
+    "nano-css": "^5.3.4"
   },
   "devDependencies": {
     "@microsoft/microsoft-graph-types": "^2.1.0",