@openeditor/native 0.0.33 → 0.0.34

package/dist/document.js

@@ -1,69 +0,0 @@
-import { cloneNode, createDocument, findBlockSpecForNode, fromProseMirrorDocument, normalizeDocument, toProseMirrorDocument, } from "@openeditor/core";
-import { defaultBlockRegistry } from "@openeditor/extensions";
-const NATIVE_HEADING_PATTERN = /^h([1-6])$/;
-const clampHeadingLevel = (value) => typeof value === "number" ? Math.min(Math.max(value, 1), 6) : 2;
-const cloneAttrsWithoutHeadingLevel = (attrs) => {
-    if (!attrs) {
-        return undefined;
-    }
-    const { level: _level, ...nextAttrs } = attrs;
-    return Object.keys(nextAttrs).length ? nextAttrs : undefined;
-};
-const withMappedContent = (node, mapNode) => {
-    const cloned = cloneNode(node);
-    return {
-        ...cloned,
-        ...(cloned.content ? { content: cloned.content.map(mapNode) } : {}),
-    };
-};
-const sanitizeNativeNode = (node) => {
-    const spec = findBlockSpecForNode(defaultBlockRegistry, node);
-    if (spec?.support?.native === "unsupported") {
-        return null;
-    }
-    const cloned = cloneNode(node);
-    const nextContent = cloned.content
-        ?.map(sanitizeNativeNode)
-        .filter((child) => child !== null);
-    return {
-        ...cloned,
-        ...(nextContent ? { content: nextContent } : {}),
-    };
-};
-export const sanitizeNativeEditorDocument = (document, meta = document.meta) => createDocument(normalizeDocument(document).content
-    .map(sanitizeNativeNode)
-    .filter((node) => node !== null), meta);
-export const toNativeEditorNode = (node) => {
-    if (node.type === "heading") {
-        const cloned = withMappedContent(node, toNativeEditorNode);
-        const attrs = cloneAttrsWithoutHeadingLevel(node.attrs);
-        const { attrs: _attrs, ...headingNode } = cloned;
-        return {
-            ...headingNode,
-            type: `h${clampHeadingLevel(node.attrs?.level)}`,
-            ...(attrs ? { attrs } : {}),
-        };
-    }
-    return withMappedContent(node, toNativeEditorNode);
-};
-export const fromNativeEditorNode = (node) => {
-    const headingMatch = NATIVE_HEADING_PATTERN.exec(node.type);
-    if (headingMatch) {
-        const cloned = withMappedContent(node, fromNativeEditorNode);
-        return {
-            ...cloned,
-            type: "heading",
-            attrs: { ...node.attrs, level: Number(headingMatch[1]) },
-        };
-    }
-    return withMappedContent(node, fromNativeEditorNode);
-};
-export const toNativeEditorDocument = (document) => ({
-    type: "doc",
-    content: toProseMirrorDocument(sanitizeNativeEditorDocument(document)).content.map(toNativeEditorNode),
-});
-export const fromNativeEditorDocument = (document, meta) => normalizeDocument(fromProseMirrorDocument({
-    type: "doc",
-    content: document.content.map(fromNativeEditorNode),
-}, meta));
-export const createNativeEditorDocument = (content, meta) => toNativeEditorDocument(createDocument(content, meta));

package/dist/emoji-button.d.ts

@@ -1,8 +0,0 @@
-import { type OpenEditorNativeEmoji } from "./emoji-data.js";
-type EmojiButtonProps = {
-    item: OpenEditorNativeEmoji;
-    size: number;
-    onSelect: (emoji: string) => void;
-};
-export declare const EmojiButton: (props: EmojiButtonProps) => import("react").JSX.Element;
-export {};

