@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
|
|
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
|
|
59
|
+
let height = 500;
|
|
60
60
|
if (payload.height > 500) {
|
|
61
|
-
|
|
61
|
+
height = payload.height + 50;
|
|
62
62
|
}
|
|
63
|
-
setIframeHeight(`${
|
|
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
|
-
|
|
89
|
-
|
|
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
|
|
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
|
|
61
|
+
let height = 500;
|
|
62
62
|
if (payload.height > 500) {
|
|
63
|
-
|
|
63
|
+
height = payload.height + 50;
|
|
64
64
|
}
|
|
65
|
-
setIframeHeight(`${
|
|
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
|
-
|
|
91
|
-
|
|
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
|
|
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
|
|
3925
|
+
let height = 500;
|
|
3926
3926
|
if (payload.height > 500) {
|
|
3927
|
-
|
|
3927
|
+
height = payload.height + 50;
|
|
3928
3928
|
}
|
|
3929
|
-
setIframeHeight(`${
|
|
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
|
-
|
|
3955
|
-
|
|
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
|
|
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-
|
|
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
|
|
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
|
|
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
|
|
1695
|
+
let height = 500;
|
|
1696
1696
|
if (payload.height > 500) {
|
|
1697
|
-
|
|
1697
|
+
height = payload.height + 50;
|
|
1698
1698
|
}
|
|
1699
|
-
setIframeHeight(`${
|
|
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
|
-
|
|
1725
|
-
|
|
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
|
|
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-
|
|
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
|
|
1191
|
+
return /* @__PURE__ */ jsx30("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx30(IframeClient, { src }) });
|
|
1192
1192
|
};
|
|
1193
1193
|
var EmbedNode_default = EmbedNode;
|
|
1194
1194
|
|