@kystverket/styrbord 1.4.7 → 1.4.8

package/dist/src/components/kystverket/Icon/icon.types.d.ts

@@ -1,2 +1,2 @@
-export declare const iconIdList: readonly ["add", "add_box", "add_location", "add_location_alt", "adjust", "anchor", "archive", "arrow_back", "arrow_forward", "arrow_right_alt", "article", "calendar_month", "change_history", "chat", "check", "check_circle", "chevron_left", "chevron_right", "circle", "close", "cloud_alert", "cloud_done", "code_blocks", "content_copy", "data_table", "delete", "description", "directions_boat", "distance", "domain", "download", "edit", "edit_document", "edit_location", "edit_location_alt", "edit_square", "error", "event", "explore", "explore_nearby", "export_notes", "favorite", "file_map", "file_save", "folder_open", "format_align_center", "format_align_left", "format_align_right", "globe_uk", "image", "inbox", "info", "info_i", "keyboard_arrow_down", "keyboard_arrow_up", "language", "layers", "lightbulb", "link", "location_chip", "lock", "login", "logout", "mail", "map", "map_pin_heart", "menu", "mode_cool", "more_vert", "move", "numbers", "open_in_new", "pan_zoom", "pending_actions", "person", "person_add", "person_pin", "person_pin_circle", "photo_camera", "picture_as_pdf", "pin_drop", "radio_button_checked", "radio_button_unchecked", "sailing", "save", "send", "settings", "settings_input_antenna", "severe_cold", "source_environment", "stylus", "timeline", "upload", "video_library", "videocam", "view_list", "warning", "zoom_in_map", "zoom_out_map"];
+export declare const iconIdList: readonly ["add", "add_box", "add_location", "add_location_alt", "adjust", "anchor", "archive", "arrow_back", "arrow_forward", "arrow_right_alt", "article", "calendar_month", "change_history", "chat", "check", "check_circle", "chevron_left", "chevron_right", "circle", "close", "cloud_alert", "cloud_done", "code_blocks", "content_copy", "data_table", "delete", "description", "directions_boat", "distance", "domain", "download", "edit", "edit_document", "edit_location", "edit_location_alt", "edit_square", "error", "event", "explore", "explore_nearby", "export_notes", "favorite", "file_map", "file_save", "folder_open", "format_align_center", "format_align_left", "format_align_right", "globe_uk", "image", "inbox", "info", "info_i", "keyboard_arrow_down", "keyboard_arrow_up", "language", "layers", "lightbulb", "link", "location_chip", "lock", "login", "logout", "mail", "map", "map_pin_heart", "menu", "mode_cool", "more_vert", "move", "numbers", "open_in_new", "pan_zoom", "pending_actions", "person", "person_add", "person_pin", "person_pin_circle", "photo_camera", "picture_as_pdf", "pin_drop", "radio_button_checked", "radio_button_unchecked", "sailing", "save", "send", "settings", "settings_input_antenna", "severe_cold", "source_environment", "stylus", "timeline", "upload", "video_library", "videocam", "view_list", "warning", "zoom_in_map", "zoom_out_map", "format_italic", "format_bold", "format_list_bulleted", "format_list_numbered", "format_align_justify", "undo", "redo"];
 export type IconId = (typeof iconIdList)[number];

package/dist/src/components/kystverket/RichTextArea/components/LinkEditor/linkEditor.d.ts

@@ -0,0 +1,11 @@
+type LinkEditorProps = {
+    open: boolean;
+    anchorId: string;
+    href: string;
+    hasSelection: boolean;
+    onSave: (href: string) => void;
+    onClose: () => void;
+    onRemove: () => void;
+};
+declare const LinkEditor: ({ href, open, hasSelection, onSave, onClose, anchorId, onRemove }: LinkEditorProps) => React.JSX.Element;
+export default LinkEditor;

package/dist/src/components/kystverket/RichTextArea/components/LinkEditor/linkEditor.stories.d.ts

