@dotcms/react 1.2.6-next.2 → 1.3.0-next.1

package/index.server.esm.js

@@ -1,8 +1,3 @@
 export { DotCMSLayoutBody } from './lib/next/components/DotCMSLayoutBody/DotCMSLayoutBody.esm.js';
-export { DotCMSShow } from './lib/next/components/DotCMSShow/DotCMSShow.esm.js';
-export { useDotCMSShowWhen } from './lib/next/hooks/useDotCMSShowWhen.esm.js';
-export { useEditableDotCMSPage } from './lib/next/hooks/useEditableDotCMSPage.esm.js';
-export { DotCMSBlockEditorRenderer } from './lib/next/components/DotCMSBlockEditorRenderer/DotCMSBlockEditorRenderer.esm.js';
-export { useAISearch } from './lib/next/hooks/useAISearch.esm.js';
-export { useStyleEditorSchemas } from './lib/next/hooks/useStyleEditorSchemas.esm.js';
 export { buildSlots } from './lib/next/utils/buildSlots.esm.js';
+export { DotCMSBlockEditorRenderer } from './lib/next/components/DotCMSBlockEditorRenderer/DotCMSBlockEditorRenderer.esm.js';

package/lib/next/components/Contentlet/Contentlet.esm.js

@@ -67,7 +67,7 @@ function CustomComponent({
     userComponents,
     slots
   } = useContext(DotCMSPageContext);
-  const slotNode = slots == null ? void 0 : slots[contentlet == null ? void 0 : contentlet.identifier];
+  const slotNode = contentlet != null && contentlet.identifier ? slots == null ? void 0 : slots[contentlet.identifier] : undefined;
   if (slotNode !== undefined) {
     return jsx(Fragment, {
       children: slotNode

package/lib/next/utils/buildSlots.esm.js

@@ -1,5 +1,3 @@
-import { jsx } from 'react/jsx-runtime';
-
 /**
  * Builds a slots map of pre-rendered server component nodes keyed by contentlet identifier.
  *
@@ -7,23 +5,24 @@ import { jsx } from 'react/jsx-runtime';
  * (e.g., components that fetch data) within a DotCMS page layout. Pass the
  * resulting map to `DotCMSLayoutBody` via the `slots` prop.
  *
+ * Each component is awaited, so the returned record contains resolved `ReactNode`
+ * values — safe to pass as props to client components without `React.use()`.
+ *
  * @public
  * @param containers - The containers map from `pageAsset.containers`
  * @param serverComponents - A map of content type names to async server components
- * @returns A record mapping contentlet identifiers to pre-rendered ReactNodes
+ * @returns A promise resolving to a record mapping contentlet identifiers to pre-rendered ReactNodes
  *
  * @example
  * ```tsx
- * const slots = buildSlots(pageContent.pageAsset.containers, {
+ * const slots = await buildSlots(pageContent.pageAsset.containers, {
  *   BlogList: BlogListContainer,
  * });
  *
  * <DotCMSLayoutBody page={pageAsset} components={pageComponents} slots={slots} />
  * ```
  */
-function buildSlots(containers,
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-serverComponents) {
+async function buildSlots(containers, serverComponents) {
   const slots = {};
   for (const {
     contentlets
@@ -31,8 +30,8 @@ serverComponents) {
     for (const contentletList of Object.values(contentlets)) {
       for (const contentlet of contentletList) {
         const Component = serverComponents[contentlet.contentType];
-        if (Component) {
-          slots[contentlet.identifier] = jsx(Component, Object.assign({}, contentlet));
+        if (Component && contentlet.identifier) {
+          slots[contentlet.identifier] = await Component(contentlet);
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotcms/react",
-  "version": "1.2.6-next.2",
+  "version": "1.3.0-next.1",
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"

package/src/index.d.ts

@@ -3,8 +3,9 @@ export { DotCMSShow } from './lib/next/components/DotCMSShow/DotCMSShow';
 export { useDotCMSShowWhen } from './lib/next/hooks/useDotCMSShowWhen';
 export { useEditableDotCMSPage } from './lib/next/hooks/useEditableDotCMSPage';
 export { DotCMSEditableText } from './lib/next/components/DotCMSEditableText/DotCMSEditableText';
-export { DotCMSBlockEditorRenderer, BlockEditorRendererProps, CustomRenderer, CustomRendererProps } from './lib/next/components/DotCMSBlockEditorRenderer/DotCMSBlockEditorRenderer';
-export { DotCMSLayoutBodyProps } from './lib/next/components/DotCMSLayoutBody/DotCMSLayoutBody';
+export { DotCMSBlockEditorRenderer, CustomRenderer } from './lib/next/components/DotCMSBlockEditorRenderer/DotCMSBlockEditorRenderer';
+export type { BlockEditorRendererProps, CustomRendererProps } from './lib/next/components/DotCMSBlockEditorRenderer/DotCMSBlockEditorRenderer';
+export type { DotCMSLayoutBodyProps } from './lib/next/components/DotCMSLayoutBody/DotCMSLayoutBody';
 export { useAISearch } from './lib/next/hooks/useAISearch';
 export { useStyleEditorSchemas } from './lib/next/hooks/useStyleEditorSchemas';
 export type { DotCMSAISearchValue, DotCMSAISearchProps } from './lib/next/shared/types';

package/src/index.server.d.ts

@@ -1,11 +1,6 @@
 export { DotCMSLayoutBody } from './lib/next/components/DotCMSLayoutBody/DotCMSLayoutBody';
-export { DotCMSShow } from './lib/next/components/DotCMSShow/DotCMSShow';
-export { useDotCMSShowWhen } from './lib/next/hooks/useDotCMSShowWhen';
-export { useEditableDotCMSPage } from './lib/next/hooks/useEditableDotCMSPage';
+export type { DotCMSLayoutBodyProps } from './lib/next/components/DotCMSLayoutBody/DotCMSLayoutBody';
+export { buildSlots } from './lib/next/utils/buildSlots';
 export { DotCMSBlockEditorRenderer, CustomRenderer } from './lib/next/components/DotCMSBlockEditorRenderer/DotCMSBlockEditorRenderer';
 export type { BlockEditorRendererProps, CustomRendererProps } from './lib/next/components/DotCMSBlockEditorRenderer/DotCMSBlockEditorRenderer';
-export type { DotCMSLayoutBodyProps } from './lib/next/components/DotCMSLayoutBody/DotCMSLayoutBody';
-export { useAISearch } from './lib/next/hooks/useAISearch';
-export { useStyleEditorSchemas } from './lib/next/hooks/useStyleEditorSchemas';
 export type { DotCMSAISearchValue, DotCMSAISearchProps } from './lib/next/shared/types';
-export { buildSlots } from './lib/next/utils/buildSlots';

package/src/lib/next/components/DotCMSLayoutBody/DotCMSPageProvider.d.ts

@@ -4,7 +4,7 @@ interface DotCMSPageProviderProps {
     page: DotCMSPageAsset;
     components: Record<string, React.ComponentType<any>>;
     mode: DotCMSPageRendererMode;
-    slots: Record<string, ReactNode>;
+    slots?: Record<string, ReactNode>;
     children: ReactNode;
 }
 /**

package/src/lib/next/contexts/DotCMSPageContext.d.ts

@@ -8,7 +8,7 @@ import { DotCMSBasicContentlet, DotCMSPageAsset, DotCMSPageRendererMode } from '
  * @property {DotCMSPageAsset} pageAsset - The DotCMS page asset
  * @property {RendererMode} mode - The renderer mode
  * @property {Record<string, React.ComponentType<DotCMSContentlet>>} userComponents - The user components
- * @property {Record<string, ReactNode>} slots - Pre-rendered server component nodes keyed by contentlet identifier
+ * @property {Record<string, ReactNode>} [slots] - Pre-rendered server component nodes keyed by contentlet identifier
  */
 export interface DotCMSPageContextProps {
     pageAsset: DotCMSPageAsset;

package/src/lib/next/utils/buildSlots.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DotCMSPageAssetContainers } from '@dotcms/types';
+import { DotCMSBasicContentlet, DotCMSPageAssetContainers } from '@dotcms/types';
 /**
  * Builds a slots map of pre-rendered server component nodes keyed by contentlet identifier.
  *
@@ -7,18 +7,21 @@ import { DotCMSPageAssetContainers } from '@dotcms/types';
  * (e.g., components that fetch data) within a DotCMS page layout. Pass the
  * resulting map to `DotCMSLayoutBody` via the `slots` prop.
  *
+ * Each component is awaited, so the returned record contains resolved `ReactNode`
+ * values — safe to pass as props to client components without `React.use()`.
+ *
  * @public
  * @param containers - The containers map from `pageAsset.containers`
  * @param serverComponents - A map of content type names to async server components
- * @returns A record mapping contentlet identifiers to pre-rendered ReactNodes
+ * @returns A promise resolving to a record mapping contentlet identifiers to pre-rendered ReactNodes
  *
  * @example
  * ```tsx
- * const slots = buildSlots(pageContent.pageAsset.containers, {
+ * const slots = await buildSlots(pageContent.pageAsset.containers, {
  *   BlogList: BlogListContainer,
  * });
  *
  * <DotCMSLayoutBody page={pageAsset} components={pageComponents} slots={slots} />
  * ```
  */
-export declare function buildSlots(containers: DotCMSPageAssetContainers, serverComponents: Record<string, React.ComponentType<any>>): Record<string, ReactNode>;
+export declare function buildSlots(containers: DotCMSPageAssetContainers, serverComponents: Record<string, (props: DotCMSBasicContentlet) => ReactNode | Promise<ReactNode>>): Promise<Record<string, ReactNode>>;