@vertigis/workflow 5.35.1 → 5.37.0

package/forms/FormElement.d.ts

@@ -1,59 +1,24 @@
-import { ReactNode } from "react";
-import * as React from "react";
-import { FormComponent } from "./FormComponent";
-import { defs } from "./FormHost";
-/**
- * Properties common to all Form Elements.
- */
-export interface BaseFormElementProps {
-    /** The CSS class name of the root element. */
-    className?: string;
-    /**
-     * The `FormComponent` being used to render the Form Element within this Component.
-     */
-    component: FormComponent;
-    /**
-     * The Form Element to be rendered within this Component.
-     */
-    element: defs.Element;
-}
-interface FormElementProps extends BaseFormElementProps {
-    /**
-     * The id of the default input to be associated with the title.
-     */
-    inputId?: string;
-    /**
-     * Callback for when the Form Element receives focus.
-     * @param event The focus event.
-     */
-    onFocusCapture?: (event: React.FocusEvent<HTMLElement>) => void;
-    /**
-     * Callback for when the Form Element loses focus.
-     * @param event The blur event.
-     */
-    onBlurCapture?: (event: React.FocusEvent<HTMLElement>) => void;
-    /**
-     * Callback for when the Form Element's input changes.
-     * @param event The change event.
-     */
-    onChangeCapture?: (event: React.FormEvent<HTMLElement>) => void;
-    /**
-     * Callback for when a key is pressed while the Form Element has focus.
-     * @param event The keydown event.
-     */
-    onKeyDownCapture?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    /**
-     * Callback for when the mouse is pressed inside the Form Element.
-     * @param event The mousedown event.
-     */
-    onMouseDown?: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Callback for when one or more touch points are placed on the Form Element.
-     * @param event The touchstart event.
-     */
-    onTouchStart?: (event: React.TouchEvent<HTMLElement>) => void;
-}
-declare const _default: React.ForwardRefExoticComponent<FormElementProps & {
-    children?: ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+import { ReactNode } from "react";
+import * as React from "react";
+import { FormComponent } from "./FormComponent";
+import { defs } from "./FormHost";
+interface FormElementProps {
+    /** The CSS class name of the root element. */
+    className?: string;
+    /**
+     * The `FormComponent` being used to render the Form Element within this Component.
+     */
+    component: FormComponent;
+    /**
+     * The Form Element to be rendered within this Component.
+     */
+    element: defs.Element;
+    /**
+     * The id of the default input to be associated with the title.
+     */
+    inputId?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<FormElementProps & {
+    children?: ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/forms/FormElement.js

@@ -1 +1 @@
-import FormControl from"@vertigis/react-ui/FormControl";import clsx from"clsx";import{forwardRef}from"react";import*as React from"react";import{renderAccessibleDescription,renderDescription,renderError,renderTitle}from"./common.js";import{formClasses}from"./components/Form.js";import{TitleLocation}from"./constants.js";import{makeSafeClassName,makeUniqueId}from"./utils.js";export default forwardRef((e,r)=>{const{children:o,className:t,component:s,element:a,inputId:i,...m}=e;var n=s.props.host,l=makeUniqueId(s.props.name),p=renderTitle(n,a,l,i),c=renderDescription(n,a,l),e=renderAccessibleDescription(n,a,l),n=renderError(n,a),r={"aria-labelledby":p?.props?.id,"aria-details":c?.props?.id,"aria-describedby":e?.props?.id,className:clsx(t,a.type,{[formClasses.formElementWithTitleBeside]:a.titleLocation===TitleLocation.BESIDE,[makeSafeClassName(s.props.name)]:!!s.props.name,[makeSafeClassName(a.styleName)]:!!a.styleName}),error:!!n,id:l,ref:r,required:a.require,...m};let d=[p];return a.titleLocation===TitleLocation.BESIDE?d.push(React.createElement("div",{className:formClasses.formElementContent},c,e,n,o)):(d.push(c),d.push(e),d.push(n),d.push(o)),React.createElement(FormControl,{fullWidth:!0,...r},...d)});
+import FormControl from"@vertigis/react-ui/FormControl";import clsx from"clsx";import{forwardRef}from"react";import*as React from"react";import{renderAccessibleDescription,renderDescription,renderError,renderTitle}from"./common.js";import{formClasses}from"./components/Form.js";import{TitleLocation}from"./constants.js";import{makeSafeClassName,makeUniqueId}from"./utils.js";export default forwardRef((e,r)=>{var{children:t,className:o,component:i,element:s,inputId:a}=e;const{host:m,name:n}=i.props;var l=makeUniqueId(n),c=m.translateText.bind(m),e=renderTitle(l,s.require,s.title,c,a),i=renderDescription(s.description,l,s.enabled,c),a=renderAccessibleDescription(s.accessibleDescription,s.description,l,c),c=renderError(s.error,c),r={"aria-labelledby":e?.props?.id,"aria-details":i?.props?.id,"aria-describedby":a?.props?.id,className:clsx(o,s.type,{[formClasses.formElementWithTitleBeside]:s.titleLocation===TitleLocation.BESIDE,[makeSafeClassName(n)]:!!n,[makeSafeClassName(s.styleName)]:!!s.styleName}),error:!!c,id:l,ref:r,required:s.require};let p=[e];return s.titleLocation===TitleLocation.BESIDE?p.push(React.createElement("div",{className:formClasses.formElementContent},i,a,c,t)):(p.push(i),p.push(a),p.push(c),p.push(t)),React.createElement(FormControl,{fullWidth:!0,...r},...p)});

package/forms/FormHost.d.ts

@@ -1,233 +1,225 @@
-import Bluebird from "bluebird";
-import { Lookup } from "../Collections";
-import { FormComponent } from "./FormComponent";
-import * as defs from "./FormDefinition";
-import { FormPresenterHost } from "./FormPresenterHost";
-import { FormatOptions } from "./numberFormatter";
-import type { ComponentType, ReactNode } from "react";
-export { defs };
-export interface FormEventSubscription {
-    (): boolean;
-    active: boolean;
-}
-export interface FormEventHandler {
-    (event: defs.Event): void;
-}
-/** Exposes functionality for driving a form. */
-export declare abstract class FormHost implements FormPresenterHost {
-    /** Indicates the overall state of the form. */
-    form: defs.Form;
-    deriveLocale(): string;
-    /** Indicates all errors to be assigned. */
-    errors: Lookup<defs.Text>;
-    /** Indicates any reference information relevant to components. */
-    refs: {
-        [name: string]: FormComponent | undefined;
-    };
-    /** Indicates if the form is enabled. */
-    enabled: boolean;
-    /** Indicates if the form is visible. */
-    visible: boolean;
-    /** Indicates if the form should be dismissed. */
-    dismiss: boolean;
-    /** Indicates if the form is a custom form. */
-    custom: boolean;
-    /** The DOM container node. */
-    container: HTMLElement;
-    /** The next event index. */
-    protected eventIndex: number;
-    /** The event queue. */
-    protected eventQueue: defs.Event[];
-    /** The event promise, for when the consumer is waiting. */
-    private eventTask;
-    /**
-     * All elements of type "Section" with a format that is considered mutually exclusive, grouped based on continuity.
-     * If there is another element of type "Section" with a different format in between, two of the same mutually exclusive type,
-     * this represents the boundary between two different sets of mutually exclusive sections.
-     *
-     * IMPORTANT: Do not reference this directly. Instead use, `getMutuallyExclusiveSectionGroup(string)` which populates it.
-     */
-    private mutuallyExclusiveSections;
-    private resolveEvent;
-    /** The timer handler for idle/busy handling. */
-    protected timerHandle: () => void;
-    /** Indicates a method to restore the last focus. */
-    protected lastFocus: {
-        target: HTMLElement;
-        name?: string;
-        rowIndex?: number;
-        rowNumber?: number;
-    };
-    /** Indicates the next element that should receive focus. */
-    protected nextFocus: boolean | string;
-    /** Indicates the next element that should receive a refresh. */
-    protected nextRefresh: boolean | Lookup<boolean>;
-    /** Indicates the focus observer. */
-    protected focusObserver: (event: FocusEvent) => void;
-    /** Indicates the style o */
-    protected style: HTMLStyleElement;
-    /** Mounts the form into the DOM. */
-    protected mount(): void;
-    /** Removes the form from the DOM. */
-    protected unmount(): void;
-    /** Intelligently tracks the last focus, */
-    protected observeFocus(target: EventTarget): void;
-    /** Focuses the form. */
-    focus(): void;
-    /** Focuses the form optionally focusing the initial element. */
-    focus(initial: boolean): void;
-    /** Focuses the form focusing the named element. */
-    focus(name: string): void;
-    /** Shows the form. */
-    show(): boolean;
-    private isInvalid;
-    private getInvalidElements;
-    hasInvalidChild(element: defs.Element): boolean;
-    /** Shows the form in a disabled state. */
-    spin(): boolean;
-    /** Hides the form in a disabled state. */
-    hide(): boolean;
-    /** Disposes the form. */
-    dispose(): boolean;
-    /** Renders focus for just rendered elements. */
-    renderFocus(target: HTMLElement, name?: string): boolean;
-    /** Renders form text as HTML. */
-    renderHtml(content: defs.Text, htmlContentCategory?: defs.HTMLContentCategory): string;
-    /** Renders form text as plain text. */
-    renderText(content: defs.Text | undefined): string;
-    /**
-     * Translates the text. This is a bit of a no-op as we only have access to the language strings
-     * in FormRenderer.
-     * @param content
-     * @returns The original text
-     */
-    translateText(content: defs.Text | undefined): string | defs.MarkdownRef;
-    /** Renders the form component. */
-    renderVisual(component: {}): any;
-    /** Qualifies an event with defaults. */
-    protected qualifyDefault(event: defs.Event): string;
-    /** Qualifies an event. */
-    protected qualify(type: defs.EventType, event?: defs.Event): defs.Event;
-    /** Posts an event. */
-    post(type: defs.EventType, event?: defs.Event): void;
-    /** Subscribes to all posted events (this does not capture enqueued events). */
-    subscribe(action: FormEventHandler): FormEventSubscription;
-    /** Forcefully refresh the form (use this with care). */
-    refresh(name?: string): void;
-    /** Invalidates the form with a full refresh. */
-    invalidate(): void;
-    /** Invalidates the form with optionally a full refresh. */
-    invalidate(full: boolean): void;
-    /** Invalidates the form refreshing a single element. */
-    invalidate(name: string): void;
-    /** Updates the form if appropriate. */
-    update(): void;
-    /** Clears the busy timer. */
-    idle(): void;
-    /** Starts the busy timer. */
-    busy(): void;
-    /** Publishes an event (used by post()). */
-    publish(type: defs.EventType, event?: defs.Event): defs.Event;
-    /** Enqueues an event (used by publish()). */
-    enqueue(type: defs.EventType, event?: defs.Event): defs.Event;
-    /** Dequeues the next event (used by observe()). */
-    dequeue(): defs.Event;
-    /** Observes the form. */
-    observe(): Bluebird<defs.Event>;
-    /** Loads the form. */
-    load(): boolean;
-    /** Loads the form with a new definition. */
-    load(form: defs.Form, template?: defs.Form): boolean;
-    /** Routes an event to achieve default behavior. */
-    route(event: defs.Event): boolean;
-    /** Generates a new changed event given the source event. */
-    protected changed(event: defs.Event): boolean;
-    /**
-     * Returns true if the supplied element is considered valid, false otherwise.
-     * @param element The element to be tested.
-     * @param isInvisibleValid True if the element should be considered valid when not visible, false otherwise. Defaults to true.
-     * @param result An optional object which can be passed in to capture the error status, if any.
-     */
-    protected isElementValid(element: defs.Element, isInvisibleValid?: boolean, result?: defs.StatusRef): boolean;
-    /**
-     * Returns true if the supplied element is effectively visible (i.e. has parent
-     * section - if it exists - visible) as well as itself, false otherwise.
-     * @param element The element to be tested.
-     */
-    protected isElementEffectivelyVisible(element: defs.Element): boolean;
-    /**
-     * Returns true if the element has a value defined. False otherwise.
-     * @param element The element to be tested.
-     */
-    protected isElementValueDefined(element: defs.Element): boolean;
-    /**
-     * Attempts to trap the event. This is relevant during cascading behavior which affects
-     * other elements but afterwards.
-     */
-    trap(event: defs.Event): boolean;
-    /**
-     * Cascade the form by clearing the value of any elements downstream of the specified one
-     * and triggering the "populate" event for any elements that depend on it directly.
-     * @param elementName The name of an elements which has just changed.
-     * @returns True if the operation was a success, false otherwise.
-     */
-    protected cascade(elementName: string): boolean;
-    /** Routes a click event. */
-    protected click(event: defs.Event): boolean;
-    /**
-     * Checks the specified element to determine if it has a selection,
-     * which would justify a dependent being populated at this time.
-     *
-     * This function is only interested in _initial_ selection defined in the designer
-     * rather than changes made in an element's `load` event. Those are handled separately.
-     * @param elementName The name of the element being depended upon.
-     * @returns True if the element has a selection at this time.
-     */
-    hasInitialSelectionToDependOn(elementName: string): boolean;
-    /** Routes a prepare event. */
-    protected hydrate(event: defs.Event): boolean;
-    /** Determines if the event origin is a submit button. */
-    protected shouldTriggerValidation(event: defs.Event): boolean | void;
-    /** Routes a validate event. */
-    protected validate(event: defs.Event): boolean;
-    /** Verifies the element given the event. */
-    protected verify(event: defs.Event): boolean;
-    /** Routes a suggest event. */
-    protected suggest(event: defs.Event): boolean;
-    /** Routes a submit event. */
-    protected submit(event: defs.Event): boolean;
-    /** Checks the form's validity. */
-    hasErrors(): boolean;
-    /** Finds an element. */
-    find(name: string | {
-        name: string;
-    }): defs.Element;
-    /** Finds the name of an element. */
-    findName(element: defs.Element): string;
-    /** Coerces a number. */
-    coerceNumber(value: string): number;
-    /** Formats a number. */
-    formatNumber(value: number, options?: FormatOptions): string;
-    /** Renders a custom element. */
-    renderCustom(component: {}, element: defs.Element): JSX.Element;
-    /** Renders a component's state. */
-    renderState(name: string, type: "geometry", state?: defs.GeometryState[]): boolean;
-    /** Renders a component's state. */
-    renderState(name: string, type: string, state?: {}): boolean;
-    private getParentSection;
-    private isSectionCollapsed;
-    private isElementPositionBeforeLastFocused;
-    private setLastFocus;
-    private isSection;
-    isAccordionSection(element?: defs.Element): boolean;
-    isCollapsibleSection(element?: defs.Element): boolean;
-    private getAllSectionElements;
-    private getMutuallyExclusiveSectionGroup;
-    /**
-     * Collapses all neighbouring accordion sections except the one specified.
-     * @param expandedAccordionSectionName The name of the accordion section to be expanded. All others in the group will be collapsed.
-     */
-    updateAccordionSections(expandedAccordionSectionName: string): void;
-    private enforceAccordionConstraints;
-    displayDialog(children: (closeDialog: () => void) => ReactNode, DialogComponent: ComponentType<any>): Promise<void>;
-}
+import Bluebird from "bluebird";
+import { FormComponent } from "./FormComponent";
+import * as defs from "./FormDefinition";
+import { FormPresenterHost } from "./FormPresenterHost";
+import { FormatOptions } from "./numberFormatter";
+import type { ComponentType, ReactNode } from "react";
+export { defs };
+export interface FormEventSubscription {
+    (): boolean;
+    active: boolean;
+}
+export interface FormEventHandler {
+    (event: defs.Event): void;
+}
+/** Exposes functionality for driving a form. */
+export declare abstract class FormHost implements FormPresenterHost {
+    /** Indicates the overall state of the form. */
+    form: defs.Form;
+    deriveLocale(): string;
+    /** Indicates all errors to be assigned. */
+    errors: Record<string, defs.Text | undefined>;
+    /** Indicates any reference information relevant to components. */
+    refs: {
+        [name: string]: FormComponent | undefined;
+    };
+    /** Indicates if the form is enabled. */
+    enabled: boolean;
+    /** Indicates if the form is visible. */
+    visible: boolean;
+    /** Indicates if the form should be dismissed. */
+    dismiss: boolean;
+    /** Indicates if the form is a custom form. */
+    custom: boolean;
+    /** The DOM container node. */
+    container: HTMLElement | undefined;
+    /** The next event index. */
+    protected eventIndex: number;
+    /** The event queue. */
+    protected eventQueue: defs.Event[];
+    /** The event promise, for when the consumer is waiting. */
+    private eventTask;
+    /**
+     * All elements of type "Section" with a format that is considered mutually exclusive, grouped based on continuity.
+     * If there is another element of type "Section" with a different format in between, two of the same mutually exclusive type,
+     * this represents the boundary between two different sets of mutually exclusive sections.
+     *
+     * IMPORTANT: Do not reference this directly. Instead use, `getMutuallyExclusiveSectionGroup(string)` which populates it.
+     */
+    private mutuallyExclusiveSections;
+    private resolveEvent;
+    /** The timer handler for idle/busy handling. */
+    protected timerHandle: (() => void) | undefined;
+    /** Indicates a method to restore the last focus. */
+    protected lastFocus: {
+        target: HTMLElement;
+        name?: string;
+        rowIndex?: number;
+        rowNumber?: number;
+    } | undefined;
+    /** Indicates the next element that should receive focus. */
+    protected nextFocus: boolean | string;
+    /** Indicates the next element that should receive a refresh. */
+    protected nextRefresh: boolean | Record<string, boolean>;
+    /** Indicates the focus observer. */
+    protected focusObserver: ((event: FocusEvent) => void) | undefined;
+    /** Indicates the style o */
+    protected style: HTMLStyleElement | undefined;
+    /** Mounts the form into the DOM. */
+    protected mount(): void;
+    /** Removes the form from the DOM. */
+    protected unmount(): void;
+    /** Intelligently tracks the last focus, */
+    protected observeFocus(target: EventTarget): void;
+    /** Focuses the form. */
+    focus(): void;
+    /** Focuses the form optionally focusing the initial element. */
+    focus(initial: boolean): void;
+    /** Focuses the form focusing the named element. */
+    focus(name: string): void;
+    /** Shows the form. */
+    show(): boolean;
+    private isInvalid;
+    private getInvalidElements;
+    hasInvalidChild(element: defs.Element): boolean;
+    /** Shows the form in a disabled state. */
+    spin(): boolean;
+    /** Hides the form in a disabled state. */
+    hide(): boolean;
+    /** Disposes the form. */
+    dispose(): boolean;
+    /** Renders focus for just rendered elements. */
+    renderFocus(target: HTMLElement, name?: string): boolean;
+    /** Renders form text as HTML. */
+    renderHtml(content: defs.Text | undefined, htmlContentCategory?: defs.HTMLContentCategory): string;
+    /** Renders form text as plain text. */
+    renderText(content: defs.Text | undefined): string;
+    /**
+     * Translates the text. This is a bit of a no-op as we only have access to
+     * the language strings in FormRenderer.
+     * @param content
+     * @returns The underlying text.
+     */
+    translateText(content: defs.Text | undefined): string | defs.MarkdownRef | undefined;
+    /** Renders the form component. */
+    renderVisual(component: {}): any;
+    /** Qualifies an event with defaults. */
+    protected qualifyDefault(event: defs.Event): string | undefined;
+    /** Qualifies an event. */
+    protected qualify(type: defs.EventType, event?: defs.Event): defs.Event;
+    /** Posts an event. */
+    post(type: defs.EventType, event?: defs.Event): void;
+    /** Subscribes to all posted events (this does not capture enqueued events). */
+    subscribe(action: FormEventHandler): FormEventSubscription;
+    /** Forcefully refresh the form (use this with care). */
+    refresh(name?: string): void;
+    /** Invalidates the form with a full refresh. */
+    invalidate(): void;
+    /** Invalidates the form with optionally a full refresh. */
+    invalidate(full: boolean): void;
+    /** Invalidates the form refreshing a single element. */
+    invalidate(name: string | undefined): void;
+    /** Updates the form if appropriate. */
+    update(): void;
+    /** Clears the busy timer. */
+    idle(): void;
+    /** Starts the busy timer. */
+    busy(): void;
+    /** Publishes an event (used by post()). */
+    publish(type: defs.EventType, event?: defs.Event): defs.Event;
+    /** Enqueues an event (used by publish()). */
+    enqueue(type: defs.EventType, event?: defs.Event): defs.Event;
+    /** Dequeues the next event (used by observe()). */
+    dequeue(): defs.Event | undefined;
+    /** Observes the form. */
+    observe(): Bluebird<any>;
+    /** Loads the form. */
+    load(form?: defs.Form, template?: defs.Form): boolean;
+    /** Routes an event to achieve default behavior. */
+    route(event: defs.Event): boolean;
+    /** Generates a new changed event given the source event. */
+    protected changed(event: defs.Event): boolean;
+    /**
+     * Returns true if the supplied element is considered valid, false otherwise.
+     * @param element The element to be tested.
+     * @param isInvisibleValid True if the element should be considered valid when not visible, false otherwise. Defaults to true.
+     * @param result An optional object which can be passed in to capture the error status, if any.
+     */
+    protected isElementValid(element: defs.Element, isInvisibleValid?: boolean, result?: Partial<defs.StatusRef>): boolean;
+    /**
+     * Returns true if the supplied element is effectively visible (i.e. has parent
+     * section - if it exists - visible) as well as itself, false otherwise.
+     * @param element The element to be tested.
+     */
+    protected isElementEffectivelyVisible(element: defs.Element | undefined): boolean;
+    /**
+     * Returns true if the element has a value defined. False otherwise.
+     * @param element The element to be tested.
+     */
+    protected isElementValueDefined(element: defs.Element | undefined): boolean;
+    /**
+     * Attempts to trap the event. This is relevant during cascading behavior which affects
+     * other elements but afterwards.
+     */
+    trap(event: defs.Event): boolean;
+    /**
+     * Cascade the form by clearing the value of any elements downstream of the specified one
+     * and triggering the "populate" event for any elements that depend on it directly.
+     * @param elementName The name of an elements which has just changed.
+     * @returns True if the operation was a success, false otherwise.
+     */
+    protected cascade(elementName: string): boolean;
+    /** Routes a click event. */
+    protected click(event: defs.Event): boolean;
+    /**
+     * Checks the specified element to determine if it has a selection,
+     * which would justify a dependent being populated at this time.
+     *
+     * This function is only interested in _initial_ selection defined in the designer
+     * rather than changes made in an element's `load` event. Those are handled separately.
+     * @param elementName The name of the element being depended upon.
+     * @returns True if the element has a selection at this time.
+     */
+    hasInitialSelectionToDependOn(elementName: string): boolean;
+    /** Routes a prepare event. */
+    protected hydrate(event: defs.Event): boolean;
+    /** Determines if the event origin is a submit button. */
+    protected shouldTriggerValidation(event: defs.Event): boolean | void;
+    /** Routes a validate event. */
+    protected validate(event: defs.Event): boolean;
+    /** Verifies the element given the event. */
+    protected verify(event: defs.Event): boolean;
+    /** Routes a suggest event. */
+    protected suggest(event: defs.Event): boolean;
+    /** Routes a submit event. */
+    protected submit(event: defs.Event): boolean;
+    /** Checks the form's validity. */
+    hasErrors(): boolean;
+    /** Finds an element. */
+    find(name: string | {
+        name: string;
+    } | undefined): defs.Element | undefined;
+    /** Finds the name of an element. */
+    findName(element: defs.Element | undefined): string | undefined;
+    /** Coerces a number. */
+    coerceNumber(value: string): number;
+    /** Formats a number. */
+    formatNumber(value: number, options?: FormatOptions): string;
+    /** Renders a component's state. */
+    renderState(name: string, type: "geometry", state?: defs.GeometryState[]): boolean;
+    /** Renders a component's state. */
+    renderState(name: string, type: string, state?: {}): boolean;
+    private getParentSection;
+    private isSectionCollapsed;
+    private isElementPositionBeforeLastFocused;
+    private setLastFocus;
+    private getAllSectionElements;
+    private getMutuallyExclusiveSectionGroup;
+    /**
+     * Collapses all neighbouring accordion sections except the one specified.
+     * @param expandedAccordionSectionName The name of the accordion section to be expanded. All others in the group will be collapsed.
+     */
+    updateAccordionSections(expandedAccordionSectionName: string): void;
+    private enforceAccordionConstraints;
+    displayDialog(children: (closeDialog: () => void) => ReactNode, DialogComponent: ComponentType<any>): Promise<void>;
+}