@dotcms/react 0.0.1-beta.23 → 0.0.1-beta.25

package/README.md

@@ -201,7 +201,7 @@ A custom hook that handles the communication with the Universal View Editor (UVE
 import { useEffect, useState } from 'react';
 
 import { getUVEState, sendMessageToEditor, createUVESubscription} from '@dotcms/uve';
-import { DotCMSUVEAction, UVEEventType} from '@dotcms/uve/types';
+import { DotCMSUVEAction, UVEEventType} from '@dotcms/types';
 
 export const usePageAsset = (currentPageAsset) => {
     const [pageAsset, setPageAsset] = useState(null);

package/index.esm.js

@@ -2,8 +2,8 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { s as styleInject, a as anObject$6, f as functionCall, h as hasOwnProperty_1, o as objectIsPrototypeOf, b as functionName, d as defineBuiltIn$6, c as fails$3, t as toString$4, e as functionUncurryThis, r as requireObjectCoercible$1, g as toIntegerOrInfinity$1, i as iteratorDefine, j as internalState, k as createIterResultObject$2, w as wellKnownSymbol$4, l as descriptors, m as classofRaw$1, n as aCallable$2, p as functionBindNative, q as makeBuiltInExports, u as objectDefineProperty, v as getMethod$2, x as iterators, y as getBuiltIn$1, z as isCallable$2, A as classof$3, B as inspectSource$1, C as createPropertyDescriptor$2, D as isNullOrUndefined$1, E as tryToString$1, F as toObject$1, G as lengthOfArrayLike$1, H as global$3, I as arraySlice$2, _ as _export, J as setToStringTag$2, K as iteratorCreateConstructor, L as isObject$1, M as objectCreate, N as objectAssign } from './es.json.stringify.esm.js';
 import { useState, useEffect, createContext, useRef, useContext, createElement, forwardRef } from 'react';
 import { isInsideEditor, initEditor, updateNavigation, destroyEditor, postMessageToEditor, CLIENT_ACTIONS, DotCmsClient, NOTIFY_CLIENT, initInlineEditing } from '@dotcms/client';
+import { UVEEventType } from '@dotcms/types';
 import { createUVESubscription } from '@dotcms/uve';
-import { UVEEventType } from '@dotcms/uve/types';
 import { Editor } from '@tinymce/tinymce-react';
 
 var isPure = false;

package/next.esm.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useEffect, useLayoutEffect, useRef, useMemo } from 'react';
 import { s as styleInject } from './es.json.stringify.esm.js';
+import { UVE_MODE, UVEEventType } from '@dotcms/types';
 import { getUVEState, initUVE, createUVESubscription } from '@dotcms/uve';
 import { DEVELOPMENT_MODE, EMPTY_CONTAINER_STYLE_REACT, getDotContentletAttributes, CUSTOM_NO_COMPONENT, getContainersData, getContentletsInContainer, getDotContainerAttributes, getColumnPositionClasses, combineClasses } from '@dotcms/uve/internal';
-import { UVE_MODE, UVEEventType } from '@dotcms/uve/types';
 import { updateNavigation } from '@dotcms/client';
 
 /**
@@ -214,7 +214,7 @@ function FallbackComponent({
  *
  * Component to render when there is no component for the content type.
  *
- * @param {DotCMSContentlet} contentType - The content type that couldn't be rendered
+ * @param {DotCMSBasicContentlet} contentType - The content type that couldn't be rendered
  * @return {*}
  */
 function NoComponent({

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@dotcms/react",
-  "version": "0.0.1-beta.23",
+  "version": "0.0.1-beta.25",
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@dotcms/client": "0.0.1-beta.23",
-    "@dotcms/uve": "0.0.1-beta.23",
-    "@tinymce/tinymce-react": "^5.1.1"
+    "@dotcms/client": "0.0.1-beta.25",
+    "@dotcms/uve": "0.0.1-beta.25",
+    "@tinymce/tinymce-react": "^6.0.0"
+  },
+  "devDependencies": {
+    "@dotcms/types": "next"
   },
   "description": "Official React Components library to render a dotCMS page.",
   "repository": {

package/src/lib/next/__test__/mock.d.ts

@@ -1,4 +1,4 @@
-import { DotCMSColumnContainer, DotCMSPageAsset, DotPageAssetLayoutColumn } from '@dotcms/uve/types';
+import { DotCMSColumnContainer, DotCMSPageAsset, DotPageAssetLayoutColumn } from '@dotcms/types';
 export declare const MOCK_COLUMN: DotPageAssetLayoutColumn;
 export declare const MOCK_CONTAINER: DotCMSColumnContainer;
 export declare const MOCK_PAGE_ASSET: DotCMSPageAsset;

package/src/lib/next/components/Column/Column.d.ts

@@ -1,4 +1,4 @@
-import { DotPageAssetLayoutColumn } from '@dotcms/uve/types';
+import { DotPageAssetLayoutColumn } from '@dotcms/types';
 /**
  * @internal
  *

package/src/lib/next/components/Container/Container.d.ts

@@ -1,4 +1,4 @@
-import { DotCMSColumnContainer } from '@dotcms/uve/types';
+import { DotCMSColumnContainer } from '@dotcms/types';
 /**
  * @internal
  *

package/src/lib/next/components/Container/ContainerFallbacks.d.ts

@@ -1,4 +1,4 @@
-import { DotContainerAttributes } from '@dotcms/uve/types';
+import { DotContainerAttributes } from '@dotcms/types/internal';
 /**
  * @internal
  *

package/src/lib/next/components/Contentlet/Contentlet.d.ts

@@ -1,4 +1,4 @@
-import { DotCMSContentlet } from '@dotcms/uve/types';
+import { DotCMSBasicContentlet } from '@dotcms/types';
 /**
  * @internal
  *
@@ -8,7 +8,7 @@ import { DotCMSContentlet } from '@dotcms/uve/types';
  * @property {string} container - The container identifier where the contentlet is placed
  */
 interface DotCMSContentletRendererProps {
-    contentlet: DotCMSContentlet;
+    contentlet: DotCMSBasicContentlet;
     container: string;
 }
 /**

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

@@ -1,8 +1,10 @@
 /// <reference types="react" />
-import { DotCMSContentlet, DotCMSPageAsset, DotCMSPageRendererMode } from '@dotcms/uve/types';
-interface DotCMSLayoutBodyProps {
+import { DotCMSBasicContentlet, DotCMSPageAsset, DotCMSPageRendererMode } from '@dotcms/types';
+interface DotCMSLayoutBodyProps<TContentlet extends DotCMSBasicContentlet = DotCMSBasicContentlet> {
     page: DotCMSPageAsset;
-    components: Record<string, React.ComponentType<DotCMSContentlet>>;
+    components: {
+        [key: string]: React.ComponentType<TContentlet> | React.ComponentType<any>;
+    };
     mode?: DotCMSPageRendererMode;
 }
 /**

package/src/lib/next/components/DotCMSShow/DotCMSShow.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { UVE_MODE } from '@dotcms/uve/types';
+import { UVE_MODE } from '@dotcms/types';
 /**
  * Props for the DotCMSShow component.
  *

package/src/lib/next/components/FallbackComponent/FallbackComponent.d.ts

@@ -1,22 +1,22 @@
 /// <reference types="react" />
-import { DotCMSContentlet } from '@dotcms/uve/types';
+import { DotCMSBasicContentlet } from '@dotcms/types';
 /**
  * @internal
  *
  * Type definition for components that can be used as fallback when no matching component is found
  */
-export type NoComponentType = React.ComponentType<DotCMSContentlet>;
+export type NoComponentType = React.ComponentType<DotCMSBasicContentlet>;
 /**
  * @internal
  *
  * Props for the FallbackComponent
  * @interface DotCMSFallbackComponentProps
- * @property {React.ComponentType<DotCMSContentlet>} [UserNoComponent] - Optional custom component to render when no matching component is found
- * @property {DotCMSContentlet} [contentlet] - The contentlet that couldn't be rendered
+ * @property {React.ComponentType<DotCMSBasicContentlet>} [UserNoComponent] - Optional custom component to render when no matching component is found
+ * @property {DotCMSBasicContentlet} [contentlet] - The contentlet that couldn't be rendered
  */
 interface DotCMSFallbackComponentProps {
-    contentlet: DotCMSContentlet;
-    UserNoComponent?: React.ComponentType<DotCMSContentlet>;
+    contentlet: DotCMSBasicContentlet;
+    UserNoComponent?: React.ComponentType<DotCMSBasicContentlet>;
 }
 /**
  * @internal

package/src/lib/next/components/Row/Row.d.ts

@@ -1,4 +1,4 @@
-import { DotPageAssetLayoutRow } from '@dotcms/uve/types';
+import { DotPageAssetLayoutRow } from '@dotcms/types';
 /**
  * @internal
  *

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DotCMSContentlet, DotCMSPageAsset, DotCMSPageRendererMode } from '@dotcms/uve/types';
+import { DotCMSBasicContentlet, DotCMSPageAsset, DotCMSPageRendererMode } from '@dotcms/types';
 /**
  * @internal
  *
@@ -12,7 +12,7 @@ import { DotCMSContentlet, DotCMSPageAsset, DotCMSPageRendererMode } from '@dotc
 export interface DotCMSPageContextProps {
     pageAsset: DotCMSPageAsset;
     mode: DotCMSPageRendererMode;
-    userComponents: Record<string, React.ComponentType<DotCMSContentlet>>;
+    userComponents: Record<string, React.ComponentType<DotCMSBasicContentlet>>;
 }
 /**
  * The `PageContext` is a React context that provides access to the DotCMS page context.

package/src/lib/next/hooks/useDotCMSShowWhen.d.ts

@@ -1,4 +1,4 @@
-import { UVE_MODE } from '@dotcms/uve/types';
+import { UVE_MODE } from '@dotcms/types';
 /**
  * Custom hook to determine if the current UVE (Universal Visual Editor) mode
  * matches the specified mode. This hook is useful for conditionally rendering

package/src/lib/next/hooks/useEditableDotCMSPage.d.ts

@@ -1,4 +1,4 @@
-import { DotCMSEditablePage } from '@dotcms/uve/types';
+import { DotCMSEditablePage } from '@dotcms/types';
 /**
  * Custom hook to manage the editable state of a DotCMS page.
  *