xmlui 0.9.51 → 0.9.53

package/dist/standalone/xmlui-standalone.es.d.ts

@@ -54,61 +54,6 @@ declare type AlignmentOptions = (typeof alignmentOptionValues)[number];
 
 declare const alignmentOptionValues: readonly ["start", "center", "end"];
 
-declare namespace all {
-    export {
-        ThemeDefinition,
-        ComponentDef,
-        ComponentRendererDef,
-        CompoundComponentDef,
-        ComponentLike,
-        StandaloneAppDescription,
-        StandaloneJsonConfig,
-        ApiInterceptorDefinition,
-        RegisterComponentApiFn,
-        TreeNode,
-        RendererContext,
-        ComponentMetadata,
-        ThemeTone,
-        XmlUiNode,
-        StandaloneApp,
-        StandaloneExtensionManager,
-        createComponentRenderer,
-        createMetadata,
-        d,
-        parseScssVar,
-        startApp,
-        useTheme,
-        AppRoot,
-        ErrorBoundary,
-        Icon,
-        Stack,
-        Button,
-        Splitter,
-        getColor,
-        TabItemComponent as TabItem,
-        Tabs,
-        useColors,
-        toCssVar,
-        useDevTools,
-        useLogger,
-        errReportComponent,
-        xmlUiMarkupToComponent,
-        ApiInterceptorProvider,
-        Spinner,
-        builtInThemes,
-        XmlUiHelper,
-        Text_2 as Text,
-        TextBox,
-        NestedApp,
-        VisuallyHidden,
-        LinkNative,
-        ToneChangerButton,
-        Logo,
-        useSearchContextContent,
-        useAppLayoutContext
-    }
-}
-
 declare type ApiInterceptorDefinition = {
     type?: string;
     config?: Record<string, any>;
@@ -527,6 +472,8 @@ declare interface CalculatedMemberAccessExpression extends ExpressionBase {
     member: Expression;
 }
 
+declare type callbackType = (...args: Array<any>) => any;
+
 declare type CodeDeclaration = {
     source?: string;
     tree: Expression;
@@ -866,167 +813,6 @@ declare function createMetadata<TProps extends Record<string, ComponentPropertyM
 
 declare function d(description: string, availableValues?: readonly PropertyValueDescription[], valueType?: PropertyValueType, defaultValue?: any, isValid?: IsValidFunction<any>, isRequired?: boolean): ComponentPropertyMetadata;
 
-declare const _default: {
-    standalone: StandaloneExtensionManager;
-    StandaloneApp: typeof all.StandaloneApp;
-    StandaloneExtensionManager: typeof StandaloneExtensionManager;
-    createComponentRenderer: typeof all.createComponentRenderer;
-    createMetadata: typeof all.createMetadata;
-    d: typeof all.d;
-    parseScssVar: typeof all.parseScssVar;
-    startApp: typeof startApp;
-    useTheme: typeof all.useTheme;
-    AppRoot: typeof all.AppRoot;
-    ErrorBoundary: typeof all.ErrorBoundary;
-    Icon: default_2.ForwardRefExoticComponent<IconBaseProps & default_2.RefAttributes<unknown>>;
-    Stack: default_2.ForwardRefExoticComponent<{
-        children: default_2.ReactNode;
-        orientation?: string;
-        uid?: string;
-        horizontalAlignment?: string;
-        verticalAlignment?: string;
-        style?: default_2.CSSProperties;
-        reverse?: boolean;
-        hoverContainer?: boolean;
-        visibleOnHover?: boolean;
-        onClick?: any;
-        onMount?: any;
-    } & default_2.RefAttributes<any>>;
-    Button: default_2.ForwardRefExoticComponent<{
-        id?: string;
-        type?: "button" | "reset" | "submit";
-        variant?: "solid" | "outlined" | "ghost";
-        themeColor?: "primary" | "secondary" | "attention";
-        size?: string;
-        disabled?: boolean;
-        children?: default_2.ReactNode | default_2.ReactNode[];
-        icon?: default_2.ReactNode;
-        iconPosition?: "start" | "end";
-        contentPosition?: "center" | "start" | "end";
-        orientation?: "vertical" | "horizontal";
-        formId?: string;
-        style?: default_2.CSSProperties;
-        gap?: string | number;
-        accessibilityProps?: any;
-        autoFocus?: boolean;
-        contextualLabel?: string;
-    } & Pick<default_2.HTMLAttributes<HTMLButtonElement>, "className" | "aria-disabled" | "aria-label" | "aria-controls" | "aria-expanded" | "onClick" | "onFocus" | "onBlur" | "tabIndex" | "onMouseEnter" | "onMouseLeave"> & default_2.RefAttributes<HTMLButtonElement>>;
-    Splitter: ({ initialPrimarySize, minPrimarySize, maxPrimarySize, orientation, children, style, swapped, floating, splitterTemplate, resize, }: {
-        children: default_2.ReactNode | default_2.ReactNode[];
-        style?: default_2.CSSProperties;
-        splitterTemplate?: default_2.ReactNode;
-        orientation?: "vertical" | "horizontal";
-        floating?: boolean;
-        resize?: (sizes: [number, number]) => void;
-        swapped?: boolean;
-        initialPrimarySize?: string;
-        minPrimarySize?: string;
-        maxPrimarySize?: string;
-    }) => default_3.JSX.Element;
-    getColor: typeof all.getColor;
-    TabItem: default_2.ForwardRefExoticComponent<Tab & default_2.RefAttributes<HTMLDivElement>>;
-    Tabs: default_2.ForwardRefExoticComponent<{
-        activeTab?: number;
-        orientation?: "vertical" | "horizontal";
-        tabRenderer?: (item: {
-            label: string;
-            isActive: boolean;
-        }) => default_2.ReactNode;
-        style?: default_2.CSSProperties;
-        children?: default_2.ReactNode;
-        registerComponentApi?: all.RegisterComponentApiFn;
-        className?: string;
-        distributeEvenly?: boolean;
-    } & default_2.RefAttributes<HTMLDivElement>>;
-    useColors: typeof all.useColors;
-    toCssVar: typeof all.toCssVar;
-    useDevTools: typeof all.useDevTools;
-    useLogger: () => {
-        logs: {
-            timestamp: Date;
-            args: any[];
-        }[];
-        addLog: (args: any[]) => void;
-    };
-    errReportComponent: typeof all.errReportComponent;
-    xmlUiMarkupToComponent: typeof all.xmlUiMarkupToComponent;
-    ApiInterceptorProvider: typeof all.ApiInterceptorProvider;
-    Spinner: default_2.ForwardRefExoticComponent<{
-        delay?: number;
-        fullScreen?: boolean;
-        style?: default_2.CSSProperties;
-    } & default_2.RefAttributes<HTMLDivElement>>;
-    builtInThemes: all.ThemeDefinition[];
-    XmlUiHelper: typeof all.XmlUiHelper;
-    Text: default_2.ForwardRefExoticComponent<Omit<{
-        [variantSpecificProps: string]: any;
-        uid?: string;
-        children?: default_2.ReactNode;
-        variant?: "small" | "sub" | "sup" | "abbr" | "caption" | "cite" | "code" | "em" | "strong" | "title" | "var" | "inherit" | "mono" | "secondary" | "codefence" | "deleted" | "inserted" | "keyboard" | "marked" | "sample" | "subtitle" | "placeholder" | "paragraph" | "subheading" | "tableheading";
-        maxLines?: number;
-        preserveLinebreaks?: boolean;
-        ellipses?: boolean;
-        style?: default_2.CSSProperties;
-    }, "ref"> & default_2.RefAttributes<unknown>>;
-    TextBox: default_2.ForwardRefExoticComponent<{
-        id?: string;
-        type?: "search" | "text" | "password";
-        value?: string;
-        updateState?: UpdateStateFn;
-        initialValue?: string;
-        style?: default_2.CSSProperties;
-        maxLength?: number;
-        enabled?: boolean;
-        placeholder?: string;
-        validationStatus?: "none" | "error" | "warning" | "valid";
-        onDidChange?: (newValue: string) => void;
-        onFocus?: () => void;
-        onBlur?: () => void;
-        onKeyDown?: (event: default_2.KeyboardEvent<HTMLInputElement>) => void;
-        registerComponentApi?: all.RegisterComponentApiFn;
-        startText?: string;
-        startIcon?: string;
-        endText?: string;
-        endIcon?: string;
-        gap?: string;
-        autoFocus?: boolean;
-        readOnly?: boolean;
-        tabIndex?: number;
-        label?: string;
-        labelPosition?: string;
-        labelWidth?: string;
-        labelBreak?: boolean;
-        required?: boolean;
-    } & default_2.RefAttributes<HTMLDivElement>>;
-    NestedApp: typeof all.NestedApp;
-    VisuallyHidden: ({ children, ...props }: {
-        children: default_2.ReactNode;
-    }) => default_3.JSX.Element;
-    LinkNative: default_2.ForwardRefExoticComponent<{
-        to: string | {
-            pathname: string;
-            queryParams?: Record<string, any>;
-        };
-        children: default_2.ReactNode;
-        icon?: string;
-        active?: boolean;
-        disabled?: boolean;
-        onClick?: () => void;
-        style?: default_2.CSSProperties;
-    } & Partial<Pick<HTMLAnchorElement, "type" | "target" | "rel" | "download" | "ping" | "referrerPolicy" | "hreflang">> & default_2.RefAttributes<HTMLDivElement>>;
-    ToneChangerButton: typeof all.ToneChangerButton;
-    Logo: default_2.ForwardRefExoticComponent<{
-        style?: default_2.CSSProperties;
-    } & default_2.RefAttributes<HTMLImageElement>>;
-    useSearchContextContent: () => Record<string, {
-        path: string;
-        title: string;
-        content: string;
-    }>;
-    useAppLayoutContext: typeof all.useAppLayoutContext;
-};
-export default _default;
-
 declare type DefaultThemeVars = Record<string | ThemeTone, string | Record<string, string>>;
 
 declare type DefaultValueDescriptor = (string | ThemeIdDescriptor)[];
@@ -1099,12 +885,14 @@ declare enum ErrCodes {
     expEndOrClose = "U006",
     tagNameMismatch = "U007",
     expEnd = "U008",
-    expAttrIdent = "U009",
+    expAttrName = "U009",
     expEq = "U010",
     expAttrValue = "U011",
     duplAttr = "U012",
     uppercaseAttr = "U013",
-    tagNameExpAfterNamespace = "U014",
+    expTagNameAfterNamespace = "U014",
+    expCloseStartWithName = "U015",
+    expAttrNameAfterNamespace = "U016",
     invalidChar = "W001",
     untermStr = "W002",
     untermComment = "W007",
@@ -1285,6 +1073,8 @@ declare type GlobalProps = Record<string, any>;
 
 declare interface IApiInterceptorContext {
     isMocked: (url: string) => boolean;
+    initialized: boolean;
+    interceptorWorker: SetupWorker | null;
 }
 
 declare interface IAppLayoutContext {
@@ -1513,7 +1303,7 @@ declare type Message = ValueOrFunction<Renderable, Toast>;
  */
 declare type ModuleErrors = Record<string, ScriptParserErrorMessage[]>;
 
-declare function NestedApp({ api, app, components, config, activeTheme, activeTone, title, height, allowPlaygroundPopup, withFrame, }: NestedAppProps): JSX_2.Element;
+declare function NestedApp({ api, app, components, config, activeTheme, activeTone, title, height, allowPlaygroundPopup, withFrame, playgroundId, }: NestedAppProps): JSX_2.Element;
 
 declare type NestedAppProps = {
     api?: any;
@@ -1526,6 +1316,7 @@ declare type NestedAppProps = {
     height?: string | number;
     allowPlaygroundPopup?: boolean;
     withFrame?: boolean;
+    playgroundId?: string;
 };
 
 declare type NO_ARG_EXPRESSION = typeof T_NO_ARG_EXPRESSION;
@@ -1859,6 +1650,168 @@ declare type StandaloneAppProps = {
     extensionManager?: StandaloneExtensionManager;
 };
 
+declare const standaloneExports: {
+    standalone: StandaloneExtensionManager;
+    StandaloneApp: typeof xmluiExports.StandaloneApp;
+    StandaloneExtensionManager: typeof StandaloneExtensionManager;
+    createComponentRenderer: typeof xmluiExports.createComponentRenderer;
+    createMetadata: typeof xmluiExports.createMetadata;
+    d: typeof xmluiExports.d;
+    parseScssVar: typeof xmluiExports.parseScssVar;
+    startApp: typeof startApp;
+    useTheme: typeof xmluiExports.useTheme;
+    AppRoot: typeof xmluiExports.AppRoot;
+    ErrorBoundary: typeof xmluiExports.ErrorBoundary;
+    Icon: default_2.ForwardRefExoticComponent<IconBaseProps & default_2.RefAttributes<unknown>>;
+    Stack: default_2.ForwardRefExoticComponent<{
+        children: default_2.ReactNode;
+        orientation?: string;
+        uid?: string;
+        horizontalAlignment?: string;
+        verticalAlignment?: string;
+        style?: default_2.CSSProperties;
+        reverse?: boolean;
+        hoverContainer?: boolean;
+        visibleOnHover?: boolean;
+        onClick?: any;
+        onMount?: any;
+    } & default_2.RefAttributes<any>>;
+    Button: default_2.ForwardRefExoticComponent<{
+        id?: string;
+        type?: "button" | "reset" | "submit";
+        variant?: "solid" | "outlined" | "ghost";
+        themeColor?: "primary" | "secondary" | "attention";
+        size?: string;
+        disabled?: boolean;
+        children?: default_2.ReactNode | default_2.ReactNode[];
+        icon?: default_2.ReactNode;
+        iconPosition?: "start" | "end";
+        contentPosition?: "center" | "start" | "end";
+        orientation?: "vertical" | "horizontal";
+        formId?: string;
+        style?: default_2.CSSProperties;
+        gap?: string | number;
+        accessibilityProps?: any;
+        autoFocus?: boolean;
+        contextualLabel?: string;
+    } & Pick<default_2.HTMLAttributes<HTMLButtonElement>, "className" | "aria-disabled" | "aria-label" | "aria-controls" | "aria-expanded" | "onClick" | "onFocus" | "onBlur" | "tabIndex" | "onMouseEnter" | "onMouseLeave"> & default_2.RefAttributes<HTMLButtonElement>>;
+    Splitter: ({ initialPrimarySize, minPrimarySize, maxPrimarySize, orientation, children, style, swapped, floating, splitterTemplate, resize, }: {
+        children: default_2.ReactNode | default_2.ReactNode[];
+        style?: default_2.CSSProperties;
+        splitterTemplate?: default_2.ReactNode;
+        orientation?: "vertical" | "horizontal";
+        floating?: boolean;
+        resize?: (sizes: [number, number]) => void;
+        swapped?: boolean;
+        initialPrimarySize?: string;
+        minPrimarySize?: string;
+        maxPrimarySize?: string;
+    }) => default_3.JSX.Element;
+    getColor: typeof xmluiExports.getColor;
+    TabItem: default_2.ForwardRefExoticComponent<Tab & default_2.RefAttributes<HTMLDivElement>>;
+    Tabs: default_2.ForwardRefExoticComponent<{
+        activeTab?: number;
+        orientation?: "vertical" | "horizontal";
+        tabRenderer?: (item: {
+            label: string;
+            isActive: boolean;
+        }) => default_2.ReactNode;
+        style?: default_2.CSSProperties;
+        children?: default_2.ReactNode;
+        registerComponentApi?: xmluiExports.RegisterComponentApiFn;
+        className?: string;
+        distributeEvenly?: boolean;
+    } & default_2.RefAttributes<HTMLDivElement>>;
+    useColors: typeof xmluiExports.useColors;
+    toCssVar: typeof xmluiExports.toCssVar;
+    useDevTools: typeof xmluiExports.useDevTools;
+    useLogger: () => {
+        logs: {
+            timestamp: Date;
+            args: any[];
+        }[];
+        addLog: (args: any[]) => void;
+    };
+    errReportComponent: typeof xmluiExports.errReportComponent;
+    xmlUiMarkupToComponent: typeof xmluiExports.xmlUiMarkupToComponent;
+    ApiInterceptorProvider: typeof xmluiExports.ApiInterceptorProvider;
+    Spinner: default_2.ForwardRefExoticComponent<{
+        delay?: number;
+        fullScreen?: boolean;
+        style?: default_2.CSSProperties;
+    } & default_2.RefAttributes<HTMLDivElement>>;
+    builtInThemes: xmluiExports.ThemeDefinition[];
+    XmlUiHelper: typeof xmluiExports.XmlUiHelper;
+    Text: default_2.ForwardRefExoticComponent<Omit<{
+        [variantSpecificProps: string]: any;
+        uid?: string;
+        children?: default_2.ReactNode;
+        variant?: "small" | "sub" | "sup" | "abbr" | "caption" | "cite" | "code" | "em" | "strong" | "title" | "var" | "inherit" | "mono" | "secondary" | "codefence" | "deleted" | "inserted" | "keyboard" | "marked" | "sample" | "subtitle" | "placeholder" | "paragraph" | "subheading" | "tableheading";
+        maxLines?: number;
+        preserveLinebreaks?: boolean;
+        ellipses?: boolean;
+        style?: default_2.CSSProperties;
+    }, "ref"> & default_2.RefAttributes<unknown>>;
+    TextBox: default_2.ForwardRefExoticComponent<{
+        id?: string;
+        type?: "search" | "text" | "password";
+        value?: string;
+        updateState?: UpdateStateFn;
+        initialValue?: string;
+        style?: default_2.CSSProperties;
+        maxLength?: number;
+        enabled?: boolean;
+        placeholder?: string;
+        validationStatus?: "none" | "error" | "warning" | "valid";
+        onDidChange?: (newValue: string) => void;
+        onFocus?: () => void;
+        onBlur?: () => void;
+        onKeyDown?: (event: default_2.KeyboardEvent<HTMLInputElement>) => void;
+        registerComponentApi?: xmluiExports.RegisterComponentApiFn;
+        startText?: string;
+        startIcon?: string;
+        endText?: string;
+        endIcon?: string;
+        gap?: string;
+        autoFocus?: boolean;
+        readOnly?: boolean;
+        tabIndex?: number;
+        label?: string;
+        labelPosition?: string;
+        labelWidth?: string;
+        labelBreak?: boolean;
+        required?: boolean;
+    } & default_2.RefAttributes<HTMLDivElement>>;
+    NestedApp: typeof xmluiExports.NestedApp;
+    VisuallyHidden: ({ children, ...props }: {
+        children: default_2.ReactNode;
+    }) => default_3.JSX.Element;
+    LinkNative: default_2.ForwardRefExoticComponent<{
+        to: string | {
+            pathname: string;
+            queryParams?: Record<string, any>;
+        };
+        children: default_2.ReactNode;
+        icon?: string;
+        active?: boolean;
+        disabled?: boolean;
+        onClick?: () => void;
+        style?: default_2.CSSProperties;
+    } & Partial<Pick<HTMLAnchorElement, "type" | "target" | "rel" | "download" | "ping" | "referrerPolicy" | "hreflang">> & default_2.RefAttributes<HTMLDivElement>>;
+    ToneChangerButton: typeof xmluiExports.ToneChangerButton;
+    Logo: default_2.ForwardRefExoticComponent<{
+        style?: default_2.CSSProperties;
+    } & default_2.RefAttributes<HTMLImageElement>>;
+    useSearchContextContent: () => Record<string, {
+        path: string;
+        title: string;
+        content: string;
+    }>;
+    useAppLayoutContext: typeof xmluiExports.useAppLayoutContext;
+    useEvent: UseEventOverload;
+};
+export default standaloneExports;
+
 /**
  * This class allows external component libraries to add their components to
  * the xmlui component registry. The framework resolves the components used
@@ -2336,14 +2289,17 @@ declare function useDevTools(): {
     inspectedNode: any;
     sources: Record<string, string>;
     setIsOpen: (isOpen: boolean) => void;
-    devToolsSize: number;
-    setDevToolsSize: (size: number) => void;
-    devToolsSide: "left" | "right" | "bottom";
-    setDevToolsSide: (side: "left" | "right" | "bottom") => void;
     devToolsEnabled: boolean;
     mockApi: any;
 };
 
+declare const useEvent: UseEventOverload;
+
+declare interface UseEventOverload {
+    <TF extends callbackType>(callback: TF): TF;
+    <TF extends callbackType>(callback: TF): any;
+}
+
 declare const useLogger: () => LogContextType;
 
 declare const useSearchContextContent: () => Record<string, SearchEntry>;
@@ -2467,6 +2423,62 @@ declare interface XmlUiElement extends XmlUiNodeBase {
     childNodes?: XmlUiNode[];
 }
 
+declare namespace xmluiExports {
+    export {
+        ThemeDefinition,
+        ComponentDef,
+        ComponentRendererDef,
+        CompoundComponentDef,
+        ComponentLike,
+        StandaloneAppDescription,
+        StandaloneJsonConfig,
+        ApiInterceptorDefinition,
+        RegisterComponentApiFn,
+        TreeNode,
+        RendererContext,
+        ComponentMetadata,
+        ThemeTone,
+        XmlUiNode,
+        StandaloneApp,
+        StandaloneExtensionManager,
+        createComponentRenderer,
+        createMetadata,
+        d,
+        parseScssVar,
+        startApp,
+        useTheme,
+        AppRoot,
+        ErrorBoundary,
+        Icon,
+        Stack,
+        Button,
+        Splitter,
+        getColor,
+        TabItemComponent as TabItem,
+        Tabs,
+        useColors,
+        toCssVar,
+        useDevTools,
+        useLogger,
+        errReportComponent,
+        xmlUiMarkupToComponent,
+        ApiInterceptorProvider,
+        Spinner,
+        builtInThemes,
+        XmlUiHelper,
+        Text_2 as Text,
+        TextBox,
+        NestedApp,
+        VisuallyHidden,
+        LinkNative,
+        ToneChangerButton,
+        Logo,
+        useSearchContextContent,
+        useAppLayoutContext,
+        useEvent
+    }
+}
+
 declare type XmlUiFragment = XmlUiNode | XmlUiNode[];
 
 /**