asma-ui-richeditor 0.5.0 → 0.6.1

package/dist/src/rich-input/components/FontSizeSelect.d.ts

@@ -4,6 +4,5 @@ import { Editor } from '@tiptap/core';
 import { ILocale } from '../interfaces/types';
 export declare const FontSizeSelect: (props: TextFieldProps & {
     editor: Editor;
-    isNorsk: boolean;
     locale?: ILocale;
 }) => React.JSX.Element;

package/dist/src/rich-input/components/Toolbar.d.ts

@@ -1,13 +1,15 @@
 import { Editor } from '@tiptap/react';
 import { RefObject } from 'react';
 import { ILocale } from '../interfaces/types';
-export declare const Toolbar: ({ editor, onClose, error, focused, openLinkDialog, openEmojiPicker, locale, emojiButtonRef, }: {
+export declare const Toolbar: ({ editor, onClose, error, focused, openLinkDialog, openEmojiPicker, linkDialogOpen, emojiPickerOpen, locale, emojiButtonRef, }: {
     editor: Editor;
     onClose: () => void;
     error?: boolean;
     focused: boolean;
     openLinkDialog: () => void;
     openEmojiPicker: () => void;
+    linkDialogOpen: boolean;
+    emojiPickerOpen: boolean;
     locale?: ILocale;
     emojiButtonRef?: RefObject<HTMLSpanElement>;
 }) => import("node_modules/@types/react").JSX.Element;

package/dist/src/rich-input/components/ToolbarOverflowItem.d.ts

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
 /** One entry of the toolbar's overflow ("more") menu. */
-export declare const ToolbarOverflowItem: ({ title, selected, disabled, onSelect, children, }: {
+export declare const ToolbarOverflowItem: ({ title, id, selected, disabled, active, onSelect, children, }: {
     title: string;
+    id: string;
     selected?: boolean;
     disabled?: boolean;
+    active?: boolean;
     onSelect: () => void;
     children: ReactNode;
 }) => import("node_modules/@types/react").JSX.Element;

package/dist/src/rich-input/components/useTranslations.d.ts

@@ -12,6 +12,17 @@ export declare function useTranslations(locale?: ILocale): {
     bullet_list: string;
     font_size: string;
     empty_selection_link: string;
+    show_formatting: string;
+    hide_formatting: string;
+    upload_image: string;
+    rich_text_editor: string;
+    add_link: string;
+    cancel: string;
+    link_url: string;
+    small: string;
+    normal: string;
+    large: string;
+    huge: string;
 } | {
     emojis: string;
     heading1: string;
@@ -25,4 +36,15 @@ export declare function useTranslations(locale?: ILocale): {
     bullet_list: string;
     font_size: string;
     empty_selection_link: string;
+    show_formatting: string;
+    hide_formatting: string;
+    upload_image: string;
+    rich_text_editor: string;
+    add_link: string;
+    cancel: string;
+    link_url: string;
+    small: string;
+    normal: string;
+    large: string;
+    huge: string;
 };

package/dist/src/rich-input/hooks/useListboxTriggerKeyboard.hook.d.ts

@@ -0,0 +1,37 @@
+import { KeyboardEvent as ReactKeyboardEvent } from 'react';
+interface UseListboxTriggerKeyboardOptions {
+    /** Whether the popup listbox is currently open. */
+    isOpen: boolean;
+    /** Number of options in the listbox. */
+    itemCount: number;
+    /** Active index to start from when the listbox opens (e.g. the selected option). */
+    getInitialActiveIndex: () => number;
+    /** Open the listbox anchored to the given trigger element. */
+    onOpen: (element: HTMLElement) => void;
+    /** Close the listbox. */
+    onClose: () => void;
+    /** Activate the option at `index`; `close` says whether the listbox should close afterwards. */
+    onSelect: (index: number, options: {
+        close: boolean;
+    }) => void;
+    /**
+     * When opening with ArrowUp/Down, also move the active option by the arrow direction (default `true`).
+     * Set `false` for action menus that should always open on the first option regardless of arrow key.
+     */
+    moveActiveIndexOnOpen?: boolean;
+}
+/**
+ * Keyboard contract for a button that opens a single-select listbox popup (WAI-ARIA combobox + listbox):
+ * ArrowUp/Down open+move, Home/End jump, Enter selects & closes, Space selects & keeps open (refocusing
+ * the trigger), Escape/Tab close. Tracks the roving `activeIndex` exposed via `aria-activedescendant`, and
+ * `keyboardActive` so the active-option highlight only shows during keyboard use.
+ *
+ * Shared by the rich-text toolbar's font-size select and overflow ("more") menu so both behave identically.
+ */
+export declare const useListboxTriggerKeyboard: ({ isOpen, itemCount, getInitialActiveIndex, onOpen, onClose, onSelect, moveActiveIndexOnOpen, }: UseListboxTriggerKeyboardOptions) => {
+    activeIndex: number;
+    keyboardActive: boolean;
+    openFromPointer: (element: HTMLElement) => void;
+    handleKeyDown: (event: ReactKeyboardEvent<HTMLButtonElement>) => void;
+};
+export {};

package/dist/src/rich-input/hooks/useToggleMenuVisibility.hook.d.ts

@@ -2,5 +2,6 @@ export declare const useToggleMenuVisibility: () => {
     open: boolean;
     handleClose: () => void;
     handleOpen: (event: React.MouseEvent<HTMLElement | SVGSVGElement>) => void;
+    openFromElement: (element: HTMLElement) => void;
     anchorEl: HTMLElement | SVGSVGElement | null;
 };

package/dist/src/rich-input/interfaces/types.d.ts

@@ -1,8 +1,8 @@
-import { ChipProps } from '@mui/material';
 import { Editor, UseEditorOptions } from '@tiptap/react';
 import { YoutubeOptions } from '@tiptap/extension-youtube';
 import { RefObject } from 'react';
 import { ImageOptions } from '@tiptap/extension-image';
+import { StyledChipProps } from 'asma-ui-core';
 export interface CustomCSSProperties extends React.CSSProperties {
     '--max-scrollable-height'?: string;
 }
@@ -18,6 +18,8 @@ export interface IRichInput extends UseEditorOptions {
      * border once the editor is focused or has content (Figma DS "Rich text editor", node 20571-30699).
      */
     label?: string;
+    /** Accessible name for the editable editor host. Takes precedence over `label`. */
+    'aria-label'?: string;
     title?: string;
     placeholder?: string;
     /**
@@ -40,7 +42,7 @@ export interface IRichInput extends UseEditorOptions {
     maxScrollableHeight?: number;
     toolbarDefaultVisible?: boolean;
     locale?: ILocale;
-    attachments?: (ChipProps & {
+    attachments?: (StyledChipProps & {
         key: string;
         dataTest: string;
     })[];