react-iframe-bridge 0.7.1 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/lib/components/home/Home.d.ts +1 -0
  2. package/lib/components/home/Home.js +1 -1
  3. package/lib/components/home/HomeIframe.d.ts +3 -1
  4. package/lib/components/home/HomeIframe.js +2 -2
  5. package/lib-cjs/components/home/Home.d.ts +1 -0
  6. package/lib-cjs/components/home/Home.js +1 -1
  7. package/lib-cjs/components/home/HomeIframe.d.ts +3 -1
  8. package/lib-cjs/components/home/HomeIframe.js +2 -2
  9. package/package.json +1 -1
package/lib/components/home/Home.d.ts CHANGED
@@ -10,5 +10,6 @@ export interface HomeProps {
10
10
  * @default 'eln'
11
11
  */
12
12
  database?: string;
13
+ baseUrl?: string;
13
14
  }
14
15
  export declare function Home(props: HomeProps): JSX.Element;
package/lib/components/home/Home.js CHANGED
@@ -5,5 +5,5 @@ import HomeIframe from './HomeIframe';
5
5
  import HomeNoSample from './HomeNoSample';
6
6
  import HomeSamples from './HomeSamples';
7
7
  export function Home(props) {
8
- return (_jsx(HomeContextProvider, { rocUrl: props.rocUrl, database: props.database, children: _jsxs("div", { className: "flex flex-col w-screen h-screen", children: [_jsx(HomeHeader, {}), _jsxs("div", { className: "flex flex-row flex-1 mt-2 border-t border-neutral-300 min-h-0", children: [_jsxs("div", { className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r border-neutral-300 overflow-auto", children: [_jsx(HomeNoSample, {}), _jsx(HomeSamples, {})] }), _jsx(HomeIframe, {})] })] }) }));
8
+ return (_jsx(HomeContextProvider, { rocUrl: props.rocUrl, database: props.database, children: _jsxs("div", { className: "flex flex-col w-screen h-screen", children: [_jsx(HomeHeader, {}), _jsxs("div", { className: "flex flex-row flex-1 mt-2 border-t border-neutral-300 min-h-0", children: [_jsxs("div", { className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r border-neutral-300 overflow-auto", children: [_jsx(HomeNoSample, {}), _jsx(HomeSamples, {})] }), _jsx(HomeIframe, { baseUrl: props.baseUrl })] })] }) }));
9
9
  }
package/lib/components/home/HomeIframe.d.ts CHANGED
@@ -1,2 +1,4 @@
1
1
  /// <reference types="react" />
2
- export default function HomeIframe(): JSX.Element;
2
+ export default function HomeIframe(props: {
3
+ baseUrl?: string;
4
+ }): JSX.Element;
package/lib/components/home/HomeIframe.js CHANGED
@@ -4,7 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
4
4
  import { registerHandler, postMessage } from 'iframe-bridge/main';
5
5
  import { useEffect, useState } from 'react';
6
6
  import { useHomeContext } from './HomeContext';
7
- export default function HomeIframe() {
7
+ export default function HomeIframe(props) {
8
8
  const { database, iframePage, rocUrl, selectedSample, iframeMode } = useHomeContext();
9
9
  const [windowId, setWindowId] = useState();
10
10
  useEffect(() => {
@@ -30,5 +30,5 @@ export default function HomeIframe() {
30
30
  uuid: selectedSample,
31
31
  }, windowId);
32
32
  }, [windowId, database, rocUrl, selectedSample]);
33
- return (_jsx("div", { className: "flex items-center justify-center flex-1", children: iframeMode !== 'closed' ? (_jsx("iframe", { allowFullScreen: true, src: `http://localhost:3000${iframePage}`, className: "w-full h-full" }, selectedSample)) : (_jsx("div", { children: "Please select something" })) }));
33
+ return (_jsx("div", { className: "flex items-center justify-center flex-1", children: iframeMode !== 'closed' ? (_jsx("iframe", { allowFullScreen: true, src: `${props.baseUrl || ''}${iframePage}`, className: "w-full h-full" }, selectedSample)) : (_jsx("div", { children: "Please select something" })) }));
34
34
  }
package/lib-cjs/components/home/Home.d.ts CHANGED
@@ -10,5 +10,6 @@ export interface HomeProps {
10
10
  * @default 'eln'
11
11
  */
12
12
  database?: string;
13
+ baseUrl?: string;
13
14
  }
14
15
  export declare function Home(props: HomeProps): JSX.Element;
package/lib-cjs/components/home/Home.js CHANGED
@@ -11,6 +11,6 @@ const HomeIframe_1 = __importDefault(require("./HomeIframe"));
11
11
  const HomeNoSample_1 = __importDefault(require("./HomeNoSample"));
12
12
  const HomeSamples_1 = __importDefault(require("./HomeSamples"));
13
13
  function Home(props) {
14
- return ((0, jsx_runtime_1.jsx)(HomeContext_1.HomeContextProvider, { rocUrl: props.rocUrl, database: props.database, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-screen h-screen", children: [(0, jsx_runtime_1.jsx)(HomeHeader_1.default, {}), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row flex-1 mt-2 border-t border-neutral-300 min-h-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r border-neutral-300 overflow-auto", children: [(0, jsx_runtime_1.jsx)(HomeNoSample_1.default, {}), (0, jsx_runtime_1.jsx)(HomeSamples_1.default, {})] }), (0, jsx_runtime_1.jsx)(HomeIframe_1.default, {})] })] }) }));
14
+ return ((0, jsx_runtime_1.jsx)(HomeContext_1.HomeContextProvider, { rocUrl: props.rocUrl, database: props.database, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-screen h-screen", children: [(0, jsx_runtime_1.jsx)(HomeHeader_1.default, {}), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row flex-1 mt-2 border-t border-neutral-300 min-h-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-48 px-2 pt-4 space-y-3 border-r border-neutral-300 overflow-auto", children: [(0, jsx_runtime_1.jsx)(HomeNoSample_1.default, {}), (0, jsx_runtime_1.jsx)(HomeSamples_1.default, {})] }), (0, jsx_runtime_1.jsx)(HomeIframe_1.default, { baseUrl: props.baseUrl })] })] }) }));
15
15
  }
16
16
  exports.Home = Home;
package/lib-cjs/components/home/HomeIframe.d.ts CHANGED
@@ -1,2 +1,4 @@
1
1
  /// <reference types="react" />
2
- export default function HomeIframe(): JSX.Element;
2
+ export default function HomeIframe(props: {
3
+ baseUrl?: string;
4
+ }): JSX.Element;
package/lib-cjs/components/home/HomeIframe.js CHANGED
@@ -6,7 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const main_1 = require("iframe-bridge/main");
7
7
  const react_1 = require("react");
8
8
  const HomeContext_1 = require("./HomeContext");
9
- function HomeIframe() {
9
+ function HomeIframe(props) {
10
10
  const { database, iframePage, rocUrl, selectedSample, iframeMode } = (0, HomeContext_1.useHomeContext)();
11
11
  const [windowId, setWindowId] = (0, react_1.useState)();
12
12
  (0, react_1.useEffect)(() => {
@@ -32,6 +32,6 @@ function HomeIframe() {
32
32
  uuid: selectedSample,
33
33
  }, windowId);
34
34
  }, [windowId, database, rocUrl, selectedSample]);
35
- return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center flex-1", children: iframeMode !== 'closed' ? ((0, jsx_runtime_1.jsx)("iframe", { allowFullScreen: true, src: `http://localhost:3000${iframePage}`, className: "w-full h-full" }, selectedSample)) : ((0, jsx_runtime_1.jsx)("div", { children: "Please select something" })) }));
35
+ return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center flex-1", children: iframeMode !== 'closed' ? ((0, jsx_runtime_1.jsx)("iframe", { allowFullScreen: true, src: `${props.baseUrl || ''}${iframePage}`, className: "w-full h-full" }, selectedSample)) : ((0, jsx_runtime_1.jsx)("div", { children: "Please select something" })) }));
36
36
  }
37
37
  exports.default = HomeIframe;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-iframe-bridge",
3
- "version": "0.7.1",
3
+ "version": "0.8.0",
4
4
  "description": "React hooks and components to work with iframe-bridge.",
5
5
  "main": "lib-cjs/index.js",
6
6
  "module": "lib/index.js",