react-layout-sdk 1.1.18 → 1.1.19

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.
Files changed (4) hide show
  1. package/dist/index.js +2 -9
  2. package/dist/index.mjs +2 -9
  3. package/package.json +1 -1
  4. package/src/Layout.tsx +13 -11
package/dist/index.js CHANGED
@@ -92,15 +92,8 @@ var Placeholder = ({ name, rendering, customProps, componentMap }) => {
92
92
  // src/Layout.tsx
93
93
  var import_react2 = __toESM(require("react"));
94
94
  var JDLayout = ({ layoutData, placeholderComponent: Placeholder2 }) => {
95
- const { route, context } = layoutData.strapi;
96
- return /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex flex-col min-h-screen", style: { display: "flex", flexDirection: "column", minHeight: "100vh" } }, /* @__PURE__ */ import_react2.default.createElement("header", null, /* @__PURE__ */ import_react2.default.createElement(
97
- Placeholder2,
98
- {
99
- name: "header",
100
- rendering: route.placeholders.header || [],
101
- customProps: { locales: context.locales, currentLocale: context.language }
102
- }
103
- )), /* @__PURE__ */ import_react2.default.createElement("main", { className: "grow", style: { flexGrow: 1 } }, /* @__PURE__ */ import_react2.default.createElement(Placeholder2, { name: "main", rendering: route.placeholders.main || [] })), /* @__PURE__ */ import_react2.default.createElement("footer", null, /* @__PURE__ */ import_react2.default.createElement(Placeholder2, { name: "footer", rendering: route.placeholders.footer || [] })));
95
+ const { route } = layoutData.strapi;
96
+ return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("header", null, /* @__PURE__ */ import_react2.default.createElement("div", { id: "header" }, route && /* @__PURE__ */ import_react2.default.createElement(Placeholder2, { name: "headless-header", rendering: route.placeholders["headless-header"] || [] }))), /* @__PURE__ */ import_react2.default.createElement("main", { style: { minHeight: "calc(100vh - 100px)" } }, /* @__PURE__ */ import_react2.default.createElement("div", { id: "content", className: "pageContent" }, route && /* @__PURE__ */ import_react2.default.createElement(Placeholder2, { name: "headless-main", rendering: route.placeholders["headless-main"] || [] }))), /* @__PURE__ */ import_react2.default.createElement("footer", null, /* @__PURE__ */ import_react2.default.createElement("div", { id: "footer" }, route && /* @__PURE__ */ import_react2.default.createElement(Placeholder2, { name: "headless-footer", rendering: route.placeholders["headless-footer"] || [] }))));
104
97
  };
105
98
 
106
99
  // src/Page.tsx
package/dist/index.mjs CHANGED
@@ -51,15 +51,8 @@ var Placeholder = ({ name, rendering, customProps, componentMap }) => {
51
51
  // src/Layout.tsx
52
52
  import React2 from "react";
53
53
  var JDLayout = ({ layoutData, placeholderComponent: Placeholder2 }) => {
54
- const { route, context } = layoutData.strapi;
55
- return /* @__PURE__ */ React2.createElement("div", { className: "flex flex-col min-h-screen", style: { display: "flex", flexDirection: "column", minHeight: "100vh" } }, /* @__PURE__ */ React2.createElement("header", null, /* @__PURE__ */ React2.createElement(
56
- Placeholder2,
57
- {
58
- name: "header",
59
- rendering: route.placeholders.header || [],
60
- customProps: { locales: context.locales, currentLocale: context.language }
61
- }
62
- )), /* @__PURE__ */ React2.createElement("main", { className: "grow", style: { flexGrow: 1 } }, /* @__PURE__ */ React2.createElement(Placeholder2, { name: "main", rendering: route.placeholders.main || [] })), /* @__PURE__ */ React2.createElement("footer", null, /* @__PURE__ */ React2.createElement(Placeholder2, { name: "footer", rendering: route.placeholders.footer || [] })));
54
+ const { route } = layoutData.strapi;
55
+ return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("header", null, /* @__PURE__ */ React2.createElement("div", { id: "header" }, route && /* @__PURE__ */ React2.createElement(Placeholder2, { name: "headless-header", rendering: route.placeholders["headless-header"] || [] }))), /* @__PURE__ */ React2.createElement("main", { style: { minHeight: "calc(100vh - 100px)" } }, /* @__PURE__ */ React2.createElement("div", { id: "content", className: "pageContent" }, route && /* @__PURE__ */ React2.createElement(Placeholder2, { name: "headless-main", rendering: route.placeholders["headless-main"] || [] }))), /* @__PURE__ */ React2.createElement("footer", null, /* @__PURE__ */ React2.createElement("div", { id: "footer" }, route && /* @__PURE__ */ React2.createElement(Placeholder2, { name: "headless-footer", rendering: route.placeholders["headless-footer"] || [] }))));
63
56
  };
64
57
 
65
58
  // src/Page.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-layout-sdk",
3
- "version": "1.1.18",
3
+ "version": "1.1.19",
4
4
  "description": "React components for JD SDK (Sitecore-like routing)",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
package/src/Layout.tsx CHANGED
@@ -15,25 +15,27 @@ export interface JDLayoutProps {
15
15
  * Uses Tailwind CSS classes by default, with inline styles as fallbacks.
16
16
  */
17
17
  export const JDLayout: React.FC<JDLayoutProps> = ({ layoutData, placeholderComponent: Placeholder }) => {
18
- const { route, context } = layoutData.strapi;
18
+ const { route } = layoutData.strapi;
19
19
 
20
20
  return (
21
- <div className="flex flex-col min-h-screen" style={{ display: 'flex', flexDirection: 'column', minHeight: '100vh' }}>
21
+ <>
22
22
  <header>
23
- <Placeholder
24
- name="header"
25
- rendering={route.placeholders.header || []}
26
- customProps={{ locales: context.locales, currentLocale: context.language }}
27
- />
23
+ <div id="header">
24
+ {route && <Placeholder name="headless-header" rendering={route.placeholders['headless-header'] || []} />}
25
+ </div>
28
26
  </header>
29
27
 
30
- <main className="grow" style={{ flexGrow: 1 }}>
31
- <Placeholder name="main" rendering={route.placeholders.main || []} />
28
+ <main style={{ minHeight: 'calc(100vh - 100px)' }}>
29
+ <div id="content" className="pageContent">
30
+ {route && <Placeholder name="headless-main" rendering={route.placeholders['headless-main'] || []} />}
31
+ </div>
32
32
  </main>
33
33
 
34
34
  <footer>
35
- <Placeholder name="footer" rendering={route.placeholders.footer || []} />
35
+ <div id="footer">
36
+ {route && <Placeholder name="headless-footer" rendering={route.placeholders['headless-footer'] || []} />}
37
+ </div>
36
38
  </footer>
37
- </div>
39
+ </>
38
40
  );
39
41
  };