@@ -0,0 +1,35 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ href, open, hasSelection, onSave, onClose, anchorId, onRemove }: {
+        open: boolean;
+        anchorId: string;
+        href: string;
+        hasSelection: boolean;
+        onSave: (href: string) => void;
+        onClose: () => void;
+        onRemove: () => void;
+    }) => React.JSX.Element;
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn) => React.JSX.Element)[];
+    tags: string[];
+    argTypes: {
+        onSave: {
+            action: string;
+        };
+        onClose: {
+            action: string;
+        };
+        onRemove: {
+            action: string;
+        };
+        hasSelection: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithoutHref: Story;
+export declare const WithHref: Story;
+export declare const NoSelection: Story;

package/dist/src/components/kystverket/RichTextArea/components/Toolbar/toolbar.d.ts

@@ -0,0 +1,22 @@
+declare const BLOCK_TYPES: readonly ["paragraph", "h1", "h2", "h3"];
+export type BlockType = (typeof BLOCK_TYPES)[number];
+type ToolbarProps = {
+    disabled?: boolean;
+    isBoldActive: boolean;
+    isItalicActive: boolean;
+    isBulletListActive: boolean;
+    isOrderedListActive: boolean;
+    isLinkActive: boolean;
+    selectedFormat: BlockType;
+    linkPopoverTarget?: string;
+    onBold: () => void;
+    onItalic: () => void;
+    onBulletList: () => void;
+    onOrderedList: () => void;
+    onUndo: () => void;
+    onRedo: () => void;
+    onFormatChange: (format: BlockType) => void;
+    onLink: () => void;
+};
+export declare const Toolbar: ({ disabled, isBoldActive, isItalicActive, isBulletListActive, isOrderedListActive, isLinkActive, selectedFormat, linkPopoverTarget, onBulletList, onOrderedList, onBold, onItalic, onUndo, onRedo, onFormatChange, onLink, }: ToolbarProps) => React.JSX.Element;
+export {};

package/dist/src/components/kystverket/RichTextArea/components/Toolbar/toolbar.stories.d.ts

@@ -0,0 +1,55 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { type BlockType } from './toolbar';
+declare const meta: {
+    title: string;
+    component: ({ disabled, isBoldActive, isItalicActive, isBulletListActive, isOrderedListActive, isLinkActive, selectedFormat, linkPopoverTarget, onBulletList, onOrderedList, onBold, onItalic, onUndo, onRedo, onFormatChange, onLink, }: {
+        disabled?: boolean;
+        isBoldActive: boolean;
+        isItalicActive: boolean;
+        isBulletListActive: boolean;
+        isOrderedListActive: boolean;
+        isLinkActive: boolean;
+        selectedFormat: BlockType;
+        linkPopoverTarget?: string;
+        onBold: () => void;
+        onItalic: () => void;
+        onBulletList: () => void;
+        onOrderedList: () => void;
+        onUndo: () => void;
+        onRedo: () => void;
+        onFormatChange: (format: BlockType) => void;
+        onLink: () => void;
+    }) => React.JSX.Element;
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn) => React.JSX.Element)[];
+    tags: string[];
+    argTypes: {
+        onBold: {
+            action: string;
+        };
+        onItalic: {
+            action: string;
+        };
+        onBulletList: {
+            action: string;
+        };
+        onOrderedList: {
+            action: string;
+        };
+        onUndo: {
+            action: string;
+        };
+        onRedo: {
+            action: string;
+        };
+        onFormatChange: {
+            action: string;
+        };
+        onLink: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;

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

@@ -0,0 +1,21 @@
+import type { Ctx } from '@milkdown/ctx';
+export type LinkEditorState = {
+    from: number;
+    to: number;
+    href: string;
+    hasSelection: boolean;
+};
+type ExecuteInEditor = (fn: (ctx: Ctx) => void) => void;
+type UseRichTextLinkEditorParams = {
+    disabled: boolean;
+    executeInEditor: ExecuteInEditor;
+};
+export declare const useRichTextLinkEditor: ({ disabled, executeInEditor }: UseRichTextLinkEditorParams) => {
+    linkEditorOpen: boolean;
+    linkEditorState: LinkEditorState | null;
+    closeLinkEditor: () => void;
+    openLinkEditor: () => void;
+    handleLinkSave: (nextHref: string) => void;
+    handleLinkRemove: () => void;
+};
+export {};

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

@@ -0,0 +1,14 @@
+import type { Ctx } from '@milkdown/ctx';
+import type { BlockType } from '../components/Toolbar/toolbar';
+export type ToolbarState = {
+    isBoldActive: boolean;
+    isItalicActive: boolean;
+    isBulletListActive: boolean;
+    isOrderedListActive: boolean;
+    selectedFormat: BlockType;
+    isLinkActive: boolean;
+};
+export declare const useRichTextToolbarState: () => {
+    toolbarState: ToolbarState;
+    updateToolbarState: (ctx: Ctx) => void;
+};

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

@@ -0,0 +1,14 @@
+import '@milkdown/prose/view/style/prosemirror.css';
+export type RichTextAreaProps = {
+    value: string;
+    onChange: (markdown: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    label?: string;
+    description?: string | React.ReactNode;
+    optional?: boolean | string | undefined;
+    required?: boolean | string | undefined;
+    error?: string;
+};
+export declare const RichTextArea: ({ className, ...props }: RichTextAreaProps) => React.JSX.Element;

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

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { RichTextAreaProps } from './richTextArea';
+declare const meta: {
+    title: string;
+    component: ({ className, ...props }: RichTextAreaProps) => React.JSX.Element;
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn) => React.JSX.Element)[];
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;

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

@@ -0,0 +1,7 @@
+import type { EditorState } from '@milkdown/prose/state';
+export declare const normalizeHref: (rawHref: string) => string;
+export declare const getSelectionLinkRange: (state: EditorState) => {
+    from: number;
+    to: number;
+};
+export declare const getLinkHrefInRange: (state: EditorState, from: number, to: number) => string;

package/dist/src/main.d.ts

@@ -48,6 +48,8 @@ export { NumberInput } from './components/designsystemet/NumberInput/NumberInput
 export type { NumberInputProps } from './components/designsystemet/NumberInput/NumberInput';
 export { TextArea } from './components/designsystemet/TextArea/TextArea';
 export type { TextAreaProps } from './components/designsystemet/TextArea/TextArea';
+export { RichTextArea } from './components/kystverket/RichTextArea/richTextArea';
+export type { RichTextAreaProps } from './components/kystverket/RichTextArea/richTextArea';
 export type { InputSize } from './utils/input/input';
 export { Select } from './components/designsystemet/Select/Select';
 export type { SelectProps, SelectOption } from './components/designsystemet/Select/Select';