@alpaca-headless/alpaca-headless-nextjs 1.0.129 → 1.0.246

package/package.json

@@ -1,6 +1,8 @@
 {
   "name": "@alpaca-headless/alpaca-headless-nextjs",
-  "version": "1.0.129",
+  "sideEffects": false,
+  "type": "module",
+  "version": "1.0.246",
   "description": "Alpaca Headless NextJs Integration",
   "main": "dist/cjs/index.js",
   "types": "types/index.d.ts",
@@ -12,9 +14,9 @@
     "/*.d.ts"
   ],
   "exports": {
-    ".": "./dist/cjs/index.js",
-    "./client-components": "./dist/cjs/client-components",
-    "./middleware": "./dist/cjs/middleware"
+    ".": "./dist/esm/index.js",
+    "./client-components": "./dist/esm/client-components",
+    "./middleware": "./dist/esm/middleware"
   },
   "typesVersions": {
     "*": {
@@ -28,42 +30,43 @@
   },
   "scripts": {
     "build-dev": "npm run build:cjs && npm run tailwindbuild",
-    "build": "npm run build:cjs && npm run tailwindbuild && npm run copy-primecss",
-    "build:cjs": "node tools/cleanup cjs && tsc -p config/tsconfig.cjs.json --noEmit false",
+    "build": "npm run build:esm && npm run tailwindbuild && npm run copy-primecss",
+    "build:esm": "tsc -p config/tsconfig.esm.json --noEmit false",
     "tailwindbuild": "tailwindcss -i ./src/editor.css -o ./dist/editor.css",
     "copy-primecss": "copyfiles -u 1 -E -V  \"node_modules/primereact/resources/**/*\" \"node_modules/primeicons/**/*\"   dist/",
-    "clean": "node tools/cleanup",
     "package": "npm run build && npm pack"
   },
   "author": "Canvas REPLY DE GmbH",
   "license": "MIT",
   "dependencies": {
-    "autoprefixer": "10.4.16",
+    "allotment": "^1.20.0",
+    "autoprefixer": "10.4.17",
     "copyfiles": "^2.4.1",
-    "crypto": "^1.0.1",
     "cryptography": "^1.2.3",
     "graphql-formatter": "^1.0.3",
-    "next": "14.0.3",
+    "next": "14.1.0",
     "node-cleanup": "^2.1.2",
-    "prettier": "^3.1.0",
+    "prettier": "^3.2.4",
     "primeicons": "^6.0.1",
-    "primereact": "^10.2.1",
+    "primereact": "^10.3.3",
     "quill": "^1.3.7",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-error-boundary": "^4.0.11",
-    "react-json-pretty": "^2.2.0",
+    "react-error-boundary": "^4.0.12",
+    "react-inspector": "^6.0.2",
+    "react-json-view-lite": "^1.2.1",
     "react-uuid": "^2.0.0",
     "server-only": "^0.0.1",
-    "universal-cookie": "^6.1.1"
+    "universal-cookie": "^7.0.1"
   },
   "devDependencies": {
-    "@types/node": "20.10.1",
-    "@types/react": "18.2.39",
-    "@types/react-dom": "18.2.17",
-    "eslint": "8.54.0",
-    "eslint-config-next": "14.0.3",
-    "tailwindcss": "^3.3.5",
-    "typescript": "5.3.2"
+    "@types/node": "20.11.5",
+    "@types/quill": "^2.0.14",
+    "@types/react": "18.2.48",
+    "@types/react-dom": "18.2.18",
+    "eslint": "8.56.0",
+    "eslint-config-next": "14.1.0",
+    "tailwindcss": "^3.4.1",
+    "typescript": "5.3.3"
   }
 }

package/types/alpacaContext.d.ts