package/dist/emoji-button.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MenuView } from "@expo/ui/community/menu";
-import { useMemo } from "react";
-import { Pressable, Text } from "react-native";
-import { emojiForNativeSkinTone, openEditorNativeEmojiSkinToneOptions, } from "./emoji-data.js";
-const EmojiTrigger = ({ item, size, onSelect }) => (_jsx(Pressable, { accessibilityLabel: item.emoji, accessibilityRole: "button", onPress: () => onSelect(item.emoji), style: { alignItems: "center", height: 44, justifyContent: "center", width: size }, children: _jsx(Text, { style: { fontSize: 27 }, children: item.emoji }) }));
-const ToneEmojiButton = ({ item, size, onSelect }) => {
-    const actions = useMemo(() => openEditorNativeEmojiSkinToneOptions.map((option) => {
-        const emoji = emojiForNativeSkinTone(item, option.tone);
-        return { id: emoji, title: `${emoji}  ${option.label}` };
-    }), [item]);
-    return (_jsx(MenuView, { actions: actions, onPressAction: ({ nativeEvent }) => onSelect(nativeEvent.event), shouldOpenOnLongPress: true, style: { height: 44, width: size }, children: _jsx(EmojiTrigger, { item: item, onSelect: onSelect, size: size }) }));
-};
-export const EmojiButton = (props) => (props.item.skins?.length ? _jsx(ToneEmojiButton, { ...props }) : _jsx(EmojiTrigger, { ...props }));

package/dist/emoji-data.d.ts

@@ -1,44 +0,0 @@
-export type OpenEditorNativeEmojiSkinTone = 0 | 1 | 2 | 3 | 4 | 5;
-export type OpenEditorNativeEmoji = {
-    emoji: string;
-    label: string;
-    search: string;
-    group: number;
-    order: number;
-    skins?: readonly {
-        emoji: string;
-        tone?: number;
-    }[];
-};
-export type OpenEditorNativeEmojiSection = {
-    key: string;
-    title: string;
-    data: readonly OpenEditorNativeEmoji[];
-};
-export declare const openEditorNativeEmojiSkinToneOptions: readonly [{
-    readonly tone: 0;
-    readonly emoji: "✋";
-    readonly label: "Default skin tone";
-}, {
-    readonly tone: 1;
-    readonly emoji: "✋🏻";
-    readonly label: "Light skin tone";
-}, {
-    readonly tone: 2;
-    readonly emoji: "✋🏼";
-    readonly label: "Medium-light skin tone";
-}, {
-    readonly tone: 3;
-    readonly emoji: "✋🏽";
-    readonly label: "Medium skin tone";
-}, {
-    readonly tone: 4;
-    readonly emoji: "✋🏾";
-    readonly label: "Medium-dark skin tone";
-}, {
-    readonly tone: 5;
-    readonly emoji: "✋🏿";
-    readonly label: "Dark skin tone";
-}];
-export declare const emojiForNativeSkinTone: (item: OpenEditorNativeEmoji, skinTone: OpenEditorNativeEmojiSkinTone) => string;
-export declare const getOpenEditorNativeEmojiSections: (query?: string) => readonly OpenEditorNativeEmojiSection[];

package/dist/emoji-data.js

