@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 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", { style: { all: "unset" }, children: sections.map((section) => {
8371
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.resetStyles, children: sections.map((section) => {
8368
8372
  const Component = components[section.name];
8369
- const key = sectionKeys[`${section.slug}__${section.pivot?.linkId}-key`];
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: `${section.slug}__${section.pivot?.linkId}-container`,
8378
- style: { all: "unset" },
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: `${section.slug}__${section.pivot?.linkId}`,
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
- key
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", { style: { all: "unset" }, children: sections.map((section) => {
8353
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.resetStyles, children: sections.map((section) => {
8350
8354
  const Component2 = components[section.name];
8351
- const key = sectionKeys[`${section.slug}__${section.pivot?.linkId}-key`];
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: `${section.slug}__${section.pivot?.linkId}-container`,
8360
- style: { all: "unset" },
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: `${section.slug}__${section.pivot?.linkId}`,
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
- key
8384
+ staticKey
8379
8385
  );
8380
8386
  }) }, sectionsWrapperKey);
8381
8387
  };
package/dist/react.css ADDED
@@ -0,0 +1,3 @@
1
+ ._reset-styles_1tka1_1 {
2
+ all: revert !important;
3
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@creopse/react",
3
3
  "description": "Creopse React Toolkit",
4
- "version": "0.0.13",
4
+ "version": "0.0.15",
5
5
  "private": false,
6
6
  "author": "Noé Gnanih <noegnanih@gmail.com>",
7
7
  "license": "MIT",