@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
|
|
59
|
+
let height2 = 500;
|
|
60
60
|
if (payload.height > 500) {
|
|
61
|
-
|
|
61
|
+
height2 = payload.height + 50;
|
|
62
62
|
}
|
|
63
|
-
setIframeHeight(`${
|
|
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: "
|
|
86
|
+
className: " border-none",
|
|
87
87
|
scrolling: "no",
|
|
88
|
-
|
|
89
|
-
|
|
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
|
|
61
|
+
let height2 = 500;
|
|
62
62
|
if (payload.height > 500) {
|
|
63
|
-
|
|
63
|
+
height2 = payload.height + 50;
|
|
64
64
|
}
|
|
65
|
-
setIframeHeight(`${
|
|
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: "
|
|
88
|
+
className: " border-none",
|
|
89
89
|
scrolling: "no",
|
|
90
|
-
|
|
91
|
-
|
|
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
|
|
3925
|
+
let height2 = 500;
|
|
3926
3926
|
if (payload.height > 500) {
|
|
3927
|
-
|
|
3927
|
+
height2 = payload.height + 50;
|
|
3928
3928
|
}
|
|
3929
|
-
setIframeHeight(`${
|
|
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: "
|
|
3952
|
+
className: " border-none",
|
|
3953
3953
|
scrolling: "no",
|
|
3954
|
-
|
|
3955
|
-
|
|
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-
|
|
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
|
|
1695
|
+
let height2 = 500;
|
|
1696
1696
|
if (payload.height > 500) {
|
|
1697
|
-
|
|
1697
|
+
height2 = payload.height + 50;
|
|
1698
1698
|
}
|
|
1699
|
-
setIframeHeight(`${
|
|
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: "
|
|
1722
|
+
className: " border-none",
|
|
1723
1723
|
scrolling: "no",
|
|
1724
|
-
|
|
1725
|
-
|
|
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-
|
|
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
|
|