@@ -1,17 +1,16 @@
-import { EditOperation } from "./editor/editContext";
-import { Dictionary } from "./layoutData";
-export type EditData = {
-    operations: EditOperation[];
-    loginUrl: string;
-};
+/// <reference types="react" />
+import { Dictionary, EditData } from "./servertypes";
 type AlpacaContext = {
     translate: (key: string) => string;
-    componentModuleLoader: (name: string) => Promise<any>;
+    components: {
+        [key: string]: React.ComponentType<any>;
+    };
     pageContext: {
         itemId: string;
         language: string;
         database: string;
         pageEditing: boolean;
+        previewing: boolean;
         pageState: string;
         site: {
             name: string;
@@ -21,5 +20,12 @@ type AlpacaContext = {
     dictionary: Dictionary;
     edit: EditData;
 };
-export declare function useAlpacaContext(): AlpacaContext;
+export declare function getAlpacaContext(): AlpacaContext;
+/**
+ * @deprecated The method should not be used
+ */
+export declare const useAlpacaContext: typeof getAlpacaContext;
+export declare function registerComponents(components: {
+    [key: string]: React.ComponentType<any>;
+}): void;
 export {};

package/types/{components → client-components}/LinkEditor.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { LinkField } from "../fieldTypes";
+import { LinkField } from "../servertypes";
 export default function LinkEditor({ field, children, ...props }: {
     field: LinkField;
     children: React.ReactNode;

package/types/client-components/MultiComponentEditor.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
-import { ComponentData } from "..";
-export declare function MultiComponentEditor({ component, children, thumbZoom, thumbHeight, thumbWidth, numComponentsVisibleWhenNotEditing, }: {
+import { ComponentData } from "../servertypes";
+export declare function MultiComponentEditor({ component, children, thumbZoom, thumbHeight, thumbWidth, numComponentsVisibleWhenNotEditing, listClassName, listClassNameEditing, }: {
     component: ComponentData;
     children: React.ReactNode;
     thumbZoom: number;
     thumbHeight: string;
     thumbWidth: string;
     numComponentsVisibleWhenNotEditing?: number;
+    listClassName?: string;
+    listClassNameEditing?: string;
 }): import("react/jsx-runtime").JSX.Element | null;

package/types/client-components/index.d.ts

@@ -1,2 +1,3 @@
-export * from "./ClientLink";
-export * from "./MultiComponentEditor";
+export { ClientLink } from "./ClientLink";
+export { MultiComponentEditor } from "./MultiComponentEditor";
+export { useEditContext } from "../editor/editContext";

package/types/components/Image.d.ts

@@ -1,3 +1,4 @@
+import "server-only";
 import React from "react";
 import { ImageField } from "../fieldTypes";
 export interface ImageProps {

package/types/components/Link.d.ts

@@ -1,3 +1,4 @@
+import "server-only";
 import React from "react";
 import { LinkField } from "../fieldTypes";
 export declare function Link({ field, children, ...props }: {

package/types/components/LinkPreview.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { LinkField } from "../servertypes";
+export default function LinkPreview({ field, children, ...props }: {
+    field: LinkField;
+    children: React.ReactNode;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;

package/types/components/LockedFieldIndicator.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Field } from "..";
+export declare function LockedFieldIndicator({ elementRef, field, }: {
+    elementRef: React.RefObject<HTMLElement>;
+    field: Field;
+}): import("react").ReactPortal | null | undefined;

package/types/components/Picture.d.ts

@@ -1,5 +1,7 @@
+import "server-only";
 import React from "react";
 import { PictureField } from "../fieldTypes";
+import { MediaPictureParams, PictureParams } from "./picture-shared";
 export interface PictureSource {
     media: string;
     variant: string;
@@ -9,12 +11,8 @@ export interface PictureSource {
 }
 export interface PictureProps {
     [attributeName: string]: unknown;
-    field?: PictureField;
-    imageParams?: {
-        [paramName: string]: string | number;
-    };
-    defaultVariant?: string;
-    sources?: PictureSource[];
+    field: PictureField;
+    params?: PictureParams | MediaPictureParams;
     renderEditButton?: boolean;
     renderJsonLinkedData?: boolean;
 }

package/types/components/PictureEditorWrapper.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PictureProps } from "./Picture";
+export declare const PictureEditorWrapper: React.FC<PictureProps>;

package/types/components/Placeholder.d.ts

@@ -1,19 +1,20 @@
-import { ComponentData, Page, Redirect, NotFound, Error } from "..";
+import "server-only";
+import { ComponentData, Page, Redirect, NotFound, Error } from "../servertypes";
 import { JSX } from "react/jsx-runtime";
-import { ComponentType } from "react";
 export type DefaultComponentProps = {
     component: ComponentData;
     index: number;
+    count: number;
 };
-export declare function Placeholder({ name, content, tag, className, mapComponent, getComponentProps, }: {
+export declare function Placeholder({ name, description, content, tag, className, mapComponent, getComponentProps, }: {
     name: string;
-    tag?: string;
-    className?: string;
-    content: Promise<Error | Page | Redirect | NotFound | ComponentData> | ComponentData;
-    getComponentProps?: ({ component, index }: DefaultComponentProps) => any;
-    mapComponent?: ({ Component, data, index, }: {
-        Component: ComponentType;
+    description?: string;
+    mapComponent?: ({ data, index, }: {
         data: ComponentData;
         index: number;
-    }) => ComponentType;
-}): Promise<JSX.Element | undefined>;
+    }) => string;
+    tag?: string;
+    className?: string;
+    content: Error | Page | Redirect | NotFound | ComponentData;
+    getComponentProps?: ({ component, index, count, }: DefaultComponentProps) => any;
+}): JSX.Element | undefined;

package/types/components/RichText.d.ts

@@ -1,7 +1,8 @@
+import "server-only";
 import React from "react";
 import { TextField } from "../fieldTypes";
 export declare function RichText({ field, tag, editable, ...props }: {
     field: TextField;
     tag?: string;
     editable?: boolean;
-} & React.HTMLAttributes<HTMLElement>): Promise<import("react/jsx-runtime").JSX.Element | undefined>;
+} & React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element | undefined;

package/types/components/RichTextEditor.d.ts

@@ -1,296 +1,9 @@
 import React from "react";
 import { TextField } from "../fieldTypes";
-export declare function RichTextEditor({ field, tag, ...props }: {
+export type RichTextEditorProps = {
     field: TextField;
     tag?: string;
     className?: string;
     editable?: boolean;
-} & React.HTMLAttributes<HTMLElement>): React.DOMElement<{
-    contentEditable: boolean;
-    suppressContentEditableWarning: boolean;
-    onInput: (e: any) => void;
-    placeholder: string;
-    dangerouslySetInnerHTML: {
-        __html: string;
-    };
-    onFocus: () => void;
-    onClick: () => void;
-    className?: string | undefined;
-    editable?: boolean | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: React.CSSProperties | undefined;
-    tabIndex?: number | undefined;
-    title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: React.AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    tw?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "inline" | "none" | "both" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "location" | "time" | "step" | "true" | "false" | "date" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "copy" | "move" | "none" | "execute" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    children?: React.ReactNode;
-    onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCut?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCutCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onPaste?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onPasteCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
-    onCompositionEnd?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionStart?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionUpdate?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
-    onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
-    onChange?: React.FormEventHandler<HTMLElement> | undefined;
-    onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onBeforeInput?: React.FormEventHandler<HTMLElement> | undefined;
-    onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onReset?: React.FormEventHandler<HTMLElement> | undefined;
-    onResetCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onSubmit?: React.FormEventHandler<HTMLElement> | undefined;
-    onSubmitCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onInvalid?: React.FormEventHandler<HTMLElement> | undefined;
-    onInvalidCapture?: React.FormEventHandler<HTMLElement> | undefined;
-    onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onError?: React.ReactEventHandler<HTMLElement> | undefined;
-    onErrorCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyUp?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
-    onAbort?: React.ReactEventHandler<HTMLElement> | undefined;
-    onAbortCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlay?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlayThrough?: React.ReactEventHandler<HTMLElement> | undefined;
-    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onDurationChange?: React.ReactEventHandler<HTMLElement> | undefined;
-    onDurationChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEmptied?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEmptiedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEncrypted?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEncryptedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEnded?: React.ReactEventHandler<HTMLElement> | undefined;
-    onEndedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedData?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedDataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedMetadata?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadStart?: React.ReactEventHandler<HTMLElement> | undefined;
-    onLoadStartCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPause?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPauseCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlay?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlaying?: React.ReactEventHandler<HTMLElement> | undefined;
-    onPlayingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onProgress?: React.ReactEventHandler<HTMLElement> | undefined;
-    onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
-    onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onResize?: React.ReactEventHandler<HTMLElement> | undefined;
-    onResizeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSeekingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onStalled?: React.ReactEventHandler<HTMLElement> | undefined;
-    onStalledCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSuspend?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSuspendCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onTimeUpdate?: React.ReactEventHandler<HTMLElement> | undefined;
-    onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onVolumeChange?: React.ReactEventHandler<HTMLElement> | undefined;
-    onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onWaiting?: React.ReactEventHandler<HTMLElement> | undefined;
-    onWaitingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onAuxClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    onAuxClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onContextMenu?: React.MouseEventHandler<HTMLElement> | undefined;
-    onContextMenuCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onDoubleClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    onDoubleClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onDrag?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEnd?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEndCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEnter?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragEnterCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragExit?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragExitCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragLeave?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragLeaveCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragOver?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragOverCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragStart?: React.DragEventHandler<HTMLElement> | undefined;
-    onDragStartCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onDrop?: React.DragEventHandler<HTMLElement> | undefined;
-    onDropCapture?: React.DragEventHandler<HTMLElement> | undefined;
-    onMouseDown?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseDownCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseMove?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseMoveCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOut?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOutCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOver?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseOverCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseUp?: React.MouseEventHandler<HTMLElement> | undefined;
-    onMouseUpCapture?: React.MouseEventHandler<HTMLElement> | undefined;
-    onSelect?: React.ReactEventHandler<HTMLElement> | undefined;
-    onSelectCapture?: React.ReactEventHandler<HTMLElement> | undefined;
-    onTouchCancel?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchCancelCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchEnd?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchEndCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchMove?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchMoveCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchStart?: React.TouchEventHandler<HTMLElement> | undefined;
-    onTouchStartCapture?: React.TouchEventHandler<HTMLElement> | undefined;
-    onPointerDown?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerDownCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerMove?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerMoveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerUp?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerUpCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerCancelCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerEnterCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerLeaveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;
-    onPointerOutCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onGotPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onLostPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
-    onScroll?: React.UIEventHandler<HTMLElement> | undefined;
-    onScrollCapture?: React.UIEventHandler<HTMLElement> | undefined;
-    onWheel?: React.WheelEventHandler<HTMLElement> | undefined;
-    onWheelCapture?: React.WheelEventHandler<HTMLElement> | undefined;
-    onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationIteration?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
-    onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
-    onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-    'data-pr-tooltip'?: string | undefined;
-    'data-pr-disabled'?: boolean | undefined;
-    'data-pr-classname'?: string | undefined;
-    'data-pr-position'?: "top" | "bottom" | "left" | "right" | "mouse" | undefined;
-    'data-pr-my'?: string | undefined;
-    'data-pr-at'?: string | undefined;
-    'data-pr-event'?: "both" | "hover" | "focus" | undefined;
-    'data-pr-showevent'?: string | undefined;
-    'data-pr-hideevent'?: string | undefined;
-    'data-pr-mousetrack'?: boolean | undefined;
-    'data-pr-mousetracktop'?: number | undefined;
-    'data-pr-mousetrackleft'?: number | undefined;
-    'data-pr-showdelay'?: number | undefined;
-    'data-pr-updatedelay'?: number | undefined;
-    'data-pr-hidedelay'?: number | undefined;
-    'data-pr-autohide'?: boolean | undefined;
-    'data-pr-showondisabled'?: boolean | undefined;
-}, Element> | undefined;
+} & React.HTMLAttributes<HTMLElement>;
+export declare function RichTextEditor({ field, tag, ...props }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element | undefined;

package/types/components/RichTextEditorWrapper.d.ts

@@ -0,0 +1,2 @@
+import { RichTextEditorProps } from "./RichTextEditor";
+export declare function RichTextEditorWrapper(props: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;

package/types/components/Slot.d.ts

@@ -1,4 +1,5 @@
-import { ComponentData } from "..";
+import "server-only";
+import { ComponentData } from "../servertypes";
 export default function Section({ component }: {
     component: ComponentData;
 }): import("react/jsx-runtime").JSX.Element;

package/types/components/Text.d.ts

@@ -1,3 +1,4 @@
+import "server-only";
 import React from "react";
 import { TextField } from "../fieldTypes";
 export declare function Text({ field, tag, editable, ...props }: {
@@ -5,4 +6,4 @@ export declare function Text({ field, tag, editable, ...props }: {
     tag?: string;
     className?: string;
     editable?: boolean;
-} & React.HTMLAttributes<HTMLElement>): Promise<import("react/jsx-runtime").JSX.Element | undefined>;
+} & React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element | undefined;