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

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, height, width }) => {
50
+ var IframeClient = ({ src }) => {
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, height, width }) => {
56
56
  const eventName = event?.data?.eventName;
57
57
  const payload = event?.data?.payload;
58
58
  if (eventName === "SET_HEIGHT" && payload?.height) {
59
- let height2 = 500;
59
+ let height = 500;
60
60
  if (payload.height > 500) {
61
- height2 = payload.height + 50;
61
+ height = payload.height + 50;
62
62
  }
63
- setIframeHeight(`${height2}px`);
63
+ setIframeHeight(`${height}px`);
64
64
  }
65
65
  };
66
66
  window.addEventListener("message", handleReceiveMessage);
@@ -83,11 +83,10 @@ var IframeClient = ({ src, height, width }) => {
83
83
  {
84
84
  ref: iframeRef,
85
85
  src,
86
- className: " border-none",
86
+ className: "w-full h-full border-none",
87
87
  scrolling: "no",
88
- onLoad: handleIframeLoad,
89
- height,
90
- width
88
+ style: { height: iframeHeight },
89
+ onLoad: handleIframeLoad
91
90
  }
92
91
  ) }) });
93
92
  };
@@ -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, height, width }) => {
52
+ var IframeClient = ({ src }) => {
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, height, width }) => {
58
58
  const eventName = event?.data?.eventName;
59
59
  const payload = event?.data?.payload;
60
60
  if (eventName === "SET_HEIGHT" && payload?.height) {
61
- let height2 = 500;
61
+ let height = 500;
62
62
  if (payload.height > 500) {
63
- height2 = payload.height + 50;
63
+ height = payload.height + 50;
64
64
  }
65
- setIframeHeight(`${height2}px`);
65
+ setIframeHeight(`${height}px`);
66
66
  }
67
67
  };
68
68
  window.addEventListener("message", handleReceiveMessage);
@@ -85,11 +85,10 @@ var IframeClient = ({ src, height, width }) => {
85
85
  {
86
86
  ref: iframeRef,
87
87
  src,
88
- className: " border-none",
88
+ className: "w-full h-full border-none",
89
89
  scrolling: "no",
90
- onLoad: handleIframeLoad,
91
- height,
92
- width
90
+ style: { height: iframeHeight },
91
+ onLoad: handleIframeLoad
93
92
  }
94
93
  ) }) });
95
94
  };
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, height, width }) => {
3916
+ IframeClient = ({ src }) => {
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 height2 = 500;
3925
+ let height = 500;
3926
3926
  if (payload.height > 500) {
3927
- height2 = payload.height + 50;
3927
+ height = payload.height + 50;
3928
3928
  }
3929
- setIframeHeight(`${height2}px`);
3929
+ setIframeHeight(`${height}px`);
3930
3930
  }
3931
3931
  };
3932
3932
  window.addEventListener("message", handleReceiveMessage);
@@ -3949,11 +3949,10 @@ var init_IframeClient = __esm({
3949
3949
  {
3950
3950
  ref: iframeRef,
3951
3951
  src,
3952
- className: " border-none",
3952
+ className: "w-full h-full border-none",
3953
3953
  scrolling: "no",
3954
- onLoad: handleIframeLoad,
3955
- height,
3956
- width
3954
+ style: { height: iframeHeight },
3955
+ onLoad: handleIframeLoad
3957
3956
  }
3958
3957
  ) }) });
3959
3958
  };
@@ -5881,7 +5880,7 @@ var EmbedNode = (props) => {
5881
5880
  } else {
5882
5881
  src = props.node.embedSrc;
5883
5882
  }
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 }) });
5883
+ return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(IframeClient2, { src }) });
5885
5884
  };
5886
5885
  var EmbedNode_default = EmbedNode;
5887
5886
 
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-ZFI2S3GR.mjs"), {
1198
+ var IframeClient = dynamic8(() => import("./IframeClient-RGJFZ5P2.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, height: props.node.height, width: props.node.width }) });
1210
+ return /* @__PURE__ */ jsx30("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx30(IframeClient, { src }) });
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, height, width }) => {
1686
+ IframeClient = ({ src }) => {
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 height2 = 500;
1695
+ let height = 500;
1696
1696
  if (payload.height > 500) {
1697
- height2 = payload.height + 50;
1697
+ height = payload.height + 50;
1698
1698
  }
1699
- setIframeHeight(`${height2}px`);
1699
+ setIframeHeight(`${height}px`);
1700
1700
  }
1701
1701
  };
1702
1702
  window.addEventListener("message", handleReceiveMessage);
@@ -1719,11 +1719,10 @@ var init_IframeClient = __esm({
1719
1719
  {
1720
1720
  ref: iframeRef,
1721
1721
  src,
1722
- className: " border-none",
1722
+ className: "w-full h-full border-none",
1723
1723
  scrolling: "no",
1724
- onLoad: handleIframeLoad,
1725
- height,
1726
- width
1724
+ style: { height: iframeHeight },
1725
+ onLoad: handleIframeLoad
1727
1726
  }
1728
1727
  ) }) });
1729
1728
  };
@@ -3734,7 +3733,7 @@ var EmbedNode = (props) => {
3734
3733
  } else {
3735
3734
  src = props.node.embedSrc;
3736
3735
  }
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 }) });
3736
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IframeClient2, { src }) });
3738
3737
  };
3739
3738
  var EmbedNode_default = EmbedNode;
3740
3739
 
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-7MLB3UB2.mjs"), {
1179
+ var IframeClient = dynamic7(() => import("./IframeClient-J22NMEVY.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, height: props.node.height, width: props.node.width }) });
1191
+ return /* @__PURE__ */ jsx30("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx30(IframeClient, { src }) });
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.20260807124440",
3
+ "version": "0.8.1-dev.20260807130918",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",