@stenajs-webui/modal 19.0.5 → 20.0.0

package/dist/building-blocks/ModalActionButtons.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ReactNode } from "react";
+export interface ModalActionButtonsProps {
+    buttons: ReactNode;
+}
+export declare const ModalActionButtons: React.FC<ModalActionButtonsProps>;

package/dist/building-blocks/ModalBody.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { BoxProps } from "@stenajs-webui/core";
+export interface ModalBodyProps extends Omit<BoxProps, "indent" | "spacing"> {
+}
+export declare const ModalBody: React.FC<ModalBodyProps>;

package/dist/building-blocks/ModalHeader.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface ModalHeaderProps {
+    heading?: string;
+    onClickClose?: () => void;
+}
+export declare const ModalHeader: React.FC<ModalHeaderProps>;

package/dist/building-blocks/ModalHeading.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export interface ModalHeadingProps {
+    children: string;
+}
+export declare const ModalHeading: React.FC<ModalHeadingProps>;

package/dist/common-types.d.ts

@@ -0,0 +1,3 @@
+export declare type SlideFrom = SlideFromLeftRight | SlideFromTopBottom;
+export declare type SlideFromLeftRight = "left" | "right";
+export declare type SlideFromTopBottom = "top" | "bottom";

package/dist/{components → declarative-modals}/drawer/Drawer.d.ts

@@ -1,8 +1,6 @@
 import * as React from "react";
 import ReactModal from "react-modal";
