@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260803112407 → 0.8.1-dev.20260807124440

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.
@@ -47,7 +47,7 @@ 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 = ({ src, height, width }) => {
51
51
  const iframeRef = useRef(null);
52
52
  const [iframeHeight, setIframeHeight] = useState("100%");
53
53
  const [isDataFound, setIsDataFound] = useState(null);
@@ -56,11 +56,11 @@ var IframeClient = ({ src }) => {
56
56
  const eventName = event?.data?.eventName;
57
57
  const payload = event?.data?.payload;
58
58
  if (eventName === "SET_HEIGHT" && payload?.height) {
59
- let height = 500;
59
+ let height2 = 500;
60
60
  if (payload.height > 500) {
61
- height = payload.height + 50;
61
+ height2 = payload.height + 50;
62
62
  }
63
- setIframeHeight(`${height}px`);
63
+ setIframeHeight(`${height2}px`);
64
64
  }
65
65
  };
66
66
  window.addEventListener("message", handleReceiveMessage);
@@ -83,10 +83,11 @@ var IframeClient = ({ src }) => {
83
83
  {
84
84
  ref: iframeRef,
85
85
  src,
86
- className: "w-full h-full border-none",
86
+ className: " border-none",
87
87
  scrolling: "no",
88
- style: { height: iframeHeight },
89
- onLoad: handleIframeLoad
88
+ onLoad: handleIframeLoad,
89
+ height,
90
+ width
90
91
  }
91
92
  ) }) });
92
93
  };
@@ -49,7 +49,7 @@ 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 = ({ src, height, width }) => {
53
53
  const iframeRef = useRef(null);
54
54
  const [iframeHeight, setIframeHeight] = useState("100%");
55
55
  const [isDataFound, setIsDataFound] = useState(null);
@@ -58,11 +58,11 @@ var IframeClient = ({ src }) => {
58
58
  const eventName = event?.data?.eventName;
59
59
  const payload = event?.data?.payload;
60
60
  if (eventName === "SET_HEIGHT" && payload?.height) {
61
- let height = 500;
61
+ let height2 = 500;
62
62
  if (payload.height > 500) {
63
- height = payload.height + 50;
63
+ height2 = payload.height + 50;
64
64
  }
65
- setIframeHeight(`${height}px`);
65
+ setIframeHeight(`${height2}px`);
66
66
  }
67
67
  };
68
68
  window.addEventListener("message", handleReceiveMessage);
@@ -85,10 +85,11 @@ var IframeClient = ({ src }) => {
85
85
  {
86
86
  ref: iframeRef,
87
87
  src,
88
- className: "w-full h-full border-none",
88
+ className: " border-none",
89
89
  scrolling: "no",
90
- style: { height: iframeHeight },
91
- onLoad: handleIframeLoad
90
+ onLoad: handleIframeLoad,
91
+ height,
92
+ width
92
93
  }
93
94
  ) }) });
94
95
  };
package/dist/index.js CHANGED
@@ -3913,7 +3913,7 @@ var init_IframeClient = __esm({
3913
3913
  import_react52 = __toESM(require("react"));
3914
3914
  init_IFrameLoaderView();
3915
3915
  import_jsx_runtime69 = require("react/jsx-runtime");
3916
- IframeClient = ({ src }) => {
3916
+ IframeClient = ({ src, height, width }) => {
3917
3917
  const iframeRef = (0, import_react52.useRef)(null);
3918
3918
  const [iframeHeight, setIframeHeight] = (0, import_react52.useState)("100%");
3919
3919
  const [isDataFound, setIsDataFound] = (0, import_react52.useState)(null);
@@ -3922,11 +3922,11 @@ var init_IframeClient = __esm({
3922
3922
  const eventName = event?.data?.eventName;
3923
3923
  const payload = event?.data?.payload;
3924
3924
  if (eventName === "SET_HEIGHT" && payload?.height) {
3925
- let height = 500;
3925
+ let height2 = 500;
3926
3926
  if (payload.height > 500) {
3927
- height = payload.height + 50;
3927
+ height2 = payload.height + 50;
3928
3928
  }
3929
- setIframeHeight(`${height}px`);
3929
+ setIframeHeight(`${height2}px`);
3930
3930
  }
3931
3931
  };
3932
3932
  window.addEventListener("message", handleReceiveMessage);
@@ -3949,10 +3949,11 @@ var init_IframeClient = __esm({
3949
3949
  {
3950
3950
  ref: iframeRef,
3951
3951
  src,
3952
- className: "w-full h-full border-none",
3952
+ className: " border-none",
3953
3953
  scrolling: "no",
3954
- style: { height: iframeHeight },
3955
- onLoad: handleIframeLoad
3954
+ onLoad: handleIframeLoad,
3955
+ height,
3956
+ width
3956
3957
  }
3957
3958
  ) }) });
3958
3959
  };
@@ -5880,7 +5881,7 @@ var EmbedNode = (props) => {
5880
5881
  } else {
5881
5882
  src = props.node.embedSrc;
5882
5883
  }
5883
- return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(IframeClient2, { src }) });
5884
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(IframeClient2, { src, height: props.node.height, width: props.node.width }) });
5884
5885
  };
