@kystverket/styrbord 1.8.5 → 1.9.0

package/README.md

@@ -41,6 +41,10 @@ Styrbords design tokens hentes fra [@Kystverket/styrbord-tokens](https://github.
 
 ## Endringslogg
 
+### 2026-06-09 -- v1.9.0
+
+Oppdatert RichTextArea og MarkdownToReact til å bruke FileUploader sin context for å håndtere henting av fil-informasjon gjennom `deriveFileInfosFromStorageIds`
+
 ### 2026-05-22 -- v1.7.2
 
 Lagt inn bildehåndtering i RichTextArea og MarkdownToReact. Du laster opp bildet selv og legger inn en referanse-lenke i markdownen. Lenken tolkes i MarkdownToReact, slik at markdownen holdes så liten som mulig.

package/dist/src/components/kystverket/FileUploader/FileUploader.context.d.ts

@@ -1,7 +1,8 @@
-import { ExtraFileInfo, FileInfo, UploadFileResult } from './FileUploader.types';
+import { FileInfo, UploadFileResult } from './FileUploader.types';
+import type { DeriveFileInfosFromStorageIds } from '~/utils/fileInfoResolver';
 export type FileChangeCallback = (files: FileInfo[]) => void;
 export interface FileUploaderContextProps {
-    deriveFileInfosFromStorageIds?: (storageId: string[]) => Promise<ExtraFileInfo[]>;
+    deriveFileInfosFromStorageIds: DeriveFileInfosFromStorageIds;
     uploadFile: (file: FormData) => Promise<UploadFileResult>;
     deleteFile: (fileId: string) => Promise<void>;
 }

package/dist/src/components/kystverket/MarkdownToReact/markdownToReact.d.ts

@@ -1,13 +1,5 @@
-import { MaybePromise } from '~/utils/utility.types';
-type ResolvedImageRefs = Record<string, ResolvedImageRef>;
 export type MarkdownToReactProps = {
     markdown: string;
-    /** Optional sync/async resolver that receives all refs found in markdown. */
-    resolveImageRefs?: (refs?: string[]) => MaybePromise<ResolvedImageRefs>;
 };
-export type ResolvedImageRef = {
-    src: string;
-    alt?: string;
-} | string | null | undefined;
-declare const MarkdownToReact: ({ markdown, resolveImageRefs }: MarkdownToReactProps) => React.JSX.Element;
+declare const MarkdownToReact: ({ markdown }: MarkdownToReactProps) => React.JSX.Element;
 export default MarkdownToReact;

package/dist/src/components/kystverket/MarkdownToReact/markdownToReact.stories.d.ts

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ markdown, resolveImageRefs }: import("./markdownToReact").MarkdownToReactProps) => React.JSX.Element;
+    component: ({ markdown }: import("./markdownToReact").MarkdownToReactProps) => React.JSX.Element;
     decorators: ((Story: import("storybook/internal/csf").PartialStoryFn, context: import("storybook/internal/csf").StoryContext) => React.JSX.Element)[];
     tags: string[];
     argTypes: {

package/dist/src/components/kystverket/RichTextArea/hooks/useRichTextImageUpload.d.ts

@@ -1,12 +1,14 @@
 import type { Editor } from '@milkdown/core';
 import type { Ctx } from '@milkdown/ctx';
 import type { InlineImageConfig } from '@milkdown/components/image-inline';
-import type { UploadImageFn } from '../richTextArea.types';
+import { type DeriveFileInfosFromStorageIds } from '~/utils/fileInfoResolver';
+import type { OnImageUploadFn } from '../richTextArea.types';
 type UseRichTextImageUploadParams = {
     disabled: boolean;
     get: () => Editor | undefined;
     updateToolbarState: (ctx: Ctx) => void;
-    latestOnUploadRef: React.RefObject<UploadImageFn | undefined> | undefined;
+    latestOnUploadRef: React.RefObject<OnImageUploadFn | undefined> | undefined;
+    deriveFileInfosFromStorageIds?: DeriveFileInfosFromStorageIds;
     sasToRefMap: React.RefObject<Map<string, string>>;
     pendingImageSelectionRef: React.RefObject<{
         from: number;
@@ -21,5 +23,5 @@ type UseRichTextImageUploadReturn = {
         success: boolean;
     }>;
 };
-export declare const useRichTextImageUpload: ({ disabled, get, updateToolbarState, latestOnUploadRef, sasToRefMap, pendingImageSelectionRef, }: UseRichTextImageUploadParams) => UseRichTextImageUploadReturn;
+export declare const useRichTextImageUpload: ({ disabled, get, updateToolbarState, latestOnUploadRef, deriveFileInfosFromStorageIds, sasToRefMap, pendingImageSelectionRef, }: UseRichTextImageUploadParams) => UseRichTextImageUploadReturn;
 export {};

package/dist/src/components/kystverket/RichTextArea/richTextArea.types.d.ts

@@ -1,5 +1,4 @@
 import type { CmdKey } from '@milkdown/core';
-import { MaybePromise } from '~/utils/utility.types';
 export type RichTextAreaProps = {
     value: string | null | undefined;
     onChange: (markdown: string) => void;
@@ -12,25 +11,29 @@ export type RichTextAreaProps = {
     required?: boolean | string;
     error?: string;
     /** Optional upload handler that returns a display src and optional stable image ref. */
-    onImageUpload?: (file: File) => Promise<ImageUploadResult | null>;
+    onImageUpload?: OnImageUploadFn;
     /** Optional remove handler for deleting persisted images by stable ref. */
     onImageRemove?: (ref: string) => Promise<void>;
-    /** Optional resolver that maps image refs in markdown to renderable image sources. */
-    resolveImageRefs?: (refs?: string[]) => MaybePromise<Record<string, ResolvedImageRef>>;
 };
 export type ToolbarCommand<T = unknown> = {
     key: CmdKey<T>;
     value?: T;
 };
-export type ImageMarkdown = {
-    src: string;
+export type ResolvedImageRef = {
+    storageId: string;
+    previewUri: string;
     alt?: string;
 };
-export type ResolvedImageRef = ImageMarkdown | undefined;
 export type ImageUploadResult = {
     src: string;
     ref?: string;
     alt?: string;
 };
+export type FileUploaderStyleImageUploadResult = {
+    storageId: string;
+    success: boolean;
+    error?: string;
+};
+export type OnImageUploadFn = (file: File) => Promise<ImageUploadResult | FileUploaderStyleImageUploadResult | string | null>;
 export type ImageInsertHandler = (file: File) => void;
 export type UploadImageFn = (file: File) => Promise<ImageUploadResult | string | null>;

package/dist/src/components/kystverket/RichTextArea/utils/ImageRefUtils.d.ts

@@ -1,9 +1,4 @@
-import { MaybePromise } from '~/utils/utility.types';
-type ResolvedImageRef = {
-    src: string;
-    alt?: string;
-} | string | null | undefined;
+import { type DeriveFileInfosFromStorageIds } from '~/utils/fileInfoResolver';
 export declare const getImageRefsFromMarkdown: (markdown: string) => string[];
-export declare const convertFromRefToImage: (markdown: string, resolveImageRefs: (refs: string[]) => MaybePromise<Record<string, ResolvedImageRef>>, urlToRefMap?: Map<string, string>, previousRefToUrlMap?: Map<string, string>) => Promise<string>;
+export declare const convertFromRefToImage: (markdown: string, deriveFileInfosFromStorageIds: DeriveFileInfosFromStorageIds, urlToRefMap?: Map<string, string>, previousRefToUrlMap?: Map<string, string>) => Promise<string>;
 export declare const replaceImageUrlsWithRefs: (markdown: string, sasToRefMap: Map<string, string>) => string;
-export {};

package/dist/src/main.d.ts

@@ -46,6 +46,7 @@ export { DateTimePicker, type DateTimePickerProps } from './components/kystverke
 export { FileUploader, type FileUploaderProps, type ExistingFilesProviderItem, } from './components/kystverket/FileUploader/FileUploader';
 export { FileUploaderContext, type FileUploaderContextProps, } from './components/kystverket/FileUploader/FileUploader.context';
 export type * from './components/kystverket/FileUploader/FileUploader.types';
+export type { DeriveFileInfosFromStorageIds } from './utils/fileInfoResolver';
 export { default as CardTitle, type CardTitleProps } from './components/designsystemet/CardTitle/CardTitle';
 export { Button } from './components/designsystemet/Button/Button';
 export type { ButtonProps } from './components/designsystemet/Button/Button';

package/dist/src/utils/fileInfoResolver.d.ts

@@ -0,0 +1,7 @@
+import { type ExtraFileInfo } from '~/components/kystverket/FileUploader/FileUploader.types';
+import { type MaybePromise } from '~/utils/utility.types';
+export type DeriveFileInfosFromStorageIds = (storageIds: string[]) => MaybePromise<ExtraFileInfo[]>;
+export declare const createStorageIdToExtraFileInfoMap: (extraFileInfos: ExtraFileInfo[]) => Map<string, ExtraFileInfo>;
+export declare const getExtraFileInfoPreviewUri: (extraFileInfo: ExtraFileInfo | undefined, options?: {
+    preferThumbnail?: boolean;
+}) => string | undefined;