@@ -1,50 +0,0 @@
-import emojiDataJson from "emojibase-data/en/data.json";
-import emojiMessagesJson from "emojibase-data/en/messages.json";
-const normalizeSearch = (value) => value.toLocaleLowerCase().normalize("NFKD").replace(/[\u0300-\u036f]/g, "").trim();
-const rawEmojiData = emojiDataJson;
-const rawMessages = emojiMessagesJson;
-const groupMessages = new Map(rawMessages.groups.map((group) => [group.order, { key: group.key, title: group.message }]));
-const nativeEmoji = rawEmojiData
-    .filter((item) => typeof item.group === "number" && item.group !== 2)
-    .map((item) => ({
-    emoji: item.emoji,
-    label: item.label,
-    search: normalizeSearch([item.label, ...(item.tags ?? [])].join(" ")),
-    group: item.group,
-    order: item.order ?? Number.MAX_SAFE_INTEGER,
-    skins: item.skins,
-}))
-    .sort((left, right) => left.order - right.order);
-export const openEditorNativeEmojiSkinToneOptions = [
-    { tone: 0, emoji: "✋", label: "Default skin tone" },
-    { tone: 1, emoji: "✋🏻", label: "Light skin tone" },
-    { tone: 2, emoji: "✋🏼", label: "Medium-light skin tone" },
-    { tone: 3, emoji: "✋🏽", label: "Medium skin tone" },
-    { tone: 4, emoji: "✋🏾", label: "Medium-dark skin tone" },
-    { tone: 5, emoji: "✋🏿", label: "Dark skin tone" },
-];
-export const emojiForNativeSkinTone = (item, skinTone) => {
-    if (skinTone === 0)
-        return item.emoji;
-    return item.skins?.find((skin) => skin.tone === skinTone)?.emoji ?? item.emoji;
-};
-export const getOpenEditorNativeEmojiSections = (query = "") => {
-    const normalizedQuery = normalizeSearch(query);
-    const groups = new Map();
-    for (const item of nativeEmoji) {
-        if (normalizedQuery && !item.search.includes(normalizedQuery))
-            continue;
-        const group = groups.get(item.group);
-        if (group)
-            group.push(item);
-        else
-            groups.set(item.group, [item]);
-    }
-    return [...groups.entries()]
-        .sort(([left], [right]) => left - right)
-        .map(([group, data]) => ({
-        key: groupMessages.get(group)?.key ?? String(group),
-        title: groupMessages.get(group)?.title ?? "Emoji",
-        data,
-    }));
-};

package/dist/emoji-picker.d.ts

@@ -1,12 +0,0 @@
-export type OpenEditorNativeEmojiPickerTheme = {
-    surfaceMuted?: string;
-    text?: string;
-    muted?: string;
-};
-export type OpenEditorNativeEmojiPickerProps = {
-    visible: boolean;
-    onEmojiSelect: (emoji: string) => void;
-    onRequestClose: () => void;
-    theme?: OpenEditorNativeEmojiPickerTheme;
-};
-export declare const OpenEditorNativeEmojiPicker: ({ visible, onEmojiSelect, onRequestClose, theme, }: OpenEditorNativeEmojiPickerProps) => import("react").JSX.Element;

package/dist/emoji-picker.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BottomSheet, RNHostView } from "@expo/ui";
-import { useMemo, useState } from "react";
-import { ScrollView, Text, TextInput, useWindowDimensions, View, } from "react-native";
-import { getOpenEditorNativeEmojiSections, } from "./emoji-data.js";
-import { EmojiButton } from "./emoji-button.js";
-const toRows = (items, columns = 8) => {
-    const rows = [];
-    for (let index = 0; index < items.length; index += columns) {
-        rows.push(items.slice(index, index + columns));
-    }
-    return rows;
-};
-const DEFAULT_THEME = {
-    surfaceMuted: "#eeeeee",
-    text: "#171717",
-    muted: "#737373",
-};
-export const OpenEditorNativeEmojiPicker = ({ visible, onEmojiSelect, onRequestClose, theme, }) => {
-    const { height: windowHeight, width: windowWidth } = useWindowDimensions();
-    const [query, setQuery] = useState("");
-    const resolvedTheme = { ...DEFAULT_THEME, ...theme };
-    const nativeScrollHeight = Math.max(240, Math.floor(windowHeight * 0.5) - 32);
-    const contentWidth = Math.max(240, Math.min(windowWidth - 32, 520));
-    const emojiButtonWidth = contentWidth / 8;
-    const sections = useMemo(() => getOpenEditorNativeEmojiSections(query).map((section) => ({
-        ...section,
-        data: toRows(section.data),
-    })), [query]);
-    const close = () => {
-        setQuery("");
-        onRequestClose();
-    };
-    const selectEmoji = (selectedEmoji) => {
-        onEmojiSelect(selectedEmoji);
-        close();
-    };
-    return (_jsx(BottomSheet, { isPresented: visible, onDismiss: close, snapPoints: ["half"], children: _jsx(RNHostView, { matchContents: true, children: _jsxs(ScrollView, { contentContainerStyle: { paddingBottom: 32 }, keyboardShouldPersistTaps: "handled", style: { height: nativeScrollHeight, width: contentWidth }, children: [_jsx(TextInput, { autoCapitalize: "none", autoCorrect: false, onChangeText: setQuery, placeholder: "Search emoji\u2026", placeholderTextColor: resolvedTheme.muted, returnKeyType: "search", style: {
-                            backgroundColor: resolvedTheme.surfaceMuted,
-                            borderRadius: 10,
-                            color: resolvedTheme.text,
-                            fontSize: 16,
-                            height: 44,
-                            paddingHorizontal: 12,
-                            width: contentWidth,
-                        } }), sections.length === 0 ? (_jsx(Text, { style: {
-                            color: resolvedTheme.muted,
-                            fontSize: 15,
-                            height: 160,
-                            paddingTop: 48,
-                            textAlign: "center",
-                            width: contentWidth,
-                        }, children: "No emoji found." })) : sections.map((section) => (_jsxs(View, { style: { width: contentWidth }, children: [_jsx(Text, { style: {
-                                    color: resolvedTheme.muted,
-                                    fontSize: 12,
-                                    fontWeight: "600",
-                                    height: 32,
-                                    paddingHorizontal: 8,
-                                    paddingVertical: 8,
-                                    width: contentWidth,
-                                }, children: section.title }), section.data.map((row, rowIndex) => (_jsx(View, { style: {
-                                    alignItems: "center",
-                                    flexDirection: "row",
-                                    height: 44,
-                                    width: contentWidth,
-                                }, children: row.map((item) => (_jsx(EmojiButton, { item: item, onSelect: selectEmoji, size: emojiButtonWidth }, item.emoji))) }, `${section.key}-${rowIndex}`)))] }, section.key)))] }) }) }));
-};

