@micromag/core 0.4.69 → 0.4.74

package/es/components.d.ts

@@ -1,5 +1,48 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React, { CSSProperties, MouseEventHandler, ForwardedRef } from 'react';
+import * as React$1 from 'react';
+import React__default, { ReactNode, CSSProperties, MouseEventHandler, ForwardedRef, JSX, MouseEvent, ElementType } from 'react';
+import { MessageDescriptor } from 'react-intl';
+
+type Label$2 = MessageDescriptor | ReactNode;
+
+type MediaElement = HTMLVideoElement | HTMLAudioElement | HTMLMediaElement;
+
+interface MenuItem$1 {
+    id?: number | string;
+    label?: Label$2;
+    url?: string;
+    external?: boolean;
+    active?: boolean;
+}
+interface Button$3 {
+    id?: string | number;
+    label?: Label$2;
+    name?: string;
+    theme?: ButtonTheme | null;
+    size?: ButtonSize | null;
+    href?: string | null;
+    external?: boolean;
+    direct?: boolean;
+    target?: string;
+    focusable?: boolean;
+    active?: boolean;
+    icon?: React.ReactNode | null;
+    iconPosition?: 'left' | 'right' | 'inline';
+    disabled?: boolean;
+    className?: string | null;
+    onClick?: (...args: unknown[]) => void;
+}
+type BootstrapTheme = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
+type ButtonTheme = BootstrapTheme | 'outline-primary' | 'outline-secondary' | 'outline-success' | 'outline-danger' | 'outline-warning' | 'outline-info' | 'outline-light' | 'outline-dark' | 'outline-link' | null;
+type ButtonSize = 'lg' | 'sm' | null;
+
+interface StoryComponent$1 {
+    id: string;
+    type: string;
+    [key: string]: unknown;
+}
+
+type RenderContext = 'view' | 'placeholder' | 'edit' | 'preview' | 'static' | 'capture';
 
 type ButtonElement = HTMLButtonElement | HTMLAnchorElement;
 interface ButtonProps {
@@ -10,11 +53,11 @@ interface ButtonProps {
     external?: boolean;
     direct?: boolean;
     target?: string;
-    label?: Label | null;
-    children?: Label | null;
+    label?: Label$2 | null;
+    children?: Label$2 | null;
     focusable?: boolean;
     active?: boolean;
-    icon?: React.ReactNode | null;
+    icon?: ReactNode | null;
     iconPosition?: 'left' | 'right' | 'inline';
     disabled?: boolean;
     loading?: boolean;
@@ -37,11 +80,11 @@ interface ButtonProps {
 declare function Button$2({ type, theme, size, href, external, direct, target, label, children, focusable, active, icon, iconPosition, disabled, loading, disableOnLoading, small, big, withShadow, withoutStyle, withoutBootstrapStyles, withoutTheme, asLink, outline, onClick, className, iconClassName, labelClassName, refButton, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 interface ButtonsProps {
-    buttons?: Button[];
+    buttons?: Button$3[];
     size?: ButtonSize | null;
     theme?: ButtonTheme;
-    renderButton?: ((...args: unknown[]) => void) | null;
-    onClickButton?: ((...args: unknown[]) => void) | null;
+    renderButton?: ((button: Button$3, index: number, props: Record<string, unknown>) => JSX.Element) | null;
+    onClickButton?: ((e: MouseEvent, button: Button$3, index: any) => void) | null;
     className?: string | null;
     buttonClassName?: string | null;
 }
@@ -69,7 +112,7 @@ interface FormProps {
     submitButtonTheme?: string | null;
     cancelButtonTheme?: string | null;
     buttons?: Button[] | null;
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
     actionsAlign?: 'left' | 'right';
     withoutActions?: boolean;
     withoutComplete?: boolean;
@@ -89,9 +132,9 @@ interface FormProps {
 declare function Form({ action, method, fields: initialFields, initialValue, postForm, submitButtonLabel, submitButtonLoadingLabel, submitButtonTheme, cancelButtonTheme, buttons, children, actionsAlign, withoutActions, withoutComplete, withoutBackButton, onComplete, onResponse, onMessage, onCancel, onCancelHref, onOpenFieldForm, onCloseFieldForm, className, fieldsClassName, actionsClassName, cancelClassName, }: FormProps): react_jsx_runtime.JSX.Element;
 
 interface FormPanelProps {
-    description?: React.ReactNode | null;
+    description?: React__default.ReactNode | null;
     loading?: boolean;
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
     className?: string | null;
 }
 declare function FormPanel({ description, loading, children, className, ...props }: FormPanelProps): react_jsx_runtime.JSX.Element;
@@ -159,7 +202,7 @@ interface UnmuteIconProps {
 declare function UnmuteIcon({ color, className }: UnmuteIconProps): react_jsx_runtime.JSX.Element;
 
 interface BreadcrumbProps {
-    items?: MenuItem[];
+    items?: MenuItem$1[];
     theme?: BootstrapTheme | null;
     separator?: null | 'arrow';
     withoutBar?: boolean;
@@ -170,7 +213,7 @@ declare function Breadcrumb({ items, theme, separator, withoutBar, noWrap, class
 
 interface DropdownProps {
     items?: MenuItem[];
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
     visible?: boolean;
     align?: DropdownAlign | null;
     className?: string | null;
@@ -184,7 +227,7 @@ interface MenuProps {
     items?: MenuItem[];
     tagName?: string;
     itemTagName?: string;
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
     linkAsItem?: boolean;
     className?: string | null;
     itemClassName?: string | null;
@@ -202,16 +245,16 @@ interface MenuProps {
 declare function Menu({ items, tagName, itemTagName, children, linkAsItem, className, itemClassName, linkClassName, hasSubMenuClassName, subMenuClassName, subMenuItemClassName, subMenuLinkClassName, hasDropdownClassName, dropdownClassName, dropdownItemClassName, dropdownLinkClassName, dropdownAlign, }: MenuProps): react_jsx_runtime.JSX.Element;
 
 interface NavbarProps {
-    brand?: React.ReactNode | null;
+    brand?: React__default.ReactNode | null;
     brandLink?: string | null;
-    breadcrumbs?: React.ReactNode | null;
+    breadcrumbs?: React__default.ReactNode | null;
     theme?: 'light' | 'dark' | 'primary' | null;
     size?: 'sm' | 'md' | 'lg';
     compact?: boolean;
     noWrap?: boolean;
     withoutCollapse?: boolean;
     withoutCollapseToggle?: boolean;
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
     className?: string | null;
     brandClassName?: string | null;
     breadCrumbsClassName?: string | null;
@@ -236,7 +279,7 @@ interface PaginationMenuProps {
 declare function PaginationMenu({ page: parentPage, lastPage: parentLastPage, maxPages: parentMaxPages, total: parentTotal, url, query, withPreviousNext, className, paginationClassName, itemClassName, linkClassName, onClickPage, }: PaginationMenuProps): react_jsx_runtime.JSX.Element;
 
 interface TabsMenuProps {
-    items?: MenuItem[];
+    items?: MenuItem$1[];
     size?: ButtonSize | null;
     theme?: ButtonTheme;
     renderItemButton?: ((...args: unknown[]) => void) | null;
@@ -255,15 +298,15 @@ interface ModalProps {
     id?: string | null;
     title?: string | null;
     position?: 'center' | 'top';
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
 }
 declare function Modal({ id, children, position, title }: ModalProps): react_jsx_runtime.JSX.Element;
 
 interface ModalDialogProps {
     title?: Label | null;
-    header?: React.ReactNode | null;
-    children?: React.ReactNode | null;
-    footer?: React.ReactNode | null;
+    header?: React__default.ReactNode | null;
+    children?: React__default.ReactNode | null;
+    footer?: React__default.ReactNode | null;
     size?: string | null;
     buttons?: Button[] | null;
     onClose?: ((...args: unknown[]) => void) | null;
@@ -275,7 +318,7 @@ declare function ModalDialog({ title, header, children, buttons, footer, size, o
 interface ModalPortalProps {
     id?: string | null;
     data?: Record<string, unknown> | null;
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
 }
 declare function ModalPortal({ id, data, children }: ModalPortalProps): react_jsx_runtime.JSX.Element;
 
@@ -287,34 +330,34 @@ declare const _default: {
 interface PanelProps {
     id?: string | null;
     title?: string | null;
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
 }
 declare function Panel({ id, children, title }: PanelProps): react_jsx_runtime.JSX.Element;
 
 interface PanelPortalProps {
     id?: string | null;
     data?: Record<string, unknown> | null;
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
 }
 declare function PanelPortal({ id, data, children }: PanelPortalProps): any;
 
 interface CardProps {
     href?: string | null;
-    header?: React.ReactNode | null;
-    image?: React.ReactNode | null;
+    header?: React__default.ReactNode | null;
+    image?: React__default.ReactNode | null;
     imageAlt?: string | null;
     imageOverlay?: boolean;
-    beforeBody?: React.ReactNode | null;
-    title?: Label | null;
-    subtitle?: Label | null;
-    children?: React.ReactNode | null;
-    afterBody?: React.ReactNode | null;
+    beforeBody?: React__default.ReactNode | null;
+    title?: Label$2 | null;
+    subtitle?: Label$2 | null;
+    children?: React__default.ReactNode | null;
+    afterBody?: React__default.ReactNode | null;
     links?: {
-        label?: Label;
+        label?: Label$2;
         href?: string;
     }[] | null;
     linksInSameBody?: boolean;
-    footer?: React.ReactNode | null;
+    footer?: React__default.ReactNode | null;
     theme?: null | 'dark' | 'primary' | 'light';
     className?: string | null;
     imageClassName?: string | null;
@@ -330,8 +373,8 @@ interface CardProps {
 declare function Card({ href, header, image, imageAlt, imageOverlay, beforeBody, title, subtitle, children, afterBody, links, linksInSameBody, footer, theme, className, imageClassName, headerClassName, titleClassName, subtitleClassName, bodyClassName, footerClassName, onClick, onClickBody, onClickFooter, }: CardProps): react_jsx_runtime.JSX.Element;
 
 interface CollapsablePanelProps {
-    title?: React.ReactNode | null;
-    children?: React.ReactNode | null;
+    title?: React__default.ReactNode | null;
+    children?: React__default.ReactNode | null;
     className?: string | null;
     topClassName?: string | null;
     contentClassName?: string | null;
@@ -351,7 +394,7 @@ declare function Close({ stroke, border, fill, className, }: CloseProps): react_
 interface DateProps {
     date?: string | null;
     withTime?: boolean;
-    timeSeparator?: React.ReactNode;
+    timeSeparator?: ReactNode;
 }
 declare function Date({ date, withTime, timeSeparator }: DateProps): react_jsx_runtime.JSX.Element;
 
@@ -362,7 +405,7 @@ interface DetectorProps {
     onLeave?: ((...args: unknown[]) => void) | null;
     onChange?: ((...args: unknown[]) => void) | null;
     disabled?: boolean;
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
     className?: string | null;
 }
 declare function Detector({ throttleDelay, threshold, onEnter, onLeave, onChange, disabled, children, className, }: DetectorProps): react_jsx_runtime.JSX.Element;
@@ -378,7 +421,7 @@ interface ElementComponentProps {
 declare function ElementComponent({ name, components, props, isPlaceholder, className, placeholderProps, }: ElementComponentProps): react_jsx_runtime.JSX.Element | "Bad component name" | "Bad component";
 
 interface EmptyProps {
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
     withoutBorder?: boolean;
     light?: boolean;
     className?: string | null;
@@ -395,11 +438,11 @@ interface FontFacesProps {
 declare function FontFaces({ fonts, formats, }: FontFacesProps): react_jsx_runtime.JSX.Element;
 
 interface LabelProps {
-    children: Label$1;
+    children: Label$2;
     isHtml?: boolean;
     values?: Record<string, unknown>;
 }
-declare function Label$1({ children, isHtml, values }: LabelProps): any;
+declare function Label$1({ children, isHtml, values }: LabelProps): string | number | bigint | boolean | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode>> | react_jsx_runtime.JSX.Element;
 
 interface LinkProps {
     href?: string;
@@ -413,9 +456,9 @@ interface LinkProps {
 declare function Link({ href, external, children, target, rel, className, withoutStyle, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
 
 interface MediaProps {
-    thumbnail?: React.ReactNode | null;
+    thumbnail?: React__default.ReactNode | null;
     thumbnailAlign?: 'top' | 'center' | 'bottom';
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
     title?: Label | null;
     className?: string | null;
     thumbnailClassName?: string | null;
@@ -430,18 +473,18 @@ interface MetaProps {
     metadata?: unknown | null;
     fullTitle?: string | null;
     suffix?: string;
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
 }
 declare function Meta({ title, url, metadata, fullTitle, suffix, children, }: MetaProps): react_jsx_runtime.JSX.Element;
 
 interface SlideshowProps {
-    items?: React.ReactNode[];
+    items?: React__default.ReactNode[];
     auto?: boolean;
     delay?: number;
     width?: string | number | null;
     height?: string | number | null;
     className?: string | null;
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
 }
 declare function Slideshow({ items, auto, delay, width, height, className, children, }: SlideshowProps): react_jsx_runtime.JSX.Element;
 
@@ -527,22 +570,22 @@ interface ScreenSizerProps {
     screenWidth?: number;
     screenHeight?: number;
     className?: string | null;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 declare function ScreenSizer({ width, height, fit, screenWidth, screenHeight, className, children, }: ScreenSizerProps): react_jsx_runtime.JSX.Element;
 
 interface ScreenProps {
-    screen: StoryComponent;
+    screen: StoryComponent$1;
     renderContext?: RenderContext | null;
     screenState?: string | null;
     index?: number | null;
     active?: boolean;
     preload?: boolean;
     current?: boolean;
-    component?: React.ReactNode | null;
-    components?: Record<string, Component> | null;
+    component?: React__default.ReactNode | null;
+    components?: Record<string, ElementType> | null;
     className?: string | null;
-    mediaRef?: ((...args: unknown[]) => void) | null;
+    mediaRef?: ForwardedRef<MediaElement> | null;
 }
 declare function Screen({ screen, renderContext, screenState, index, active, current, preload, components, component, className, mediaRef, }: ScreenProps): react_jsx_runtime.JSX.Element;
 
@@ -571,10 +614,10 @@ interface ScreenPreviewProps {
 declare function ScreenPreview({ screen, screenState, width, height, screenWidth, screenHeight, className, withSize, fit, hidden, ...props }: ScreenPreviewProps): react_jsx_runtime.JSX.Element;
 
 interface ScreenElementProps {
-    children?: React.ReactNode | null;
-    placeholder?: string | React.ReactNode | null;
-    preview?: React.ReactNode | null;
-    empty?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
+    placeholder?: string | React__default.ReactNode | null;
+    preview?: React__default.ReactNode | null;
+    empty?: React__default.ReactNode | null;
     emptyLabel?: Label | null;
     isEmpty?: boolean;
     placeholderProps?: Record<string, unknown> | null;
@@ -596,7 +639,7 @@ interface TransitionsProps {
     transitions?: Transitions$1 | null;
     onComplete?: ((...args: unknown[]) => void) | null;
     disabled?: boolean;
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
 }
 declare function Transitions$1({ fullscreen, playing, delay, transitions, onComplete, disabled, children, }: TransitionsProps): any;
 
@@ -607,7 +650,7 @@ interface TransitionsStaggerProps {
     disabled?: boolean;
     delay?: number;
     fullscreen?: boolean;
-    children?: React.ReactNode | null;
+    children?: React__default.ReactNode | null;
 }
 declare function TransitionsStagger({ transitions, stagger, playing, disabled, delay, fullscreen, children, }: TransitionsStaggerProps): any;