@dotcms/react 1.2.1-next.1 → 1.2.1-next.3

package/index.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useEffect, useLayoutEffect, useSyncExternalStore, useRef, useMemo, useReducer, useCallback } from 'react';
 import { UVE_MODE, UVEEventType, DotCMSUVEAction, DotCMSEntityState } from '@dotcms/types';
-import { getUVEState, isAnalyticsActive, initUVE, updateNavigation, createUVESubscription, sendMessageToUVE } from '@dotcms/uve';
+import { getUVEState, isAnalyticsActive, initUVE, updateNavigation, createUVESubscription, sendMessageToUVE, registerStyleEditorSchemas } from '@dotcms/uve';
 import { DEVELOPMENT_MODE, EMPTY_CONTAINER_STYLE_REACT, getDotContentletAttributes, getDotAnalyticsAttributes, CUSTOM_NO_COMPONENT, getContainersData, getContentletsInContainer, getDotContainerAttributes, getColumnPositionClasses, combineClasses, __DEFAULT_TINYMCE_CONFIG__, __BASE_TINYMCE_CONFIG_WITH_NO_DEFAULT__, __TINYMCE_PATH_ON_DOTCMS__, isValidBlocks } from '@dotcms/uve/internal';
 import { Editor } from '@tinymce/tinymce-react';
 import { __DOTCMS_UVE_EVENT__, BlockEditorDefaultBlocks } from '@dotcms/types/internal';
@@ -7630,4 +7630,15 @@ const useAISearch = ({
   };
 };
 
-export { DotCMSBlockEditorRenderer, DotCMSEditableText, DotCMSLayoutBody, DotCMSShow, useAISearch, useDotCMSShowWhen, useEditableDotCMSPage };
+/**
+ * Hook to register style editor forms with the UVE editor.
+ * @param forms - Array of style editor form schemas to register
+ * @returns void
+ */
+const useStyleEditorSchemas = styleEditorForms => {
+  useEffect(() => {
+    registerStyleEditorSchemas(styleEditorForms);
+  }, [styleEditorForms]);
+};
+
+export { DotCMSBlockEditorRenderer, DotCMSEditableText, DotCMSLayoutBody, DotCMSShow, useAISearch, useDotCMSShowWhen, useEditableDotCMSPage, useStyleEditorSchemas };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotcms/react",
-  "version": "1.2.1-next.1",
+  "version": "1.2.1-next.3",
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
@@ -31,7 +31,7 @@
     "./package.json": "./package.json",
     ".": {
       "import": "./index.esm.js",
-      "types": "./index.esm.d.ts"
+      "types": "./index.d.ts"
     }
   },
   "typesVersions": {
@@ -50,5 +50,5 @@
   "module": "./index.esm.js",
   "type": "module",
   "main": "./index.esm.js",
-  "types": "./index.esm.d.ts"
+  "types": "./index.d.ts"
 }

package/src/index.d.ts

@@ -6,4 +6,5 @@ export { DotCMSEditableText } from './lib/next/components/DotCMSEditableText/Dot
 export { DotCMSBlockEditorRenderer, BlockEditorRendererProps, CustomRenderer, CustomRendererProps } from './lib/next/components/DotCMSBlockEditorRenderer/DotCMSBlockEditorRenderer';
 export { 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/lib/next/hooks/useStyleEditorSchemas.d.ts

@@ -0,0 +1,7 @@
+import { StyleEditorFormSchema } from '@dotcms/uve';
+/**
+ * Hook to register style editor forms with the UVE editor.
+ * @param forms - Array of style editor form schemas to register
+ * @returns void
+ */
+export declare const useStyleEditorSchemas: (styleEditorForms: StyleEditorFormSchema[]) => void;