@keystatic/core

Search for an npm package
import { ReactElement, ReactNode } from 'react';
import { Element, Editor } from 'slate';
import { PopoverProps } from '@keystar/ui/overlays';
type RenderFn = (close: () => void) => ReactElement;
type BlockPopoverTriggerProps = {
element: Element;
children: [ReactElement, ReactElement<BlockPopoverProps>];
};
type BlockPopoverProps = Pick<PopoverProps, 'hideArrow' | 'placement'> & {
children: ReactElement | RenderFn;
};
export declare function useActiveBlockPopover(): (({
type: "layout";
layout: number[];
} | {
type: "blockquote" | "table" | "divider" | "ordered-list" | "unordered-list" | "table-row" | "list-item" | "layout-area" | "list-item-content" | "table-body" | "table-head";
} | {
type: "heading";
level: 1 | 2 | 3 | 4 | 5 | 6;
textAlign?: "center" | "end" | undefined;
} | {
type: "component-block";
component: string;
props: Record<string, any>;
} | {
type: "component-inline-prop" | "component-block-prop";
propPath?: import("../component-blocks/utils.js").ReadonlyPropPath | undefined;
} | {
type: "paragraph";
textAlign?: "center" | "end" | undefined;
} | {
type: "link";
href: string;
} | {
type: "code";
language?: string | undefined;
} | {
type: "image";
src: {
filename: string;
content: Uint8Array;
};
alt: string;
title: string;
} | {
type: "table-cell";
header?: true | undefined;
rowSpan?: number | undefined;
colSpan?: number | undefined;
}) & import("slate").BaseElement) | undefined;
export declare function ActiveBlockPopoverProvider(props: {
children: ReactNode;
editor: Editor;
}): import("react").JSX.Element;
export declare const BlockPopoverTrigger: ({ children, element, }: BlockPopoverTriggerProps) => import("react").JSX.Element;
export declare function BlockPopover(props: BlockPopoverProps): import("react").JSX.Element;
export {};