@dotcms/react 0.0.1-alpha.2 → 0.0.1-alpha.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotcms/react",
-  "version": "0.0.1-alpha.2",
+  "version": "0.0.1-alpha.3",
   "peerDependencies": {
     "react": "^18",
     "react-dom": "^18",

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

@@ -1,6 +1,5 @@
 import { PageProviderContext } from '../PageProvider/PageProvider';
-interface ColumnProps {
+export interface ColumnProps {
     readonly column: PageProviderContext['layout']['body']['rows'][0]['columns'][0];
 }
 export declare function Column({ column }: ColumnProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/src/lib/components/PageProvider/PageProvider.d.ts

@@ -69,6 +69,7 @@ export interface PageProviderContext {
             keyTag: string;
         };
     };
+    isInsideEditor: boolean;
 }
 /**
  * `PageProvider` is a functional component that provides a context for a DotCMS page.

package/src/lib/hooks/usePageEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * `PageEditorOptions` is an interface that defines the options for the `usePageEditor` hook.
  * It includes an optional `reloadFunction` that is called when the editor needs to reload the page to get changes,
@@ -41,8 +40,11 @@ interface PageEditorOptions {
  *
  * @category Hooks
  * @param {PageEditorOptions} props - The options for the page editor. Includes a `reloadFunction` and a `pathname`.
- * @returns {React.RefObject<HTMLDivElement>[]} - A reference to the rows of the page.
+ * @returns {{rowsRef: React.RefObject<HTMLDivElement>[], isInsideEditor: boolean}} - Returns a reference to the rows of the page and a boolean that indicates if the page is inside the editor.
  * @throws {Error} - Throws an error if the `pathname` is not provided.
  */
-export declare const usePageEditor: (props: PageEditorOptions) => import("react").MutableRefObject<HTMLDivElement[]>;
+export declare const usePageEditor: (props: PageEditorOptions) => {
+    rowsRef: React.MutableRefObject<HTMLDivElement[]>;
+    isInsideEditor: boolean;
+};
 export {};

package/src/lib/mocks/mockPageContext.d.ts

@@ -1,2 +1,7 @@
+/// <reference types="react" />
 import { PageProviderContext } from '../components/PageProvider/PageProvider';
 export declare const mockPageContext: PageProviderContext;
+export declare const MockContextRender: ({ children, mockContext }: {
+    children: JSX.Element;
+    mockContext: Partial<PageProviderContext>;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -48,3 +48,8 @@ export declare const getContainersData: (containers: ContainerData, containerRef
     identifier: string;
     maxContentlets: number;
 };
+export declare const combineClasses: (classes: string[]) => string;
+export declare const getPositionStyleClasses: (width: number, leftOffset: number) => {
+    widthClass: string;
+    startClass: string;
+};