@manifest-editor/components 1.1.0 → 1.3.0

package/dist/index.d.ts

@@ -2,12 +2,13 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ButtonProps, TabsProps, TabListProps, TabProps, TabPanelProps, LabelProps } from 'react-aria-components';
 import * as _floating_ui_react_dom from '@floating-ui/react-dom';
 import { UseFloatingReturn } from '@floating-ui/react-dom';
-import * as _floating_ui_react from '@floating-ui/react';
-import { UseInteractionsReturn, Placement } from '@floating-ui/react';
 import * as React$1 from 'react';
-import { ReactNode, SVGProps } from 'react';
+import React__default, { ReactNode, SVGProps, ForwardedRef } from 'react';
+import { UseInteractionsReturn, Placement } from '@floating-ui/react';
 import { createHelper } from 'polygon-editor';
 import { InternationalString } from '@iiif/presentation-3';
+import { MDXEditorMethods, MDXEditorProps } from '@mdxeditor/editor';
+import { TextualContentStrategy } from 'react-iiif-vault';
 
 declare function ActionButton({ className, primary, center, children, ...props }: {
     primary?: boolean;
@@ -62,8 +63,8 @@ declare const useTooltipContext: () => {
     setOpen: (open: boolean) => void;
 } & {
     placement: Placement;
-    strategy: _floating_ui_react.Strategy;
-    middlewareData: _floating_ui_react.MiddlewareData;
+    strategy: _floating_ui_react_dom.Strategy;
+    middlewareData: _floating_ui_react_dom.MiddlewareData;
     x: number;
     y: number;
     isPositioned: boolean;
@@ -84,11 +85,12 @@ declare function Tooltip({ children, ...options }: {
     children: React$1.ReactNode;
 } & TooltipOptions): react_jsx_runtime.JSX.Element;
 declare const TooltipTrigger: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLProps<HTMLElement> & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
     onPress?: any;
 }, "ref"> & React$1.RefAttributes<HTMLElement>>;
 declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLProps<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare function DefaultTooltipContent(props: {
+    className?: string;
     children: React$1.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
@@ -97,13 +99,18 @@ declare function ThumbnailGridContainer(props: {
     wide?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare function LazyThumbnail(): react_jsx_runtime.JSX.Element;
+declare function LazyThumbnail({ cover, fade, }: {
+    cover?: boolean;
+    fade?: boolean;
+}): react_jsx_runtime.JSX.Element;
 
-declare function CanvasThumbnailGridItem(props: {
+interface CanvasThumbnailGridItemProps {
+    onClick?: () => void;
     id: string;
     selected?: boolean;
-    onClick?: () => void;
-}): react_jsx_runtime.JSX.Element;
+    active?: boolean;
+}
+declare function CanvasThumbnailGridItem(props: CanvasThumbnailGridItemProps): react_jsx_runtime.JSX.Element;
 
 interface ModalProps {
     id?: string;
@@ -115,7 +122,7 @@ interface ModalProps {
     children: React.ReactNode;
     actions?: React.ReactNode;
 }
-declare function Modal({ id, title, open, onClose, actions, children }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ id, title, open, onClose, actions, children, }: ModalProps): react_jsx_runtime.JSX.Element;
 
 declare function ControlButton({ children, className, ...props }: React.PropsWithChildren<React.ButtonHTMLAttributes<HTMLButtonElement>>): react_jsx_runtime.JSX.Element;
 
@@ -186,7 +193,7 @@ interface SidebarTabsProps {
     selectedKey?: string;
     onSelectionChange?: (key: string) => void;
 }
-declare function SidebarTabs({ menu, menuId, selectedKey, onSelectionChange }: SidebarTabsProps): react_jsx_runtime.JSX.Element;
+declare function SidebarTabs({ menu, menuId, selectedKey, onSelectionChange, }: SidebarTabsProps): react_jsx_runtime.JSX.Element;
 
 declare function MetadataContainer({ className, label, children, ...props }: {
     label: InternationalString | null;
@@ -217,6 +224,33 @@ declare const Form: {
     Radio: typeof MeRadio;
 };
 
+declare function HTMLEditor({ value, onChange, disabled, }: {
+    value: string;
+    disabled?: boolean;
+    onChange: (text: string) => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare function MDXEditor({ editorRef, ...props }: {
+    editorRef?: ForwardedRef<MDXEditorMethods> | null;
+} & MDXEditorProps): react_jsx_runtime.JSX.Element;
+
+declare function IconButton({ children, active, label, disabled, onPress, }: {
+    children: React.ReactNode;
+    onPress?: () => void;
+    active?: boolean;
+    disabled?: boolean;
+    label: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ItemWithHandle({ children, handle, actions, grid, }: {
+    grid?: boolean;
+    children: React.ReactNode;
+    handle: React.ReactNode;
+    actions?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare const HandleContainer: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
 declare function CreateCanvasIcon(): react_jsx_runtime.JSX.Element;
 
 declare const AddImageIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -246,6 +280,39 @@ declare function AddIcon({ className, inline, height, color, }: {
     color?: string;
 }): react_jsx_runtime.JSX.Element;
 
+declare function DeleteForeverIcon(props: React$1.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function TextIcon(props: SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function MoreMenu(): react_jsx_runtime.JSX.Element;
+
+interface ErrorMessageProps {
+    children: React__default.ReactNode;
+    small?: boolean;
+    className?: string;
+}
+declare function ErrorMessage({ children, small, className }: ErrorMessageProps): react_jsx_runtime.JSX.Element;
+
 declare function useFastList<T>(list: undefined | T[], firstRender?: number): T[];
 
-export { ActionButton, AddIcon, AddImageIcon, AtlasBanner, AudioIcon, CanvasThumbnailGridItem, Card3D, ConfirmSelectionButton, ControlButton, CreateCanvasIcon, CreatorGrid, type CreatorGridItemProps, DefaultTooltipContent, DownloadButton, DownloadIcon, EmptyCanvasIcon, EmptyState, Form, HTMLIcon, IIIFBrowserIcon, IIIFLogo, LazyThumbnail, ManifestEditorLogo, ManifestOverviewEmptyState, MetadataContainer, Modal, type ModalProps, OpaqueControls, PanelSideMenu, Sidebar, SidebarContent, SidebarHeader, SidebarTabs, SvgControlBar, Tab, TabList, TabPanel, Tabs, ThumbnailGridContainer, Tooltip, TooltipContent, TooltipTrigger, VideoIcon, YouTubeIcon, createDownload, useFastList, useTooltip, useTooltipContext };
+declare function RenderTextualContent(props: {
+    strategy: TextualContentStrategy;
+}): react_jsx_runtime.JSX.Element;
+
+interface IIIFMediaPlayerProps {
+    canvas: {
+        id: string;
+    };
+    media: {
+        duration: number;
+        format: string;
+        url: string;
+    };
+    captions?: any[];
+    poster?: string;
+    startTime?: number;
+    language?: string;
+}
+declare function IIIFMediaPlayer(props: IIIFMediaPlayerProps): react_jsx_runtime.JSX.Element;
+
+export { ActionButton, AddIcon, AddImageIcon, AtlasBanner, AudioIcon, CanvasThumbnailGridItem, Card3D, ConfirmSelectionButton, ControlButton, CreateCanvasIcon, CreatorGrid, type CreatorGridItemProps, DefaultTooltipContent, DeleteForeverIcon, DownloadButton, DownloadIcon, EmptyCanvasIcon, EmptyState, ErrorMessage, Form, HTMLEditor, HTMLIcon, HandleContainer, IIIFBrowserIcon, IIIFLogo, IIIFMediaPlayer, type IIIFMediaPlayerProps, IconButton, ItemWithHandle, LazyThumbnail, MDXEditor, ManifestEditorLogo, ManifestOverviewEmptyState, MetadataContainer, Modal, type ModalProps, MoreMenu, OpaqueControls, PanelSideMenu, RenderTextualContent, Sidebar, SidebarContent, SidebarHeader, SidebarTabs, SvgControlBar, Tab, TabList, TabPanel, Tabs, TextIcon, ThumbnailGridContainer, Tooltip, TooltipContent, TooltipTrigger, VideoIcon, YouTubeIcon, createDownload, useFastList, useTooltip, useTooltipContext };