Skip to content

Commit

Permalink
Merge pull request #1066 from datopian/feature/iframe-component
Browse files Browse the repository at this point in the history
Created Iframe component
  • Loading branch information
Gutts-n authored Jan 18, 2024
2 parents 8a4ec39 + dd03a49 commit 7049917
Show file tree
Hide file tree
Showing 5 changed files with 53 additions and 2 deletions.
5 changes: 5 additions & 0 deletions .changeset/nervous-pens-chew.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@portaljs/components': patch
---

Created Iframe component
14 changes: 14 additions & 0 deletions packages/components/src/components/Iframe.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import { CSSProperties } from "react";

export interface IframeProps {
url: string;
style?: CSSProperties;
}

export function Iframe({
url, style
}: IframeProps) {
return (
<iframe src={url} style={style ?? { width: `100%`, height: `100%` }}></iframe>
);
}
1 change: 1 addition & 0 deletions packages/components/src/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -9,3 +9,4 @@ export * from './components/Map';
export * from './components/PdfViewer';
export * from "./components/Excel";
export * from "./components/BucketViewer";
export * from "./components/Iframe";
4 changes: 2 additions & 2 deletions packages/components/stories/BucketViewer.stories.ts
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { raw, type Meta, type StoryObj } from '@storybook/react';
import { type Meta, type StoryObj } from '@storybook/react';

import { BucketViewer, BucketViewerData, BucketViewerProps } from '../src/components/BucketViewer';
import { BucketViewer, BucketViewerProps } from '../src/components/BucketViewer';

// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
const meta: Meta = {
Expand Down
31 changes: 31 additions & 0 deletions packages/components/stories/Iframe.stories.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
import { type Meta, type StoryObj } from '@storybook/react';

import { Iframe, IframeProps } from '../src/components/Iframe';

const meta: Meta = {
title: 'Components/Iframe',
component: Iframe,
tags: ['autodocs'],
argTypes: {
url: {
description:
'Page to display inside of the component',
},
style: {
description:
'Style of the component',
},
},
};

export default meta;

type Story = StoryObj<IframeProps>;

export const Normal: Story = {
name: 'Iframe',
args: {
url: 'https://app.powerbi.com/view?r=eyJrIjoiYzBmN2Q2MzYtYzE3MS00ODkxLWE5OWMtZTQ2MjBlMDljMDk4IiwidCI6Ijk1M2IwZjgzLTFjZTYtNDVjMy04MmM5LTFkODQ3ZTM3MjMzOSIsImMiOjh9',
style: {width: `100%`, height: `100%`}
},
};

1 comment on commit 7049917

@vercel
Copy link

@vercel vercel bot commented on 7049917 Jan 18, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

portaljs-storybook – ./packages/components/

portaljs-storybook-git-main-datopian1.vercel.app
portaljs-storybook-datopian1.vercel.app
portaljs-storybook.vercel.app
storybook.portaljs.org

Please sign in to comment.