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

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.
@@ -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,10 @@ 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: {
98
+ width: width != null ? `${width}px` : "100%",
99
+ height: height != null ? `${height}px` : iframeHeight
100
+ },
91
101
  onLoad: handleIframeLoad
92
102
  }
93
103
  ) }) });
@@ -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,10 @@ 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: {
96
+ width: width != null ? `${width}px` : "100%",
97
+ height: height != null ? `${height}px` : iframeHeight
98
+ },
89
99
  onLoad: handleIframeLoad
90
100
  }
91
101
  ) }) });