@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260808073515 → 0.8.1-dev.20260808091030

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 (7) hide show
  1. package/dist/{IframeClient-RGJFZ5P2.mjs → IframeClient-E6VGPN6S.mjs} +13 -6
  2. package/dist/{IframeClient-J22NMEVY.mjs → IframeClient-J64QAFNK.mjs} +13 -6
  3. package/dist/index.js +13 -6
  4. package/dist/index.mjs +1 -1
  5. package/dist/server.js +13 -6
  6. package/dist/server.mjs +1 -1
  7. package/package.json +1 -1
package/dist/{IframeClient-RGJFZ5P2.mjs → IframeClient-E6VGPN6S.mjs} RENAMED
@@ -49,7 +49,11 @@ var IFrameLoaderView_default = IFrameLoaderView;
49
49
 
50
50
  // src/components/pageRenderingEngine/nodes/IframeClient.tsx
51
51
  import { jsx as jsx2 } from "react/jsx-runtime";
52
- var IframeClient = ({ src }) => {
52
+ var IframeClient = ({
53
+ src,
54
+ width,
55
+ height
56
+ }) => {
53
57
  const iframeRef = useRef(null);
54
58
  const [iframeHeight, setIframeHeight] = useState("100%");
55
59
  const [isDataFound, setIsDataFound] = useState(null);
@@ -58,11 +62,11 @@ var IframeClient = ({ src }) => {
58
62
  const eventName = event?.data?.eventName;
59
63
  const payload = event?.data?.payload;
60
64
  if (eventName === "SET_HEIGHT" && payload?.height) {
61
- let height = 500;
65
+ let height2 = 500;
62
66
  if (payload.height > 500) {
63
- height = payload.height + 50;
67
+ height2 = payload.height + 50;
64
68
  }
65
- setIframeHeight(`${height}px`);
69
+ setIframeHeight(`${height2}px`);
66
70
  }
67
71
  };
68
72
  window.addEventListener("message", handleReceiveMessage);
@@ -71,7 +75,10 @@ var IframeClient = ({ src }) => {
71
75
  useEffect(() => {
72
76
  const handleResize = () => {
73
77
  if (iframeRef.current) {
74
- iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
78
+ iframeRef.current.contentWindow?.postMessage(
79
+ { eventName: "RESIZE" },
80
+ "*"
81
+ );
75
82
  }
76
83
  };
77
84
  window.addEventListener("resize", handleResize);
@@ -87,7 +94,7 @@ var IframeClient = ({ src }) => {
87
94
  src,
88
95
  className: "w-full h-full border-none",
89
96
  scrolling: "no",
90
- style: { height: iframeHeight },
97
+ style: { width: width || "100%", height: height || iframeHeight },
91
98
  onLoad: handleIframeLoad
92
99
  }
93
100
  ) }) });
package/dist/{IframeClient-J22NMEVY.mjs → IframeClient-J64QAFNK.mjs} RENAMED
@@ -47,7 +47,11 @@ var IFrameLoaderView_default = IFrameLoaderView;
47
47
 
48
48
  // src/components/pageRenderingEngine/nodes/IframeClient.tsx
49
49
  import { jsx as jsx2 } from "react/jsx-runtime";
50
- var IframeClient = ({ src }) => {
50
+ var IframeClient = ({
51
+ src,
52
+ width,
53
+ height
54
+ }) => {
51
55
  const iframeRef = useRef(null);
52
56
  const [iframeHeight, setIframeHeight] = useState("100%");
53
57
  const [isDataFound, setIsDataFound] = useState(null);
@@ -56,11 +60,11 @@ var IframeClient = ({ src }) => {
56
60
  const eventName = event?.data?.eventName;
57
61
  const payload = event?.data?.payload;
58
62
  if (eventName === "SET_HEIGHT" && payload?.height) {
59
- let height = 500;
63
+ let height2 = 500;
60
64
  if (payload.height > 500) {
61
- height = payload.height + 50;
65
+ height2 = payload.height + 50;
62
66
  }
63
- setIframeHeight(`${height}px`);
67
+ setIframeHeight(`${height2}px`);
64
68
  }
65
69
  };
66
70
  window.addEventListener("message", handleReceiveMessage);
@@ -69,7 +73,10 @@ var IframeClient = ({ src }) => {
69
73
  useEffect(() => {
70
74
  const handleResize = () => {
71
75
  if (iframeRef.current) {
72
- iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
76
+ iframeRef.current.contentWindow?.postMessage(
77
+ { eventName: "RESIZE" },
78
+ "*"
79
+ );
73
80
  }
74
81
  };
75
82
  window.addEventListener("resize", handleResize);
@@ -85,7 +92,7 @@ var IframeClient = ({ src }) => {
85
92
  src,
86
93
  className: "w-full h-full border-none",
87
94
  scrolling: "no",
88
- style: { height: iframeHeight },
95
+ style: { width: width || "100%", height: height || iframeHeight },
89
96
  onLoad: handleIframeLoad
90
97
  }
91
98
  ) }) });
