@kystverket/styrbord 1.9.7 → 1.9.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/dist/src/components/kystverket/FileUploader/FileRetriever.context.d.ts +5 -0
- package/dist/src/components/kystverket/FileUploader/FileUploader.context.d.ts +0 -2
- package/dist/src/components/kystverket/FileUploader/FileUploader.stories.d.ts +19 -2
- package/dist/src/components/kystverket/MarkdownToReact/markdownToReact.stories.d.ts +3 -1
- package/dist/src/components/kystverket/RichTextArea/richTextArea.stories.d.ts +14 -1
- package/dist/src/main.d.ts +1 -0
- package/dist/style.js +1890 -1888
- package/dist/style.umd.cjs +7 -7
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -41,6 +41,10 @@ Styrbords design tokens hentes fra [@Kystverket/styrbord-tokens](https://github.
|
|
|
41
41
|
|
|
42
42
|
## Endringslogg
|
|
43
43
|
|
|
44
|
+
### 2026-06-22 -- v1.9.9
|
|
45
|
+
|
|
46
|
+
Lagt inn en ny context for å hente filer som er lastet opp til RichTextArea, MarkdownToReact og FileUploader kalt `FileRetrieverContext`. Uten en provider til denne så vil komponentene fortsatt fungere, men preview av opplastede/refererte filer vil ikke bli vist.
|
|
47
|
+
|
|
44
48
|
### 2026-06-09 -- v1.9.0
|
|
45
49
|
|
|
46
50
|
Oppdatert RichTextArea og MarkdownToReact til å bruke FileUploader sin context for å håndtere henting av fil-informasjon gjennom `deriveFileInfosFromStorageIds`
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { DeriveFileInfosFromStorageIds } from '~/utils/fileInfoResolver';
|
|
2
|
+
export interface FileRetrieverContextProps {
|
|
3
|
+
deriveFileInfosFromStorageIds: DeriveFileInfosFromStorageIds;
|
|
4
|
+
}
|
|
5
|
+
export declare const FileRetrieverContext: React.Context<FileRetrieverContextProps | null>;
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { FileInfo, UploadFileResult } from './FileUploader.types';
|
|
2
|
-
import type { DeriveFileInfosFromStorageIds } from '~/utils/fileInfoResolver';
|
|
3
2
|
export type FileChangeCallback = (files: FileInfo[]) => void;
|
|
4
3
|
export interface FileUploaderContextProps {
|
|
5
|
-
deriveFileInfosFromStorageIds: DeriveFileInfosFromStorageIds;
|
|
6
4
|
uploadFile: (file: FormData) => Promise<UploadFileResult>;
|
|
7
5
|
deleteFile: (fileId: string) => Promise<void>;
|
|
8
6
|
}
|
|
@@ -1,9 +1,26 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { FileUploaderProps } from './FileUploader';
|
|
2
|
+
import { ExistingFilesProviderItem, FileUploaderProps } from './FileUploader';
|
|
3
|
+
import { FileInfo } from './FileUploader.types';
|
|
3
4
|
declare const meta: {
|
|
4
5
|
title: string;
|
|
5
6
|
component: (props: FileUploaderProps) => React.JSX.Element;
|
|
6
|
-
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn, context: import("storybook/internal/csf").StoryContext) => React.JSX.Element)
|
|
7
|
+
decorators: (((Story: import("storybook/internal/csf").PartialStoryFn, context: import("storybook/internal/csf").StoryContext) => React.JSX.Element) | ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
8
|
+
label: string;
|
|
9
|
+
description?: React.ReactNode | string[];
|
|
10
|
+
error?: string | null | undefined;
|
|
11
|
+
multiple?: boolean | undefined;
|
|
12
|
+
files: FileInfo[];
|
|
13
|
+
maxFiles?: number | undefined;
|
|
14
|
+
maxSizeInBytes?: number | undefined;
|
|
15
|
+
onChange: (files: FileInfo[]) => void;
|
|
16
|
+
allowedFileTypes?: string[] | undefined;
|
|
17
|
+
required?: boolean | string | undefined;
|
|
18
|
+
optional?: boolean | string | undefined;
|
|
19
|
+
withCaptureButton?: boolean | undefined;
|
|
20
|
+
existingFilesProvider?: (() => Promise<ExistingFilesProviderItem[]>) | undefined;
|
|
21
|
+
variant?: "dropzone" | "buttons" | undefined;
|
|
22
|
+
allowFilePreview?: boolean | undefined;
|
|
23
|
+
}>) => React.JSX.Element))[];
|
|
7
24
|
tags: string[];
|
|
8
25
|
argTypes: {};
|
|
9
26
|
};
|
|
@@ -2,7 +2,9 @@ import type { StoryObj } from '@storybook/react-vite';
|
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: ({ markdown }: import("./markdownToReact").MarkdownToReactProps) => React.JSX.Element;
|
|
5
|
-
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn, context: import("storybook/internal/csf").StoryContext) => React.JSX.Element)
|
|
5
|
+
decorators: (((Story: import("storybook/internal/csf").PartialStoryFn, context: import("storybook/internal/csf").StoryContext) => React.JSX.Element) | ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
6
|
+
markdown: string;
|
|
7
|
+
}>) => React.JSX.Element))[];
|
|
6
8
|
tags: string[];
|
|
7
9
|
argTypes: {
|
|
8
10
|
markdown: {
|
|
@@ -3,7 +3,20 @@ import { RichTextAreaProps } from './richTextArea';
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
5
|
component: ({ className, ...props }: RichTextAreaProps) => React.JSX.Element;
|
|
6
|
-
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn, context: import("storybook/internal/csf").StoryContext) => React.JSX.Element)
|
|
6
|
+
decorators: (((Story: import("storybook/internal/csf").PartialStoryFn, context: import("storybook/internal/csf").StoryContext) => React.JSX.Element) | ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
7
|
+
value: string | null | undefined;
|
|
8
|
+
onChange: (markdown: string) => void;
|
|
9
|
+
placeholder?: string | undefined;
|
|
10
|
+
disabled?: boolean | undefined;
|
|
11
|
+
className?: string | undefined;
|
|
12
|
+
label?: string | undefined;
|
|
13
|
+
description?: React.ReactNode;
|
|
14
|
+
optional?: boolean | string | undefined;
|
|
15
|
+
required?: boolean | string | undefined;
|
|
16
|
+
error?: string | undefined;
|
|
17
|
+
onImageUpload?: import("./richTextArea.types").OnImageUploadFn | undefined;
|
|
18
|
+
onImageRemove?: ((ref: string) => Promise<void>) | undefined;
|
|
19
|
+
}>) => React.JSX.Element))[];
|
|
7
20
|
tags: string[];
|
|
8
21
|
};
|
|
9
22
|
export default meta;
|
package/dist/src/main.d.ts
CHANGED
|
@@ -45,6 +45,7 @@ export { Datepicker, type DatepickerProps } from './components/kystverket/Datepi
|
|
|
45
45
|
export { DateTimePicker, type DateTimePickerProps } from './components/kystverket/DateTimePicker/DateTimePicker';
|
|
46
46
|
export { FileUploader, type FileUploaderProps, type ExistingFilesProviderItem, } from './components/kystverket/FileUploader/FileUploader';
|
|
47
47
|
export { FileUploaderContext, type FileUploaderContextProps, } from './components/kystverket/FileUploader/FileUploader.context';
|
|
48
|
+
export { FileRetrieverContext, type FileRetrieverContextProps, } from './components/kystverket/FileUploader/FileRetriever.context';
|
|
48
49
|
export type * from './components/kystverket/FileUploader/FileUploader.types';
|
|
49
50
|
export type { DeriveFileInfosFromStorageIds } from './utils/fileInfoResolver';
|
|
50
51
|
export { default as CardTitle, type CardTitleProps } from './components/designsystemet/CardTitle/CardTitle';
|