package/dist/selection.d.ts

@@ -1,3 +0,0 @@
-import type { OpenEditorDocument } from "@openeditor/core";
-import type { Selection } from "@openeditor/react-native-prose-editor";
-export declare const resolveSelectedTopLevelIndex: (document: OpenEditorDocument, selection?: Selection) => number;

package/dist/selection.js

@@ -1,32 +0,0 @@
-const getNodeTextLength = (node) => {
-    if (node.type === "text") {
-        return node.text?.length ?? 0;
-    }
-    return node.content?.reduce((total, child) => total + getNodeSize(child), 0) ?? 0;
-};
-const getNodeSize = (node) => {
-    if (node.type === "text") {
-        return getNodeTextLength(node);
-    }
-    if (!node.content?.length) {
-        return 1;
-    }
-    return node.content.reduce((total, child) => total + getNodeSize(child), 2);
-};
-export const resolveSelectedTopLevelIndex = (document, selection) => {
-    const position = selection?.type === "node"
-        ? selection.pos
-        : selection?.type === "text"
-            ? Math.min(selection.anchor ?? 0, selection.head ?? 0)
-            : 0;
-    let offset = 0;
-    for (let index = 0; index < document.content.length; index += 1) {
-        const nodeSize = getNodeSize(document.content[index]);
-        // A caret at a block boundary belongs to the following block, not the previous one.
-        if (position == null || position < offset + nodeSize || index === document.content.length - 1) {
-            return index;
-        }
-        offset += nodeSize;
-    }
-    return Math.max(document.content.length - 1, 0);
-};

package/dist/theme.d.ts

@@ -1,2 +0,0 @@
-/** Converts CSS HSL colors into a native-safe hex color and preserves other color strings. */
-export declare const normalizeNativeThemeColor: (color: string) => string;

package/dist/theme.js

