@dotcms/react 1.2.6-next.2 → 1.2.6-next.3

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.
  *
@@ -21,9 +19,7 @@ import { jsx } from 'react/jsx-runtime';
  * <DotCMSLayoutBody page={pageAsset} components={pageComponents} slots={slots} />
  * ```
  */
-function buildSlots(containers,
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-serverComponents) {
+function buildSlots(containers, serverComponents) {
   const slots = {};
   for (const {
     contentlets
@@ -31,8 +27,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] = Component(contentlet);
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotcms/react",
-  "version": "1.2.6-next.2",
+  "version": "1.2.6-next.3",
   "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/DotCMSLayoutBody.d.ts

@@ -22,7 +22,7 @@ export interface DotCMSLayoutBodyProps<TContentlet extends DotCMSBasicContentlet
      * <DotCMSLayoutBody page={pageAsset} components={pageComponents} slots={slots} />
      * ```
      */
-    slots?: Record<string, ReactNode>;
+    slots?: Record<string, ReactNode | Promise<ReactNode>>;
 }
 /**
  * DotCMSLayoutBody component renders the layout body for a DotCMS page.

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 | Promise<ReactNode>>;
     children: ReactNode;
 }
 /**

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

@@ -8,13 +8,13 @@ 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 | Promise<ReactNode>>} [slots] - Pre-rendered server component nodes keyed by contentlet identifier
  */
 export interface DotCMSPageContextProps {
     pageAsset: DotCMSPageAsset;
     mode: DotCMSPageRendererMode;
     userComponents: Record<string, React.ComponentType<DotCMSBasicContentlet>>;
-    slots?: Record<string, ReactNode>;
+    slots?: Record<string, ReactNode | Promise<ReactNode>>;
 }
 /**
  * The `PageContext` is a React context that provides access to the DotCMS page context.

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.
  *
@@ -21,4 +21,4 @@ import { DotCMSPageAssetContainers } from '@dotcms/types';
  * <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>>): Record<string, ReactNode | Promise<ReactNode>>;