@arkitektbedriftene/fe-lib 1.5.0 → 2.0.1

package/dist/rich-text/Plugins/Image/ImageComponent.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-export declare function ImageComponent({ src, altText, width, height, maxWidth, }: {
+export declare function ImageComponent({ src, altText, width, height, }: {
     src: string;
     altText: string;
     width: "inherit" | number;
     height: "inherit" | number;
-    maxWidth: number;
 }): JSX.Element;

package/dist/rich-text/Plugins/Image/ImageNode.d.ts

@@ -6,29 +6,42 @@ export interface ImagePayload {
     altText: string;
     width?: number;
     height?: number;
-    maxWidth?: number;
     key?: NodeKey;
+    meta?: {
+        width: number;
+        height: number;
+    };
 }
 export type SerializedImageNode = Spread<{
     src: string;
     altText: string;
     width?: number;
     height?: number;
-    maxWidth: number;
+    meta?: {
+        width: number;
+        height: number;
+    };
 }, SerializedLexicalNode>;
 export declare class ImageNode extends DecoratorNode<JSX.Element> {
     __src: string;
     __altText: string;
     __width: "inherit" | number;
     __height: "inherit" | number;
-    __maxWidth: number;
+    __meta: {
+        width: number;
+        height: number;
+    } | undefined;
     static getType(): string;
     static clone(node: ImageNode): ImageNode;
     static importJSON(serializedNode: SerializedImageNode): ImageNode;
     exportDOM(): DOMExportOutput;
     static importDOM(): DOMConversionMap | null;
-    constructor(src: string, altText: string, maxWidth: number, width?: "inherit" | number, height?: "inherit" | number, key?: NodeKey);
+    constructor(src: string, altText: string, width?: "inherit" | number, height?: "inherit" | number, meta?: {
+        width: number;
+        height: number;
+    }, key?: NodeKey);
     exportJSON(): SerializedImageNode;
+    setSrc(src: string): void;
     setWidthAndHeight(width: "inherit" | number, height: "inherit" | number): void;
     createDOM(config: EditorConfig): HTMLElement;
     updateDOM(): false;
@@ -36,5 +49,5 @@ export declare class ImageNode extends DecoratorNode<JSX.Element> {
     getAltText(): string;
     decorate(): JSX.Element;
 }
-export declare function $createImageNode({ altText, height, maxWidth, src, width, key, }: ImagePayload): ImageNode;
+export declare function $createImageNode({ altText, height, src, width, meta, key, }: ImagePayload): ImageNode;
 export declare function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode;

package/dist/rich-text/rich-text.d.ts

@@ -10,3 +10,4 @@ export * from './Plugins/LinkInsertPlugin';
 export * from './Plugins/LinkEditPlugin';
 export * from './Plugins/RutineLinkNode';
 export * from './Plugins/LinkTargetNode';
+export * from './Plugins/Image/ImageNode';

package/dist/rich-text/state.d.ts

@@ -4,10 +4,10 @@ export declare const isEditorState: (state: unknown) => state is EditorState;
 export declare const clearEditorState: (editor: LexicalEditor, tag?: string) => void;
 export declare const setStateFromPlainText: (str: string, editor: LexicalEditor, tag?: string) => void;
 export declare const stateToHTML: (state: SerializedEditorState | string | null | undefined, nodes: CreateEditorArgs["nodes"], options?: {
-    maxLines?: number | null;
-    onlyMainContent?: boolean;
-    updateFn?: () => void;
-}) => {
+    maxLines?: number | null | undefined;
+    onlyMainContent?: boolean | undefined;
+    updateFn?: ((editor: LexicalEditor) => Promise<void> | void) | undefined;
+} | undefined) => Promise<{
     html: string;
     trimCount: number;
-};
+}>;

package/dist/rich-text/styles.d.ts

@@ -151,6 +151,11 @@ export declare const richTextStyleObj: {
         margin: string;
         padding: string;
     };
+    ".ain-rich-text-image": {
+        display: string;
+        maxWidth: string;
+        height: string;
+    };
     variants: {
         size: {
             xs: {