@@ -1,39 +0,0 @@
-const HSL_COLOR_PATTERN = /^hsla?\(\s*([-+\d.]+)(?:deg)?[\s,]+([-+\d.]+)%[\s,]+([-+\d.]+)%(?:\s*(?:\/|,)\s*([-+\d.]+%?))?\s*\)$/i;
-const clamp = (value, minimum, maximum) => Math.min(Math.max(value, minimum), maximum);
-const hueToRgb = (p, q, input) => {
-    let hue = input;
-    if (hue < 0)
-        hue += 1;
-    if (hue > 1)
-        hue -= 1;
-    if (hue < 1 / 6)
-        return p + (q - p) * 6 * hue;
-    if (hue < 1 / 2)
-        return q;
-    if (hue < 2 / 3)
-        return p + (q - p) * (2 / 3 - hue) * 6;
-    return p;
-};
-const toByte = (value) => Math.round(clamp(value, 0, 1) * 255 + 1e-9);
-const toHexByte = (value) => value.toString(16).padStart(2, "0");
-/** Converts CSS HSL colors into a native-safe hex color and preserves other color strings. */
-export const normalizeNativeThemeColor = (color) => {
-    const match = HSL_COLOR_PATTERN.exec(color.trim());
-    if (!match)
-        return color;
-    const hue = (((Number(match[1]) % 360) + 360) % 360) / 360;
-    const saturation = clamp(Number(match[2]) / 100, 0, 1);
-    const lightness = clamp(Number(match[3]) / 100, 0, 1);
-    const alphaRaw = match[4];
-    const alpha = alphaRaw
-        ? clamp(Number(alphaRaw.replace("%", "")) / (alphaRaw.endsWith("%") ? 100 : 1), 0, 1)
-        : 1;
-    const q = lightness < 0.5
-        ? lightness * (1 + saturation)
-        : lightness + saturation - lightness * saturation;
-    const p = 2 * lightness - q;
-    const red = saturation === 0 ? lightness : hueToRgb(p, q, hue + 1 / 3);
-    const green = saturation === 0 ? lightness : hueToRgb(p, q, hue);
-    const blue = saturation === 0 ? lightness : hueToRgb(p, q, hue - 1 / 3);
-    return `#${toHexByte(toByte(red))}${toHexByte(toByte(green))}${toHexByte(toByte(blue))}${alpha < 1 ? toHexByte(toByte(alpha)) : ""}`;
-};

package/dist/toolbar.d.ts

@@ -1,30 +0,0 @@
-import { type ProseMirrorDocument } from "@openeditor/core";
-import type { EditorToolbarItem } from "@openeditor/react-native-prose-editor";
-export declare const openEditorNativeToolbarActionKeys: {
-    readonly paragraph: "paragraph";
-    readonly bulletList: "bulletList";
-    readonly orderedList: "orderedList";
-    readonly columns: "columns";
-    readonly table: "table";
-    readonly toggleList: "toggleList";
-    readonly callout: "callout";
-    readonly page: "page";
-    readonly attachment: "attachment";
-    readonly moveBlockUp: "openeditor:block:moveUp";
-    readonly moveBlockDown: "openeditor:block:moveDown";
-    readonly undo: "openeditor:history:undo";
-    readonly redo: "openeditor:history:redo";
-    readonly dismissKeyboard: "openeditor:keyboard:dismiss";
-};
-export type OpenEditorNativeToolbarActionKey = (typeof openEditorNativeToolbarActionKeys)[keyof typeof openEditorNativeToolbarActionKeys];
-export declare const createOpenEditorNativeToolbarItems: ({ canUndo, canRedo, enabledBlocks, }?: {
-    canUndo?: boolean;
-    canRedo?: boolean;
-    enabledBlocks?: readonly string[];
-}) => readonly EditorToolbarItem[];
-export declare const openEditorNativeToolbarItems: readonly EditorToolbarItem[];
-export declare const nativeToolbarParityCoverage: () => {
-    missingBlockControls: string[];
-    missingMarkControls: ("bold" | "link" | "strike" | "italic" | "underline" | "code")[];
-};
-export declare const defaultDocumentForToolbarAction: (key: string) => ProseMirrorDocument | null;

package/dist/toolbar.js

