@kystverket/styrbord 1.11.0 → 1.12.0

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.
@@ -1,2 +1,2 @@
1
- export declare const iconIdList: readonly ["add", "add_box", "add_location", "add_location_alt", "adjust", "anchor", "apps", "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", "forward", "globe_uk", "groups", "image", "inbox", "info", "info_i", "keep", "keep_off", "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", "text_snippet", "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", "visibility", "left_panel_close", "left_panel_open", "right_panel_close", "right_panel_open"];
1
+ export declare const iconIdList: readonly ["add", "add_box", "add_location", "add_location_alt", "adjust", "alternate_email", "anchor", "apps", "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", "forward", "globe_uk", "groups", "image", "inbox", "info", "info_i", "keep", "keep_off", "keyboard_arrow_down", "keyboard_arrow_up", "language", "layers", "lightbulb", "link", "location_chip", "lock", "login", "logout", "mail", "map", "map_pin_heart", "match_case", "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", "text_snippet", "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", "visibility", "left_panel_close", "left_panel_open", "right_panel_close", "right_panel_open"];
2
2
  export type IconId = (typeof iconIdList)[number];
@@ -7,9 +7,9 @@ type ToolbarProps = {
7
7
  isBulletListActive: boolean;
8
8
  isOrderedListActive: boolean;
9
9
  isLinkActive: boolean;
10
- canUploadImage?: boolean;
11
10
  selectedFormat: BlockType;
12
11
  linkPopoverTarget?: string;
12
+ canUploadImage?: boolean;
13
13
  onBold: () => void;
14
14
  onItalic: () => void;
15
15
  onBulletList: () => void;
@@ -20,5 +20,5 @@ type ToolbarProps = {
20
20
  onLink: () => void;
21
21
  onImageUpload?: () => void;
22
22
  };
23
- export declare const Toolbar: ({ disabled, isBoldActive, isItalicActive, isBulletListActive, isOrderedListActive, isLinkActive, canUploadImage, selectedFormat, linkPopoverTarget, onBulletList, onOrderedList, onBold, onItalic, onUndo, onRedo, onFormatChange, onLink, onImageUpload, }: ToolbarProps) => React.JSX.Element;
23
+ export declare const Toolbar: ({ disabled, isBoldActive, isItalicActive, isBulletListActive, isOrderedListActive, isLinkActive, selectedFormat, linkPopoverTarget, canUploadImage, onBulletList, onOrderedList, onBold, onItalic, onUndo, onRedo, onFormatChange, onLink, onImageUpload, }: ToolbarProps) => React.JSX.Element;
24
24
  export {};
@@ -2,16 +2,16 @@ import type { StoryObj } from '@storybook/react-vite';
2
2
  import { type BlockType } from './toolbar';
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ disabled, isBoldActive, isItalicActive, isBulletListActive, isOrderedListActive, isLinkActive, canUploadImage, selectedFormat, linkPopoverTarget, onBulletList, onOrderedList, onBold, onItalic, onUndo, onRedo, onFormatChange, onLink, onImageUpload, }: {
5
+ component: ({ disabled, isBoldActive, isItalicActive, isBulletListActive, isOrderedListActive, isLinkActive, selectedFormat, linkPopoverTarget, canUploadImage, onBulletList, onOrderedList, onBold, onItalic, onUndo, onRedo, onFormatChange, onLink, onImageUpload, }: {
6
6
  disabled?: boolean;
7
7
  isBoldActive: boolean;
8
8
  isItalicActive: boolean;
9
9
  isBulletListActive: boolean;
10
10
  isOrderedListActive: boolean;
11
11
  isLinkActive: boolean;
12
- canUploadImage?: boolean;
13
12
  selectedFormat: BlockType;
14
13
  linkPopoverTarget?: string;
14
+ canUploadImage?: boolean;
15
15
  onBold: () => void;
16
16
  onItalic: () => void;
17
17
  onBulletList: () => void;
@@ -49,6 +49,9 @@ declare const meta: {
49
49
  onLink: {
50
50
  action: string;
51
51
  };
52
+ onImageUpload: {
53
+ action: string;
54
+ };
52
55
  };
53
56
  };
54
57
  export default meta;
@@ -14,6 +14,7 @@ declare const meta: {
14
14
  optional?: boolean | string | undefined;
15
15
  required?: boolean | string | undefined;
16
16
  error?: string | undefined;
17
+ bottomToolbar?: React.ReactNode;
17
18
  onImageUpload?: import("./richTextArea.types").OnImageUploadFn | undefined;
18
19
  onImageRemove?: ((ref: string) => Promise<void>) | undefined;
19
20
  }>) => React.JSX.Element))[];
@@ -24,6 +25,7 @@ type Story = StoryObj<typeof meta>;
24
25
  export declare const Default: Story;
25
26
  export declare const Disabled: Story;
26
27
  export declare const WithError: Story;
28
+ export declare const WithBottomToolbar: Story;
27
29
  /**
28
30
  * Demonstrates stable image references in markdown.
29
31
  *
@@ -1,4 +1,5 @@
1
1
  import type { CmdKey } from '@milkdown/core';
2
+ import type { ReactNode } from 'react';
2
3
  export type RichTextAreaProps = {
3
4
  value: string | null | undefined;
4
5
  onChange: (markdown: string) => void;
@@ -10,6 +11,8 @@ export type RichTextAreaProps = {
10
11
  optional?: boolean | string;
11
12
  required?: boolean | string;
12
13
  error?: string;
14
+ /** Used for the bottomToolbar */
15
+ bottomToolbar?: ReactNode;
13
16
  /** Optional upload handler that returns a display src and optional stable image ref. */
14
17
  onImageUpload?: OnImageUploadFn;
15
18
  /** Optional remove handler for deleting persisted images by stable ref. */