package/dist/index.js CHANGED
@@ -3996,7 +3996,11 @@ var init_IframeClient = __esm({
3996
3996
  import_react53 = __toESM(require("react"));
3997
3997
  init_IFrameLoaderView();
3998
3998
  import_jsx_runtime70 = require("react/jsx-runtime");
3999
- IframeClient = ({ src }) => {
3999
+ IframeClient = ({
4000
+ src,
4001
+ width,
4002
+ height
4003
+ }) => {
4000
4004
  const iframeRef = (0, import_react53.useRef)(null);
4001
4005
  const [iframeHeight, setIframeHeight] = (0, import_react53.useState)("100%");
4002
4006
  const [isDataFound, setIsDataFound] = (0, import_react53.useState)(null);
@@ -4005,11 +4009,11 @@ var init_IframeClient = __esm({
4005
4009
  const eventName = event?.data?.eventName;
4006
4010
  const payload = event?.data?.payload;
4007
4011
  if (eventName === "SET_HEIGHT" && payload?.height) {
4008
- let height = 500;
4012
+ let height2 = 500;
4009
4013
  if (payload.height > 500) {
4010
- height = payload.height + 50;
4014
+ height2 = payload.height + 50;
4011
4015
  }
4012
- setIframeHeight(`${height}px`);
4016
+ setIframeHeight(`${height2}px`);
4013
4017
  }
4014
4018
  };
4015
4019
  window.addEventListener("message", handleReceiveMessage);
@@ -4018,7 +4022,10 @@ var init_IframeClient = __esm({
4018
4022
  (0, import_react53.useEffect)(() => {
4019
4023
  const handleResize = () => {
4020
4024
  if (iframeRef.current) {
4021
- iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
4025
+ iframeRef.current.contentWindow?.postMessage(
4026
+ { eventName: "RESIZE" },
4027
+ "*"
4028
+ );
4022
4029
  }
4023
4030
  };
4024
4031
  window.addEventListener("resize", handleResize);
@@ -4034,7 +4041,7 @@ var init_IframeClient = __esm({
4034
4041
  src,
4035
4042
  className: "w-full h-full border-none",
4036
4043
  scrolling: "no",
4037
- style: { height: iframeHeight },
4044
+ style: { width: width || "100%", height: height || iframeHeight },
4038
4045
  onLoad: handleIframeLoad
4039
4046
  }
4040
4047
  ) }) });
package/dist/index.mjs CHANGED
@@ -1202,7 +1202,7 @@ import React22 from "react";
1202
1202
  // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
1203
1203
  import dynamic9 from "next/dynamic";
1204
1204
  import { jsx as jsx30 } from "react/jsx-runtime";
1205
- var IframeClient = dynamic9(() => import("./IframeClient-RGJFZ5P2.mjs"), {
1205
+ var IframeClient = dynamic9(() => import("./IframeClient-E6VGPN6S.mjs"), {
1206
1206
  ssr: false
1207
1207
  });
1208
1208
  var EmbedNode = (props) => {
package/dist/server.js CHANGED
@@ -1766,7 +1766,11 @@ var init_IframeClient = __esm({
1766
1766
  import_react31 = __toESM(require("react"));
1767
1767
  init_IFrameLoaderView();
1768
1768
  import_jsx_runtime42 = require("react/jsx-runtime");
1769
- IframeClient = ({ src }) => {
1769
+ IframeClient = ({
1770
+ src,
1771
+ width,
1772
+ height
1773
+ }) => {
1770
1774
  const iframeRef = (0, import_react31.useRef)(null);
1771
1775
  const [iframeHeight, setIframeHeight] = (0, import_react31.useState)("100%");
1772
1776
  const [isDataFound, setIsDataFound] = (0, import_react31.useState)(null);
@@ -1775,11 +1779,11 @@ var init_IframeClient = __esm({
1775
1779
  const eventName = event?.data?.eventName;
1776
1780
  const payload = event?.data?.payload;
1777
1781
  if (eventName === "SET_HEIGHT" && payload?.height) {
1778
- let height = 500;
1782
+ let height2 = 500;
1779
1783
  if (payload.height > 500) {
1780
- height = payload.height + 50;
1784
+ height2 = payload.height + 50;
1781
1785
  }
1782
- setIframeHeight(`${height}px`);
1786
+ setIframeHeight(`${height2}px`);
1783
1787
  }
1784
1788
  };
1785
1789
  window.addEventListener("message", handleReceiveMessage);
@@ -1788,7 +1792,10 @@ var init_IframeClient = __esm({
1788
1792
  (0, import_react31.useEffect)(() => {
1789
1793
  const handleResize = () => {
1790
1794
  if (iframeRef.current) {
1791
- iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
1795
+ iframeRef.current.contentWindow?.postMessage(
1796
+ { eventName: "RESIZE" },
1797
+ "*"
1798
+ );
1792
1799
  }
1793
1800
  };
1794
1801
  window.addEventListener("resize", handleResize);
@@ -1804,7 +1811,7 @@ var init_IframeClient = __esm({
1804
1811
  src,
1805
1812
  className: "w-full h-full border-none",
1806
1813
  scrolling: "no",
1807
- style: { height: iframeHeight },
1814
+ style: { width: width || "100%", height: height || iframeHeight },
1808
1815
  onLoad: handleIframeLoad
1809
1816
  }
1810
1817
  ) }) });
package/dist/server.mjs CHANGED
@@ -1183,7 +1183,7 @@ import React22 from "react";
1183
1183
  // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
1184
1184
  import dynamic8 from "next/dynamic";
1185
1185
  import { jsx as jsx30 } from "react/jsx-runtime";
1186
- var IframeClient = dynamic8(() => import("./IframeClient-J22NMEVY.mjs"), {
1186
+ var IframeClient = dynamic8(() => import("./IframeClient-J64QAFNK.mjs"), {
1187
1187
  ssr: false
1188
1188
  });
1189
1189
  var EmbedNode = (props) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clyrex-digital/clyrex-controls-dev",
3
- "version": "0.8.1-dev.20260808073515",
3
+ "version": "0.8.1-dev.20260808091030",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",