-export declare type SlideFrom = SlideFromLeftRight | SlideFromTopBottom;
-export declare type SlideFromLeftRight = "left" | "right";
-export declare type SlideFromTopBottom = "top" | "bottom";
+import { SlideFromLeftRight, SlideFromTopBottom } from "../../common-types";
 export declare type DrawerProps = DrawerBaseLeftRight | DrawerBaseTopBottom;
 interface DrawerBaseLeftRight extends DrawerBaseProps {
     width?: string;

package/dist/{components/center-modal/CenterModal.d.ts → declarative-modals/modal/Modal.d.ts}

@@ -3,4 +3,4 @@ import ReactModal from "react-modal";
 export interface CenterModalProps extends ReactModal.Props {
     onRequestClose?: () => void;
 }
-export declare const CenterModal: React.FC<CenterModalProps>;
+export declare const Modal: React.FC<CenterModalProps>;

package/dist/{components/modal/BaseModal.d.ts → declarative-modals/window/BaseWindow.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
 import ReactModal from "react-modal";
-export interface BaseModalProps extends ReactModal.Props {
+export interface BaseWindowProps extends ReactModal.Props {
     width?: string;
     maxWidth?: string;
     onRequestClose?: () => void;
@@ -8,4 +8,4 @@ export interface BaseModalProps extends ReactModal.Props {
 }
 export declare const DRAGGABLE_HANDLE_CLASSNAME = "draggable-modal-handle";
 export declare const DRAGGABLE_CANCEL_CLASSNAME = "draggable-modal-cancel";
-export declare const BaseModal: React.FC<BaseModalProps>;
+export declare const BaseWindow: React.FC<BaseWindowProps>;

package/dist/declarative-modals/window/Window.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { BaseWindowProps } from "./BaseWindow";
+import { WindowHeaderProps } from "./WindowHeader";
+export interface WindowProps extends BaseWindowProps, WindowHeaderProps {
+    spacing?: number;
+    indent?: number;
+    draggable?: boolean;
+    footer?: React.ReactNode;
+    disableStickyFooter?: boolean;
+}
+export declare const Window: React.FC<WindowProps>;

package/dist/declarative-modals/window/WindowFooter.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ReactNode } from "react";
+export interface WindowFooterProps {
+    children?: ReactNode;
+}
+export declare const WindowFooter: React.FC<WindowFooterProps>;

package/dist/{components/modal/ModalHeader.d.ts → declarative-modals/window/WindowHeader.d.ts}

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { ReactNode } from "react";
-export interface ModalHeaderProps {
+export interface WindowHeaderProps {
     onRequestClose?: () => void;
     header?: ReactNode;
     headerText?: string;
     closeButtonClassName?: string;
 }
-export declare const ModalHeader: React.FC<ModalHeaderProps>;
+export declare const WindowHeader: React.FC<WindowHeaderProps>;

package/dist/dialog/DialogCommands.d.ts

@@ -0,0 +1,3 @@
+export declare type ShowCommand<TProps, TPromiseResolve> = keyof TProps extends never ? () => Promise<TPromiseResolve | undefined> : (props: TProps) => Promise<TPromiseResolve | undefined>;
+export declare type ResolveCommand<TPromiseResolve> = (resolveValue: TPromiseResolve) => void;
+export declare type RejectCommand = (error?: Error) => void;

package/dist/dialog/DialogContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { RejectCommand, ResolveCommand } from "./DialogCommands";
+export interface DialogContextValue<TResolveValue> {
+    resolve: ResolveCommand<TResolveValue>;
+    reject: RejectCommand;
+}
+export declare const DialogContext: import("react").Context<DialogContextValue<any> | undefined>;

package/dist/dialog/UseDialog.d.ts

@@ -0,0 +1,23 @@
+import React, { CSSProperties, ReactNode, RefObject } from "react";
+import { RejectCommand, ShowCommand } from "./DialogCommands";
+declare type UseDialogCallbacks<TProps, TPromiseResolve> = {
+    show: ShowCommand<TProps, TPromiseResolve>;
+    reject: RejectCommand;
+};
+export declare type UseDialogResult<TProps, TPromiseResolve> = [
+    ReactNode,
+    UseDialogCallbacks<TProps, TPromiseResolve>
+];
+export interface DialogOptions {
+    disableCloseOnClickOutside?: boolean;
+    modal: boolean;
+    className: string;
+    closingClassName: string;
+    contentWrapperClassName: string;
+    dialogStyle?: CSSProperties;
+    ref?: RefObject<HTMLDialogElement>;
+    onResolve?: () => void;
+    onReject?: () => void;
+}
+export declare function useDialog<TProps, TPromiseResolve = void>(component: React.FC<TProps>, options: DialogOptions): UseDialogResult<TProps, TPromiseResolve>;
+export {};

package/dist/dialog/UseDialogPromise.d.ts

@@ -0,0 +1,2 @@
+import { DialogContextValue } from "./DialogContext";
+export declare const useDialogPromise: <TResolveValue = void>() => DialogContextValue<TResolveValue>;

package/dist/dialog/alert/UseAlertDialog.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DialogOptions, UseDialogResult } from "../UseDialog";
+export declare function useAlertDialog<TProps, TPromiseResolve = void>(component: React.FC<TProps>, options?: Partial<DialogOptions>): UseDialogResult<TProps, TPromiseResolve>;

package/dist/dialog/drawer/UseDrawerDialog.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { DialogOptions, UseDialogResult } from "../UseDialog";
+import { SlideFrom } from "../../common-types";
+interface DrawerOptions extends Partial<Omit<DialogOptions, "disableCloseOnClickOutside">> {
+}
+export declare function useDrawerDialog<TProps, TPromiseResolve = void>(component: React.FC<TProps>, slideFrom?: SlideFrom, options?: DrawerOptions): UseDialogResult<TProps, TPromiseResolve>;
+export {};

package/dist/dialog/modal/UseModalDialog.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DialogOptions, UseDialogResult } from "../UseDialog";
+export declare function useModalDialog<TProps, TPromiseResolve = void>(component: React.FC<TProps>, options?: Partial<DialogOptions>): UseDialogResult<TProps, TPromiseResolve>;

package/dist/index.d.ts

@@ -1,8 +1,20 @@
-export * from "./components/modal/BaseModal";
-export * from "./components/drawer/Drawer";
-export * from "./components/drawer/DrawerHeader";
-export * from "./components/center-modal/CenterModal";
-export * from "./components/loading-modal/LoadingModal";
-export * from "./components/modal/Modal";
-export * from "./components/modal/ModalHeader";
-export * from "./components/modal/ModalFooter";
+export * from "./common-types";
+export * from "./declarative-modals/window/BaseWindow";
+export * from "./declarative-modals/drawer/Drawer";
+export * from "./declarative-modals/drawer/DrawerHeader";
+export * from "./declarative-modals/modal/Modal";
+export * from "./declarative-modals/loading-modal/LoadingModal";
+export * from "./declarative-modals/window/Window";
+export * from "./declarative-modals/window/WindowHeader";
+export * from "./declarative-modals/window/WindowFooter";
+export * from "./dialog/UseDialog";
+export * from "./dialog/UseDialogPromise";
+export * from "./dialog/DialogCommands";
+export * from "./dialog/alert/UseAlertDialog";
+export * from "./dialog/drawer/UseDrawerDialog";
+export * from "./dialog/modal/UseModalDialog";
+export * from "./ready-made-modals/InfoAlert";
+export * from "./building-blocks/ModalHeader";
+export * from "./building-blocks/ModalActionButtons";
+export * from "./building-blocks/ModalHeading";
+export * from "./building-blocks/ModalBody";