@@ -1,282 +0,0 @@
-import { isOpenEditorBlockEnabled } from "@openeditor/core";
-import { createOpenEditorInsertDocument, defaultBlockSpecs, defaultMarkSpecs, } from "@openeditor/extensions";
-import { toNativeEditorDocument } from "./document.js";
-const glyphIcon = (text) => ({ type: "glyph", text });
-const defaultIcon = (id) => ({ type: "default", id });
-const platformIcon = (iosName, androidName, fallbackText) => ({
-    type: "platform",
-    ios: { type: "sfSymbol", name: iosName },
-    android: { type: "material", name: androidName },
-    fallbackText,
-});
-export const openEditorNativeToolbarActionKeys = {
-    paragraph: "paragraph",
-    bulletList: "bulletList",
-    orderedList: "orderedList",
-    columns: "columns",
-    table: "table",
-    toggleList: "toggleList",
-    callout: "callout",
-    page: "page",
-    attachment: "attachment",
-    moveBlockUp: "openeditor:block:moveUp",
-    moveBlockDown: "openeditor:block:moveDown",
-    undo: "openeditor:history:undo",
-    redo: "openeditor:history:redo",
-    dismissKeyboard: "openeditor:keyboard:dismiss",
-};
-export const createOpenEditorNativeToolbarItems = ({ canUndo = true, canRedo = true, enabledBlocks, } = {}) => {
-    const items = [
-        {
-            type: "group",
-            key: "openeditor-text",
-            label: "Text",
-            icon: glyphIcon("T"),
-            presentation: "menu",
-            items: [
-                { type: "action", key: openEditorNativeToolbarActionKeys.paragraph, label: "Paragraph", icon: glyphIcon("P") },
-                { type: "heading", level: 1, label: "Heading 1", icon: glyphIcon("H1") },
-                { type: "heading", level: 2, label: "Heading 2", icon: glyphIcon("H2") },
-                { type: "heading", level: 3, label: "Heading 3", icon: glyphIcon("H3") },
-                { type: "heading", level: 4, label: "Heading 4", icon: glyphIcon("H4") },
-                { type: "heading", level: 5, label: "Heading 5", icon: glyphIcon("H5") },
-                { type: "heading", level: 6, label: "Heading 6", icon: glyphIcon("H6") },
-            ],
-        },
-        {
-            type: "group",
-            key: "openeditor-marks",
-            label: "Marks",
-            icon: defaultIcon("bold"),
-            presentation: "menu",
-            items: [
-                { type: "mark", mark: "bold", label: "Bold", icon: defaultIcon("bold") },
-                { type: "mark", mark: "italic", label: "Italic", icon: defaultIcon("italic") },
-                { type: "mark", mark: "underline", label: "Underline", icon: defaultIcon("underline") },
-                { type: "mark", mark: "strike", label: "Strikethrough", icon: defaultIcon("strike") },
-                { type: "mark", mark: "code", label: "Inline Code", icon: platformIcon("curlybraces", "code", "{}") },
-                { type: "link", label: "Link", icon: defaultIcon("link") },
-            ],
-        },
-        {
-            type: "group",
-            key: "openeditor-lists",
-            label: "Lists",
-            icon: defaultIcon("bulletList"),
-            presentation: "menu",
-            items: [
-                { type: "action", key: openEditorNativeToolbarActionKeys.bulletList, label: "Bullet List", icon: defaultIcon("bulletList") },
-                { type: "action", key: openEditorNativeToolbarActionKeys.orderedList, label: "Numbered List", icon: defaultIcon("orderedList") },
-                { type: "command", command: "indentList", label: "Indent List", icon: defaultIcon("indentList") },
-                { type: "command", command: "outdentList", label: "Outdent List", icon: defaultIcon("outdentList") },
-            ],
-        },
-        {
-            type: "group",
-            key: "openeditor-blocks",
-            label: "Blocks",
-            icon: defaultIcon("blockquote"),
-            presentation: "menu",
-            items: [
-                { type: "blockquote", label: "Quote", icon: defaultIcon("blockquote") },
-                { type: "node", nodeType: "horizontalRule", label: "Divider", icon: defaultIcon("horizontalRule") },
-                { type: "action", key: openEditorNativeToolbarActionKeys.columns, label: "Columns", icon: glyphIcon("Cols") },
-                { type: "action", key: openEditorNativeToolbarActionKeys.table, label: "Table", icon: glyphIcon("Tbl") },
-                { type: "action", key: openEditorNativeToolbarActionKeys.toggleList, label: "Toggle List", icon: glyphIcon("Tgl") },
-                { type: "action", key: openEditorNativeToolbarActionKeys.callout, label: "Callout", icon: glyphIcon("!") },
-                { type: "action", key: openEditorNativeToolbarActionKeys.page, label: "Page", icon: glyphIcon("Pg") },
-                { type: "command", command: "insertTableRowAfter", label: "Add Row", icon: glyphIcon("+R") },
-                { type: "command", command: "insertTableColumnAfter", label: "Add Column", icon: glyphIcon("+C") },
-                { type: "command", command: "deleteTableRow", label: "Delete Row", icon: glyphIcon("-R") },
-                { type: "command", command: "deleteTableColumn", label: "Delete Column", icon: glyphIcon("-C") },
-                { type: "image", label: "Image", icon: defaultIcon("image") },
-            ],
-        },
-        {
-            type: "action",
-            key: openEditorNativeToolbarActionKeys.attachment,
-            label: "Upload file",
-            icon: platformIcon("paperclip", "attach-file", "File"),
-        },
-        {
-            type: "action",
-            key: openEditorNativeToolbarActionKeys.moveBlockUp,
-            label: "Move Block Up",
-            icon: {
-                type: "platform",
-                ios: { type: "sfSymbol", name: "arrow.up" },
-                android: { type: "material", name: "keyboard-arrow-up" },
-                fallbackText: "Up",
-            },
-        },
-        {
-            type: "action",
-            key: openEditorNativeToolbarActionKeys.moveBlockDown,
-            label: "Move Block Down",
-            icon: {
-                type: "platform",
-                ios: { type: "sfSymbol", name: "arrow.down" },
-                android: { type: "material", name: "keyboard-arrow-down" },
-                fallbackText: "Dn",
-            },
-        },
-        { type: "separator" },
-        {
-            type: "action",
-            key: openEditorNativeToolbarActionKeys.undo,
-            label: "Undo",
-            icon: defaultIcon("undo"),
-            isDisabled: !canUndo,
-            placement: "end",
-        },
-        {
-            type: "action",
-            key: openEditorNativeToolbarActionKeys.redo,
-            label: "Redo",
-            icon: defaultIcon("redo"),
-            isDisabled: !canRedo,
-            placement: "end",
-        },
-        {
-            type: "action",
-            key: openEditorNativeToolbarActionKeys.dismissKeyboard,
-            label: "Hide Keyboard",
-            icon: {
-                type: "platform",
-                ios: { type: "sfSymbol", name: "keyboard.chevron.compact.down" },
-                android: { type: "material", name: "keyboard_hide" },
-                fallbackText: "v",
-            },
-            placement: "end",
-        },
-    ];
-    const actionBlocks = new Map([
-        [openEditorNativeToolbarActionKeys.paragraph, "paragraph"],
-        [openEditorNativeToolbarActionKeys.bulletList, "bulletList"],
-        [openEditorNativeToolbarActionKeys.orderedList, "orderedList"],
-        [openEditorNativeToolbarActionKeys.columns, "columns"],
-        [openEditorNativeToolbarActionKeys.table, "table"],
-        [openEditorNativeToolbarActionKeys.toggleList, "toggleList"],
-        [openEditorNativeToolbarActionKeys.callout, "callout"],
-        [openEditorNativeToolbarActionKeys.page, "page"],
-        [openEditorNativeToolbarActionKeys.attachment, "attachment"],
-    ]);
-    const blockForItem = (item) => {
-        if (item.type === "action")
-            return actionBlocks.get(item.key);
-        if (item.type === "heading")
-            return "heading";
-        if (item.type === "blockquote")
-            return "blockquote";
-        if (item.type === "image")
-            return "image";
-        if (item.type === "node" && item.nodeType === "horizontalRule")
-            return "divider";
-        if (item.type === "command" && item.command.toLowerCase().includes("table"))
-            return "table";
-        return undefined;
-    };
-    const filterItems = (source) => {
-        const filtered = [];
-        for (const item of source) {
-            if (item.type === "group") {
-                const children = item.items.filter((child) => {
-                    const block = blockForItem(child);
-                    return !block || isOpenEditorBlockEnabled(block, { enabledBlocks });
-                });
-                if (children.length)
-                    filtered.push({ ...item, items: children });
-                continue;
-            }
-            const block = blockForItem(item);
-            if (!block || isOpenEditorBlockEnabled(block, { enabledBlocks }))
-                filtered.push(item);
-        }
-        return filtered;
-    };
-    return filterItems(items);
-};
-export const openEditorNativeToolbarItems = createOpenEditorNativeToolbarItems();
-const walkToolbarItems = (items) => {
-    const leafItems = [];
-    for (const item of items) {
-        if (item.type === "group") {
-            leafItems.push(...walkToolbarItems(item.items));
-        }
-        else if (item.type !== "separator") {
-            leafItems.push(item);
-        }
-    }
-    return leafItems;
-};
-export const nativeToolbarParityCoverage = () => {
-    const leafItems = walkToolbarItems(openEditorNativeToolbarItems);
-    const blockControls = new Map([
-        ["paragraph", openEditorNativeToolbarActionKeys.paragraph],
-        ["heading", "heading"],
-        ["bulletList", openEditorNativeToolbarActionKeys.bulletList],
-        ["orderedList", openEditorNativeToolbarActionKeys.orderedList],
-        ["blockquote", "blockquote"],
-        ["divider", "horizontalRule"],
-        ["image", "image"],
-        ["table", openEditorNativeToolbarActionKeys.table],
-        ["toggleList", openEditorNativeToolbarActionKeys.toggleList],
-        ["callout", openEditorNativeToolbarActionKeys.callout],
-        ["page", openEditorNativeToolbarActionKeys.page],
-        ["attachment", openEditorNativeToolbarActionKeys.attachment],
-    ]);
-    const markControls = new Map([
-        ["bold", "bold"],
-        ["italic", "italic"],
-        ["underline", "underline"],
-        ["strike", "strike"],
-        ["code", "code"],
-        ["link", "link"],
-    ]);
-    const hasBlockControl = (control) => leafItems.some((item) => item.type === "action"
-        ? item.key === control
-        : item.type === "heading"
-            ? control === "heading"
-            : item.type === "list"
-                ? item.listType === control
-                : item.type === "image"
-                    ? control === "image"
-                    : item.type === "blockquote"
-                        ? control === "blockquote"
-                        : item.type === "node"
-                            ? item.nodeType === control
-                            : false);
-    const hasMarkControl = (control) => leafItems.some((item) => item.type === "link"
-        ? control === "link"
-        : item.type === "mark"
-            ? item.mark === control
-            : false);
-    return {
-        missingBlockControls: defaultBlockSpecs
-            .filter((spec) => spec.support?.native === "supported")
-            .map((spec) => spec.name)
-            .filter((name) => !hasBlockControl(blockControls.get(name) ?? "")),
-        missingMarkControls: defaultMarkSpecs
-            .map((mark) => mark.name)
-            .filter((name) => !hasMarkControl(markControls.get(name) ?? "")),
-    };
-};
-export const defaultDocumentForToolbarAction = (key) => {
-    if (key === "image"
-        || key === "link"
-        || key === "taskList"
-        || key === "codeBlock"
-        || key === "columns"
-        || key === openEditorNativeToolbarActionKeys.table
-        || key === openEditorNativeToolbarActionKeys.moveBlockUp
-        || key === openEditorNativeToolbarActionKeys.moveBlockDown
-        || key === openEditorNativeToolbarActionKeys.dismissKeyboard) {
-        return null;
-    }
-    try {
-        return toNativeEditorDocument(createOpenEditorInsertDocument(key));
-    }
-    catch {
-        return null;
-    }
-};