@creopse/react 0.0.13 → 0.0.15
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.
- package/dist/index.cjs +13 -7
- package/dist/index.mjs +13 -7
- package/dist/react.css +3 -0
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -8180,6 +8180,10 @@ const useSetup = () => {
|
|
|
8180
8180
|
getFinalPageSections
|
|
8181
8181
|
};
|
|
8182
8182
|
};
|
|
8183
|
+
const resetStyles = "_reset-styles_1tka1_1";
|
|
8184
|
+
const styles = {
|
|
8185
|
+
resetStyles
|
|
8186
|
+
};
|
|
8183
8187
|
const RootContainer = () => {
|
|
8184
8188
|
const { page } = content.useContent();
|
|
8185
8189
|
const props = content.useProps();
|
|
@@ -8364,9 +8368,10 @@ const RootContainer = () => {
|
|
|
8364
8368
|
window.removeEventListener("message", handleMessage);
|
|
8365
8369
|
};
|
|
8366
8370
|
}, [sections, manager, getFinalPageSections]);
|
|
8367
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
|
|
8371
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.resetStyles, children: sections.map((section) => {
|
|
8368
8372
|
const Component = components[section.name];
|
|
8369
|
-
const
|
|
8373
|
+
const staticKey = `${section.slug}__${section.pivot?.linkId}`;
|
|
8374
|
+
const dynamicKey = sectionKeys[`${staticKey}-key`];
|
|
8370
8375
|
if (!Component) {
|
|
8371
8376
|
console.warn(`[@creopse/react] Component not found: ${section.name}`);
|
|
8372
8377
|
return null;
|
|
@@ -8374,14 +8379,14 @@ const RootContainer = () => {
|
|
|
8374
8379
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
8375
8380
|
"section",
|
|
8376
8381
|
{
|
|
8377
|
-
id: `${
|
|
8378
|
-
|
|
8382
|
+
id: `${staticKey}-container`,
|
|
8383
|
+
className: styles.resetStyles,
|
|
8379
8384
|
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
8380
8385
|
Component,
|
|
8381
8386
|
{
|
|
8382
8387
|
data: section.pivot?.data,
|
|
8383
8388
|
settings: section.pivot?.settings,
|
|
8384
|
-
sectionKey:
|
|
8389
|
+
sectionKey: staticKey,
|
|
8385
8390
|
metadata: {
|
|
8386
8391
|
slug: section.slug,
|
|
8387
8392
|
name: section.name,
|
|
@@ -8390,10 +8395,11 @@ const RootContainer = () => {
|
|
|
8390
8395
|
createdAt: section.createdAt,
|
|
8391
8396
|
updatedAt: section.updatedAt
|
|
8392
8397
|
}
|
|
8393
|
-
}
|
|
8398
|
+
},
|
|
8399
|
+
dynamicKey
|
|
8394
8400
|
)
|
|
8395
8401
|
},
|
|
8396
|
-
|
|
8402
|
+
staticKey
|
|
8397
8403
|
);
|
|
8398
8404
|
}) }, sectionsWrapperKey);
|
|
8399
8405
|
};
|
package/dist/index.mjs
CHANGED
|
@@ -8162,6 +8162,10 @@ const useSetup = () => {
|
|
|
8162
8162
|
getFinalPageSections
|
|
8163
8163
|
};
|
|
8164
8164
|
};
|
|
8165
|
+
const resetStyles = "_reset-styles_1tka1_1";
|
|
8166
|
+
const styles = {
|
|
8167
|
+
resetStyles
|
|
8168
|
+
};
|
|
8165
8169
|
const RootContainer = () => {
|
|
8166
8170
|
const { page } = useContent();
|
|
8167
8171
|
const props = useProps();
|
|
@@ -8346,9 +8350,10 @@ const RootContainer = () => {
|
|
|
8346
8350
|
window.removeEventListener("message", handleMessage);
|
|
8347
8351
|
};
|
|
8348
8352
|
}, [sections, manager, getFinalPageSections]);
|
|
8349
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
|
|
8353
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.resetStyles, children: sections.map((section) => {
|
|
8350
8354
|
const Component2 = components[section.name];
|
|
8351
|
-
const
|
|
8355
|
+
const staticKey = `${section.slug}__${section.pivot?.linkId}`;
|
|
8356
|
+
const dynamicKey = sectionKeys[`${staticKey}-key`];
|
|
8352
8357
|
if (!Component2) {
|
|
8353
8358
|
console.warn(`[@creopse/react] Component not found: ${section.name}`);
|
|
8354
8359
|
return null;
|
|
@@ -8356,14 +8361,14 @@ const RootContainer = () => {
|
|
|
8356
8361
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
8357
8362
|
"section",
|
|
8358
8363
|
{
|
|
8359
|
-
id: `${
|
|
8360
|
-
|
|
8364
|
+
id: `${staticKey}-container`,
|
|
8365
|
+
className: styles.resetStyles,
|
|
8361
8366
|
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
8362
8367
|
Component2,
|
|
8363
8368
|
{
|
|
8364
8369
|
data: section.pivot?.data,
|
|
8365
8370
|
settings: section.pivot?.settings,
|
|
8366
|
-
sectionKey:
|
|
8371
|
+
sectionKey: staticKey,
|
|
8367
8372
|
metadata: {
|
|
8368
8373
|
slug: section.slug,
|
|
8369
8374
|
name: section.name,
|
|
@@ -8372,10 +8377,11 @@ const RootContainer = () => {
|
|
|
8372
8377
|
createdAt: section.createdAt,
|
|
8373
8378
|
updatedAt: section.updatedAt
|
|
8374
8379
|
}
|
|
8375
|
-
}
|
|
8380
|
+
},
|
|
8381
|
+
dynamicKey
|
|
8376
8382
|
)
|
|
8377
8383
|
},
|
|
8378
|
-
|
|
8384
|
+
staticKey
|
|
8379
8385
|
);
|
|
8380
8386
|
}) }, sectionsWrapperKey);
|
|
8381
8387
|
};
|
package/dist/react.css
ADDED