@pack/react 2.1.4 → 2.1.6

package/dist/preview/render-sections.d.ts

@@ -3,6 +3,6 @@ interface RenderSectionsProps {
     content?: any;
 }
 export declare function RenderSections(props: RenderSectionsProps): React.JSX.Element | null;
-export declare function useSections(props: RenderSectionsProps): any;
+export declare function useSections(props: RenderSectionsProps): (React.JSX.Element | null)[] | null;
 export {};
 //# sourceMappingURL=render-sections.d.ts.map

package/dist/preview/render-sections.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-sections.d.ts","sourceRoot":"","sources":["../../src/preview/render-sections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAiCvC,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,GAAG,CAAC;CACf;AAiBD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,4BAKxD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,mBAAmB,OAMrD"}
+{"version":3,"file":"render-sections.d.ts","sourceRoot":"","sources":["../../src/preview/render-sections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAmCvC,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,GAAG,CAAC;CACf;AAiBD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,4BAKxD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,mBAAmB,uCAOrD"}

package/dist/preview/render-sections.js

@@ -1,25 +1,25 @@
 import React, { useMemo } from "react";
 import { usePreviewContext } from "./preview-content";
 import { sectionMap } from "../register-section";
+function renderSectionContent(sections) {
+    if (!sections)
+        return null;
+    return sections
+        .map((section) => {
+        const key = section.id || section.clientId;
+        const data = section.data || section;
+        data.dataSource = section.dataSource;
+        const schemaKey = data._template;
+        const Component = sectionMap.get(schemaKey);
+        if (!Component)
+            return null;
+        return data?.sectionVisibility === "hidden" ? null : (React.createElement("section", { key: key, "data-comp": schemaKey, "data-comp-id": key },
+            React.createElement(Component, { "comp-name": schemaKey, cms: data })));
+    })
+        .filter(Boolean);
+}
 function Sections({ sections }) {
-    const renderedSections = useMemo(() => {
-        return sections
-            .map((section) => {
-            // TODO: Return a consistent data structure from the API and the customizer
-            // Normalize section data
-            const key = section.id || section.clientId;
-            const data = section.data || section;
-            // Attach dataSource to the provided cms data
-            data.dataSource = section.dataSource;
-            const schemaKey = data._template;
-            const Component = sectionMap.get(schemaKey);
-            if (!Component)
-                return null;
-            return data?.sectionVisibility === "hidden" ? null : (React.createElement("section", { key: key, "data-comp": schemaKey, "data-comp-id": key },
-                React.createElement(Component, { "comp-name": schemaKey, cms: data })));
-        })
-            .filter(Boolean);
-    }, [sections]);
+    const renderedSections = useMemo(() => renderSectionContent(sections), [sections]);
     return React.createElement(React.Fragment, null, renderedSections);
 }
 function useRenderSections({ content }) {
@@ -42,8 +42,6 @@ export function RenderSections(props) {
 }
 export function useSections(props) {
     const sections = useRenderSections(props);
-    if (!sections)
-        return null;
-    const visibleSections = Sections({ sections });
-    return visibleSections?.props?.children || null;
+    const renderedSections = useMemo(() => renderSectionContent(sections), [sections]);
+    return renderedSections;
 }

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = "2.1.4";
+export const VERSION = "2.1.6";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pack/react",
   "description": "React",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "engines": {
@@ -22,7 +22,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@pack/types": "^0.0.2",
+    "@pack/types": "^0.0.3",
     "@types/react": "^18.2.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"