5885
5886
  var EmbedNode_default = EmbedNode;
5886
5887
 
package/dist/index.mjs CHANGED
@@ -1195,7 +1195,7 @@ import React22 from "react";
1195
1195
  // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
1196
1196
  import dynamic8 from "next/dynamic";
1197
1197
  import { jsx as jsx30 } from "react/jsx-runtime";
1198
- var IframeClient = dynamic8(() => import("./IframeClient-RGJFZ5P2.mjs"), {
1198
+ var IframeClient = dynamic8(() => import("./IframeClient-ZFI2S3GR.mjs"), {
1199
1199
  ssr: false
1200
1200
  });
1201
1201
  var EmbedNode = (props) => {
@@ -1207,7 +1207,7 @@ var EmbedNode = (props) => {
1207
1207
  } else {
1208
1208
  src = props.node.embedSrc;
1209
1209
  }
1210
- return /* @__PURE__ */ jsx30("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx30(IframeClient, { src }) });
1210
+ return /* @__PURE__ */ jsx30("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx30(IframeClient, { src, height: props.node.height, width: props.node.width }) });
1211
1211
  };
1212
1212
  var EmbedNode_default = EmbedNode;
1213
1213
 
package/dist/server.js CHANGED
@@ -1683,7 +1683,7 @@ var init_IframeClient = __esm({
1683
1683
  import_react30 = __toESM(require("react"));
1684
1684
  init_IFrameLoaderView();
1685
1685
  import_jsx_runtime41 = require("react/jsx-runtime");
1686
- IframeClient = ({ src }) => {
1686
+ IframeClient = ({ src, height, width }) => {
1687
1687
  const iframeRef = (0, import_react30.useRef)(null);
1688
1688
  const [iframeHeight, setIframeHeight] = (0, import_react30.useState)("100%");
1689
1689
  const [isDataFound, setIsDataFound] = (0, import_react30.useState)(null);
@@ -1692,11 +1692,11 @@ var init_IframeClient = __esm({
1692
1692
  const eventName = event?.data?.eventName;
1693
1693
  const payload = event?.data?.payload;
1694
1694
  if (eventName === "SET_HEIGHT" && payload?.height) {
1695
- let height = 500;
1695
+ let height2 = 500;
1696
1696
  if (payload.height > 500) {
1697
- height = payload.height + 50;
1697
+ height2 = payload.height + 50;
1698
1698
  }
1699
- setIframeHeight(`${height}px`);
1699
+ setIframeHeight(`${height2}px`);
1700
1700
  }
1701
1701
  };
1702
1702
  window.addEventListener("message", handleReceiveMessage);
@@ -1719,10 +1719,11 @@ var init_IframeClient = __esm({
1719
1719
  {
1720
1720
  ref: iframeRef,
1721
1721
  src,
1722
- className: "w-full h-full border-none",
1722
+ className: " border-none",
1723
1723
  scrolling: "no",
1724
- style: { height: iframeHeight },
1725
- onLoad: handleIframeLoad
1724
+ onLoad: handleIframeLoad,
1725
+ height,
1726
+ width
1726
1727
  }
1727
1728
  ) }) });
1728
1729
  };
@@ -3733,7 +3734,7 @@ var EmbedNode = (props) => {
3733
3734
  } else {
3734
3735
  src = props.node.embedSrc;
3735
3736
  }
3736
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IframeClient2, { src }) });
3737
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IframeClient2, { src, height: props.node.height, width: props.node.width }) });
3737
3738
  };
3738
3739
  var EmbedNode_default = EmbedNode;
3739
3740
 
package/dist/server.mjs CHANGED
@@ -1176,7 +1176,7 @@ import React22 from "react";
1176
1176
  // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
1177
1177
  import dynamic7 from "next/dynamic";
1178
1178
  import { jsx as jsx30 } from "react/jsx-runtime";
1179
- var IframeClient = dynamic7(() => import("./IframeClient-J22NMEVY.mjs"), {
1179
+ var IframeClient = dynamic7(() => import("./IframeClient-7MLB3UB2.mjs"), {
1180
1180
  ssr: false
1181
1181
  });
1182
1182
  var EmbedNode = (props) => {
@@ -1188,7 +1188,7 @@ var EmbedNode = (props) => {
1188
1188
  } else {
1189
1189
  src = props.node.embedSrc;
1190
1190
  }
1191
- return /* @__PURE__ */ jsx30("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx30(IframeClient, { src }) });
1191
+ return /* @__PURE__ */ jsx30("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx30(IframeClient, { src, height: props.node.height, width: props.node.width }) });
1192
1192
  };
1193
1193
  var EmbedNode_default = EmbedNode;
1194
1194
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clyrex-digital/clyrex-controls-dev",
3
- "version": "0.8.1-dev.20260803112407",
3
+ "version": "0.8.1-dev.20260807124440",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",