Added new default component - beagle:webview

src/components/BeagleWebView/index.tsx

@@ -0,0 +1,35 @@
+/*
+  * Copyright 2020 ZUP IT SERVICOS EM TECNOLOGIA E INOVACAO SA
+  *
+  * Licensed under the Apache License, Version 2.0 (the "License");
+  * you may not use this file except in compliance with the License.
+  * You may obtain a copy of the License at
+  *
+  *  http://www.apache.org/licenses/LICENSE-2.0
+  *
+  * Unless required by applicable law or agreed to in writing, software
+  * distributed under the License is distributed on an "AS IS" BASIS,
+  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  * See the License for the specific language governing permissions and
+  * limitations under the License.
+*/
+
+import React, { FC } from 'react'
+import { BeagleDefaultComponent } from '../types'
+import withTheme from '../utils/withTheme'
+import { StyledWebView } from './styled'
+
+export interface BeagleWebViewInterface extends BeagleDefaultComponent {
+	url: string,
+}
+
+const BeagleWebView: FC<BeagleWebViewInterface> = props => {
+  const { url, className, style } = props
+
+  return (
+    <StyledWebView className={className} style={style} src={url}>
+    </StyledWebView>
+  )
+}
+
+export default withTheme(BeagleWebView)

src/components/BeagleWebView/styled.ts

@@ -0,0 +1,24 @@
+/*
+  * Copyright 2020 ZUP IT SERVICOS EM TECNOLOGIA E INOVACAO SA
+  *
+  * Licensed under the Apache License, Version 2.0 (the "License");
+  * you may not use this file except in compliance with the License.
+  * You may obtain a copy of the License at
+  *
+  *  http://www.apache.org/licenses/LICENSE-2.0
+  *
+  * Unless required by applicable law or agreed to in writing, software
+  * distributed under the License is distributed on an "AS IS" BASIS,
+  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  * See the License for the specific language governing permissions and
+  * limitations under the License.
+*/
+
+import styled from 'styled-components'
+
+
+export const StyledWebView = styled.iframe`
+    width: inherit;
+    border: none;
+    align-self:normal;
+`

src/components/index.ts

@@ -31,6 +31,7 @@ import Markdown from './Markdown'
 import Modal from './Modal'
 import TextArea from './TextArea'
 import BeagleInput from './BeagleInput'
+import BeagleWebView from './BeagleWebView'
 
 const libRequiredComponents = {
   'custom:error': BeagleError,
@@ -53,6 +54,7 @@ const beagleDefaultComponents = {
   'beagle:simpleform': BeagleSimpleForm,
   'beagle:lazycomponent': BeagleLazy,
   'beagle:input': BeagleInput,
+  'beagle:webview': BeagleWebView,
 }
 
 const webSpecificComponents = {