@micromag/core 0.4.88 → 0.4.90-alpha.1

package/es/components.d.ts

@@ -1,12 +1,27 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ReactNode, CSSProperties, MouseEventHandler, ForwardedRef, JSX, MouseEvent, ElementType } from 'react';
+import React__default, { ReactNode, ElementType, CSSProperties, MouseEventHandler, ForwardedRef, JSX, MouseEvent, HTMLAttributes, Component as Component$2 } from 'react';
 import { MessageDescriptor } from 'react-intl';
+export { Modal, ModalPortal, Modals } from '@panneau/element-modal';
+export { default as DialogModal, DialogModalProps } from '@panneau/modal-dialog';
 
-type Label$2 = MessageDescriptor | ReactNode;
+type Message = MessageDescriptor;
+type Text = Message | ReactNode;
+type Label$2 = Message | ReactNode;
 
 type MediaElement = HTMLVideoElement | HTMLAudioElement | HTMLMediaElement;
 
+type Component$1 = ElementType;
+interface Field {
+    name?: string;
+    type: string;
+    label?: Text;
+    isSection?: boolean;
+    component?: Component$1;
+    defaultValue?: (() => unknown) | unknown;
+    fields?: Field[];
+    [key: string]: unknown;
+}
 interface MenuItem$1 {
     id?: number | string;
     label?: Label$2;
@@ -14,7 +29,7 @@ interface MenuItem$1 {
     external?: boolean;
     active?: boolean;
 }
-interface Button$3 {
+interface Button$2 {
     id?: string | number;
     label?: Label$2;
     name?: string;
@@ -34,7 +49,8 @@ interface Button$3 {
 }
 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;
+type ButtonSize = 'lg' | 'sm' | 'xs' | null;
+type DropdownAlign$1 = 'start' | 'end';
 
 interface StoryComponent$1 {
     id: string;
@@ -77,42 +93,43 @@ interface ButtonProps {
     onClick?: MouseEventHandler<ButtonElement> | null;
     refButton?: ForwardedRef<ButtonElement> | null;
 }
-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;
+declare function Button$1({ 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$3[];
+    buttons?: Button$2[];
     size?: ButtonSize | null;
     theme?: ButtonTheme;
-    renderButton?: ((button: Button$3, index: number, props: Record<string, unknown>) => JSX.Element) | null;
-    onClickButton?: ((e: MouseEvent, button: Button$3, index: any) => void) | null;
+    renderButton?: ((button: Button$2, index: number, props: Record<string, unknown>) => JSX.Element) | null;
+    onClickButton?: ((e: MouseEvent, button: Button$2, index: any) => void) | null;
     className?: string | null;
     buttonClassName?: string | null;
 }
 declare function Buttons({ buttons, size, theme, renderButton, onClickButton, buttonClassName, className, }: ButtonsProps): react_jsx_runtime.JSX.Element;
 
-interface BackButtonProps {
+interface BackButtonProps extends ButtonProps {
     className?: string | null;
 }
-declare function BackButton({ className, ...props }: BackButtonProps): react_jsx_runtime.JSX.Element;
+declare function BackButton({ ...props }: BackButtonProps): react_jsx_runtime.JSX.Element;
 
-interface ClearButtonProps {
-    onClick?: ((...args: unknown[]) => void) | null;
+interface ClearButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    onClick?: MouseEventHandler<HTMLButtonElement> | null;
     iconOnly?: boolean;
     className?: string | null;
+    disabled?: boolean;
 }
-declare function ClearButton({ onClick, className, iconOnly, ...props }: ClearButtonProps): react_jsx_runtime.JSX.Element;
+declare function ClearButton({ onClick, className, iconOnly, disabled, ...props }: ClearButtonProps): react_jsx_runtime.JSX.Element;
 
 interface FormProps {
     action: string;
     method?: string;
-    fields?: FormField[];
+    fields?: Field[];
     initialValue?: Record<string, unknown> | null;
     postForm?: ((...args: unknown[]) => void) | null;
-    submitButtonLabel?: Label;
-    submitButtonLoadingLabel?: Label | null;
+    submitButtonLabel?: Label$2;
+    submitButtonLoadingLabel?: Label$2 | null;
     submitButtonTheme?: string | null;
     cancelButtonTheme?: string | null;
-    buttons?: Button[] | null;
+    buttons?: Button$2[] | null;
     children?: React__default.ReactNode | null;
     actionsAlign?: 'left' | 'right';
     withoutActions?: boolean;
@@ -142,9 +159,9 @@ declare function FormPanel({ description, loading, children, className, ...props
 
 interface FieldFormProps {
     name?: string | null;
-    value?: Component | null;
+    value?: Component$2 | null;
     form?: string | null;
-    formComponents?: Record<string, Component>;
+    formComponents?: Record<string, Component$2>;
     fields?: Field[];
     className?: string | null;
     onChange?: ((...args: unknown[]) => void) | null;
@@ -152,7 +169,7 @@ interface FieldFormProps {
     closeFieldForm: (...args: unknown[]) => void;
     fieldContext?: unknown | null;
 }
-declare function FieldForm({ name, value, form, formComponents, fields, className, onChange, gotoFieldForm, closeFieldForm, fieldContext, }: FieldFormProps): react_jsx_runtime.JSX.Element;
+declare function FieldForm({ name, value, form, formComponents, fields, className, onChange, gotoFieldForm, closeFieldForm, fieldContext, }: FieldFormProps): react_jsx_runtime.JSX.Element | null;
 
 interface ArrowIconProps {
     className?: string | null;
@@ -213,10 +230,10 @@ interface BreadcrumbProps {
 declare function Breadcrumb({ items, theme, separator, withoutBar, noWrap, className, }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
 
 interface DropdownProps {
-    items?: MenuItem[];
-    children?: React__default.ReactNode | null;
+    items?: MenuItem$1[];
+    children?: ReactNode | null;
     visible?: boolean;
-    align?: DropdownAlign | null;
+    align?: DropdownAlign$1 | null;
     className?: string | null;
     itemClassName?: string | null;
     onClickItem?: ((...args: unknown[]) => void) | null;
@@ -290,38 +307,14 @@ interface TabsMenuProps {
 }
 declare function TabsMenu({ items, size, theme, renderItemButton, buttonClassName, className, onClickItem, }: TabsMenuProps): react_jsx_runtime.JSX.Element;
 
-declare const _default$1: {
-    (props: any): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface ModalProps {
-    id?: string | null;
-    title?: string | null;
-    position?: 'center' | 'top';
-    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__default.ReactNode | null;
-    children?: React__default.ReactNode | null;
-    footer?: React__default.ReactNode | null;
-    size?: string | null;
-    buttons?: Button[] | null;
-    onClose?: ((...args: unknown[]) => void) | null;
-    className?: string | null;
-    bodyClassName?: string | null;
-}
-declare function ModalDialog({ title, header, children, buttons, footer, size, onClose, className, bodyClassName, }: ModalDialogProps): react_jsx_runtime.JSX.Element;
-
-interface ModalPortalProps {
-    id?: string | null;
-    data?: Record<string, unknown> | null;
-    children?: React__default.ReactNode | null;
+interface UploadModalProps {
+    type?: MediaType | unknown[] | null;
+    opened?: boolean;
+    sources?: string[];
+    onUploaded?: ((...args: unknown[]) => void) | null;
+    onRequestClose?: ((...args: unknown[]) => void) | null;
 }
-declare function ModalPortal({ id, data, children }: ModalPortalProps): react_jsx_runtime.JSX.Element;
+declare function UploadModal({ type, opened, sources, onUploaded, onRequestClose, }: UploadModalProps): react_jsx_runtime.JSX.Element | null;
 
 declare const _default: {
     (props: any): react_jsx_runtime.JSX.Element;
@@ -340,7 +333,7 @@ interface PanelPortalProps {
     data?: Record<string, unknown> | null;
     children?: React__default.ReactNode | null;
 }
-declare function PanelPortal({ id, data, children }: PanelPortalProps): any;
+declare function PanelPortal({ id, data, children }: PanelPortalProps): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
 
 interface CardProps {
     href?: string | null;
@@ -424,10 +417,9 @@ declare function ElementComponent({ name, components, props, isPlaceholder, clas
 interface EmptyProps {
     children?: React__default.ReactNode | null;
     withoutBorder?: boolean;
-    light?: boolean;
     className?: string | null;
 }
-declare function Empty({ children, withoutBorder, light, className, }: EmptyProps): react_jsx_runtime.JSX.Element;
+declare function Empty({ children, withoutBorder, className }: EmptyProps): react_jsx_runtime.JSX.Element;
 
 interface FontFacesProps {
     fonts?: Font[];
@@ -436,14 +428,14 @@ interface FontFacesProps {
         format?: string;
     })[];
 }
-declare function FontFaces({ fonts, formats, }: FontFacesProps): react_jsx_runtime.JSX.Element;
+declare function FontFaces({ fonts, formats, }: FontFacesProps): react_jsx_runtime.JSX.Element | null;
 
 interface LabelProps {
     children: Label$2;
     isHtml?: boolean;
     values?: Record<string, unknown>;
 }
-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;
+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> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
 
 interface LinkProps {
     href?: string;
@@ -497,72 +489,66 @@ interface SpinnerProps {
 }
 declare function Spinner({ animated, color, strokeWidth, className, }: SpinnerProps): react_jsx_runtime.JSX.Element;
 
-declare function AdFrame({ width, height, className }: {
-    width: any;
-    height: any;
-    className: any;
-}): react_jsx_runtime.JSX.Element;
-
-declare function AdImage({ width, height, className }: {
-    width: any;
-    height: any;
-    className: any;
-}): react_jsx_runtime.JSX.Element;
-
-declare function Audio({ width, height, className }: {
-    width?: string;
-    height?: string;
-    className: any;
-}): react_jsx_runtime.JSX.Element;
-
-declare function Button$1({ width, height, className }: {
-    width?: string;
-    height?: string;
-    className: any;
-}): react_jsx_runtime.JSX.Element;
-
-declare function Image({ width, height, className, ...props }: {
-    [x: string]: any;
-    width: any;
-    height: any;
-    className: any;
-}): react_jsx_runtime.JSX.Element;
+interface PlaceholderBlockProps {
+    width?: number | string;
+    height?: number | string;
+    outline?: boolean;
+    className?: string | null;
+    boxClassName?: string | null;
+    children?: React__default.ReactNode | null;
+    withInvertedColors?: boolean;
+}
+
+declare function AdFrame({ width, height, ...props }: PlaceholderBlockProps): react_jsx_runtime.JSX.Element;
+
+declare function AdImage({ width, height, ...props }: PlaceholderBlockProps): react_jsx_runtime.JSX.Element;
+
+declare function Audio({ width, height, ...props }: PlaceholderBlockProps): react_jsx_runtime.JSX.Element;
+
+declare function Button({ className, ...props }: PlaceholderBlockProps): react_jsx_runtime.JSX.Element;
+
+interface PlaceholderImageProps extends PlaceholderBlockProps {
+    width?: number | string;
+    height?: number | string;
+    className?: string | null;
+}
+declare function PlaceholderImage({ width, height, className, ...props }: PlaceholderImageProps): react_jsx_runtime.JSX.Element;
 
 declare function Line(props: any): react_jsx_runtime.JSX.Element;
 
-declare function Map(props: any): react_jsx_runtime.JSX.Element;
+interface MapPlaceholderProps extends PlaceholderBlockProps {
+    withImages?: boolean;
+}
+declare function Map({ withImages, className, ...props }: MapPlaceholderProps): react_jsx_runtime.JSX.Element;
+
+declare function MapPath({ width, height, ...props }: PlaceholderBlockProps): react_jsx_runtime.JSX.Element;
 
-declare function MapPath(props: any): react_jsx_runtime.JSX.Element;
+interface PlaceholderTextProps {
+    lines?: number;
+    lineMargin?: number | string;
+    width?: number | string;
+    height?: number | string | null;
+    fontSize?: number;
+    className?: string | null;
+}
 
-declare function Quote(props: any): react_jsx_runtime.JSX.Element;
+declare function Quote({ height, lines, ...props }: PlaceholderTextProps): react_jsx_runtime.JSX.Element;
 
-declare function ShortText(props: any): react_jsx_runtime.JSX.Element;
+declare function ShortText({ height, lines, ...props }: PlaceholderTextProps): react_jsx_runtime.JSX.Element;
 
-declare function Subtitle(props: any): react_jsx_runtime.JSX.Element;
+declare function Subtitle({ height, lines, ...props }: PlaceholderTextProps): react_jsx_runtime.JSX.Element;
 
-declare function TextPlaceholder(props: any): react_jsx_runtime.JSX.Element;
+declare function TextPlaceholder({ height, lines, ...props }: PlaceholderTextProps): react_jsx_runtime.JSX.Element;
 
 declare function Timeline(props: any): react_jsx_runtime.JSX.Element;
 
-declare function Title(props: any): react_jsx_runtime.JSX.Element;
+declare function Title({ height, lines, ...props }: PlaceholderTextProps): react_jsx_runtime.JSX.Element;
 
-declare function Video({ width, height, className }: {
-    width: any;
-    height: any;
-    className: any;
-}): react_jsx_runtime.JSX.Element;
+declare function Video({ width, height, ...props }: PlaceholderBlockProps): react_jsx_runtime.JSX.Element;
 
-declare function Video360({ width, height, className }: {
-    width: any;
-    height: any;
-    className: any;
-}): react_jsx_runtime.JSX.Element;
+declare function Video360({ width, height, className, ...props }: PlaceholderBlockProps): react_jsx_runtime.JSX.Element;
 
-declare function VideoLoop({ width, height, className }: {
-    width: any;
-    height: any;
-    className: any;
-}): react_jsx_runtime.JSX.Element;
+declare function VideoLoop({ width, height, ...props }: PlaceholderBlockProps): react_jsx_runtime.JSX.Element;
 
 interface ScreenSizerProps {
     width?: number | null;
@@ -619,12 +605,13 @@ interface ScreenElementProps {
     placeholder?: string | React__default.ReactNode | null;
     preview?: React__default.ReactNode | null;
     empty?: React__default.ReactNode | null;
-    emptyLabel?: Label | null;
+    emptyLabel?: Label$2 | null;
     isEmpty?: boolean;
     placeholderProps?: Record<string, unknown> | null;
     emptyClassName?: string | null;
+    placeholderClassName?: string | null;
 }
-declare function ScreenElement({ children, placeholder, empty, emptyLabel, preview, isEmpty, placeholderProps, emptyClassName, }: ScreenElementProps): any;
+declare function ScreenElement({ children, placeholder, empty, emptyLabel, preview, isEmpty, placeholderProps, emptyClassName, placeholderClassName, }: ScreenElementProps): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
 
 interface ScreensProps {
     screens: StoryComponent[];
@@ -642,7 +629,7 @@ interface TransitionsProps {
     disabled?: boolean;
     children?: React__default.ReactNode | null;
 }
-declare function Transitions$1({ fullscreen, playing, delay, transitions, onComplete, disabled, children, }: TransitionsProps): any;
+declare function Transitions$1({ fullscreen, playing, delay, transitions, onComplete, disabled, children, }: TransitionsProps): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
 
 interface TransitionsStaggerProps {
     transitions?: Transitions | null;
@@ -653,20 +640,21 @@ interface TransitionsStaggerProps {
     fullscreen?: boolean;
     children?: React__default.ReactNode | null;
 }
-declare function TransitionsStagger({ transitions, stagger, playing, disabled, delay, fullscreen, children, }: TransitionsStaggerProps): any;
+declare function TransitionsStagger({ transitions, stagger, playing, disabled, delay, fullscreen, children, }: TransitionsStaggerProps): (string | number | bigint | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element)[] | null | undefined;
 
 interface HighlightStyleProps {
     selector?: string | null;
     highlightSelector?: string;
     style?: Record<string, string | number> | null;
 }
-declare function HighlightStyle({ selector, highlightSelector, style, }: HighlightStyleProps): react_jsx_runtime.JSX.Element;
+declare function HighlightStyle({ selector, highlightSelector, style, }: HighlightStyleProps): react_jsx_runtime.JSX.Element | null;
 
 interface LinkStyleProps {
     selector?: string | null;
     linkSelector?: string;
     style?: Record<string, string | number> | null;
 }
-declare function LinkStyle({ selector, linkSelector, style }: LinkStyleProps): react_jsx_runtime.JSX.Element;
+declare function LinkStyle({ selector, linkSelector, style }: LinkStyleProps): react_jsx_runtime.JSX.Element | null;
 
-export { ArrowIcon, BackButton, Breadcrumb, Button$2 as Button, Buttons, Card, ClearButton, Close, CloseIcon, CollapsablePanel, Date, Detector, Dropdown as DropdownMenu, ElementComponent as Element, Empty, FieldForm, FontFaces, Form, FormPanel, FullscreenIcon, HighlightStyle, Label$1 as Label, Link, LinkIcon, LinkStyle, Media, Menu, Meta, Modal, ModalDialog, ModalPortal, _default$1 as Modals, MuteIcon, Navbar, PaginationMenu as Pagination, Panel, PanelPortal, _default as Panels, PauseIcon, AdFrame as PlaceholderAdFrame, AdImage as PlaceholderAdImage, Audio as PlaceholderAudio, Button$1 as PlaceholderButton, Image as PlaceholderImage, Line as PlaceholderLine, Map as PlaceholderMap, MapPath as PlaceholderMapPath, Quote as PlaceholderQuote, ShortText as PlaceholderShortText, Subtitle as PlaceholderSubtitle, TextPlaceholder as PlaceholderText, Timeline as PlaceholderTimeline, Title as PlaceholderTitle, Video as PlaceholderVideo, Video360 as PlaceholderVideo360, VideoLoop as PlaceholderVideoLoop, PlayIcon, Screen, ScreenElement, ScreenPlaceholder, ScreenPreview, ScreenSizer, Screens, Slideshow, Spinner, TabsMenu as Tabs, Transitions$1 as Transitions, TransitionsStagger, UnmuteIcon };
+export { ArrowIcon, BackButton, Breadcrumb, Button$1 as Button, Buttons, Card, ClearButton, Close, CloseIcon, CollapsablePanel, Date, Detector, Dropdown as DropdownMenu, ElementComponent as Element, Empty, FieldForm, FontFaces, Form, FormPanel, FullscreenIcon, HighlightStyle, Label$1 as Label, Link, LinkIcon, LinkStyle, Media, Menu, Meta, MuteIcon, Navbar, PaginationMenu as Pagination, Panel, PanelPortal, _default as Panels, PauseIcon, AdFrame as PlaceholderAdFrame, AdImage as PlaceholderAdImage, Audio as PlaceholderAudio, Button as PlaceholderButton, PlaceholderImage, Line as PlaceholderLine, Map as PlaceholderMap, MapPath as PlaceholderMapPath, Quote as PlaceholderQuote, ShortText as PlaceholderShortText, Subtitle as PlaceholderSubtitle, TextPlaceholder as PlaceholderText, Timeline as PlaceholderTimeline, Title as PlaceholderTitle, Video as PlaceholderVideo, Video360 as PlaceholderVideo360, VideoLoop as PlaceholderVideoLoop, PlayIcon, Screen, ScreenElement, ScreenPlaceholder, ScreenPreview, ScreenSizer, Screens, Slideshow, Spinner, TabsMenu as Tabs, Transitions$1 as Transitions, TransitionsStagger, UnmuteIcon, UploadModal };
+export type { ButtonProps };