Remove frame border prop

Author: iamgreggarcia

IFrameVirtualPCF/ControlManifest.Input.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest>
-  <control namespace="ReactVirtual" constructor="IFrameVirtualPCF" version="0.0.1" display-name-key="IFrameVirtualPCF (0.0.1)" description-key="IFrameVirtualPCF description" control-type="virtual">
+  <control namespace="ReactVirtual" constructor="IFrameVirtualPCF" version="0.0.3" display-name-key="IFrameVirtualPCF (0.0.3)" description-key="IFrameVirtualPCF description" control-type="virtual">
     <!--external-service-usage node declares whether this 3rd party PCF control is using external service or not, if yes, this control will be considered as premium and please also add the external domain it is using.
     If it is not using any external service, please set the enabled="false" and DO NOT add any domain below. The "enabled" will be false by default.
     Example1:

IFrameVirtualPCF/components/IFrameControl.tsx

@@ -3,15 +3,8 @@ import * as React from "react";
 import { IFrameControlProps } from "./Component.types";
 
 export const IFrameControl = React.memo((props: IFrameControlProps) => {
-  const {
-    src,
-    frameBorder,
-    width,
-    height,
-    onFullScreen,
-    isFullScreen,
-    showFullScreenBtn,
-  } = props;
+  const { src, width, height, onFullScreen, isFullScreen, showFullScreenBtn } =
+    props;
 
   const containerSize = React.useMemo(() => {
     return {
@@ -34,12 +27,7 @@ export const IFrameControl = React.memo((props: IFrameControlProps) => {
           grow
           style={{ position: "relative", backgroundColor: "white" }}
         >
-          <iframe
-            src={src}
-            frameBorder={frameBorder}
-            width={width}
-            height={height}
-          ></iframe>
+          <iframe src={src} width={width} height={height}></iframe>
         </Stack.Item>
       </Stack>
       <Stack>

IFrameVirtualPCF/index.ts

@@ -10,11 +10,6 @@ export class IFrameVirtualPCF
   private context: ComponentFramework.Context<IInputs>;
   isFullScreen = false;
 
-  /**
-   * Empty constructor.
-   */
-  constructor() {}
-
   onFullScreen = (): void => {
     this.context.mode.setFullScreen(true);
   };
@@ -76,7 +71,6 @@ export class IFrameVirtualPCF
 
     return {
       src: undefinedIfEmpty(context.parameters.src),
-      frameBorder: "0",
       width: allocatedWidth,
       height: allocatedHeight,
       isFullScreen: this.isFullScreen,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcf-project",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "Project containing your PowerApps Component Framework (PCF) control.",
   "scripts": {
     "build": "pcf-scripts build",