react-dialogger 1.1.0

package/types/DialogTypes.d.ts

@@ -0,0 +1,128 @@
+import { ComponentOrderType, IBackdropOptions, IDialogAnchor, IInProcess, ISnackbarAnchor, TInitialHolder, TNotifyOnClosing, TUserProps, DialogValues } from "./types";
+import * as React from "react";
+import { DialogAction } from "../models/DialogAction";
+import Dialog from "../models/Dialog";
+import { ITypeHeight, ITypeWidth } from "./SizePosTypes";
+import DialogBase from "../components/DialogBase";
+export interface TBaseDialogState {
+    [K: string]: any;
+}
+export interface BaseDialogState {
+    values: DialogValues;
+    inProcess: IInProcess;
+    fullscreenMode?: boolean;
+}
+export interface BaseDialogProps {
+    options?: DialogOptionsType;
+    ref: React.RefObject<any>;
+    body: TDialogCallbackNodeFn;
+    header?: TDialogCallbackNodeFn;
+    actions?: Array<DialogAction>;
+    dialogSize?: IDialogSize;
+    didMountCallback?: TDialogCallbackVoidFn;
+    stateListener: TDialogStateListenerCallbackType;
+    order?: ComponentOrderType;
+    /**@deprecated use initialValues*/
+    initialUserProps: TUserProps;
+    initialValues: DialogValues;
+    initialHolder: TInitialHolder;
+    /**
+     * @deprecated
+     * @see dialogOptions.snackbar.anchorOrigin */
+    snackbarAnchor?: ISnackbarAnchor;
+    dom: HTMLDivElement;
+    parent?: Dialog;
+    onClose?: () => void;
+    root?: any;
+    keyboardListener: (key: string, dialog: Dialog) => void;
+}
+export interface IDialogSize {
+    width?: ITypeWidth | number;
+    height?: ITypeHeight | number;
+}
+interface IDialogOptionsType {
+    backdrop?: IBackdropOptions;
+    base?: IBaseDialogOptions;
+    progress?: IBaseDialogProgressOptions;
+    snackbar?: {
+        anchorOrigin?: ISnackbarAnchor;
+        autoHideDuration?: number | null;
+        maxSnack?: number;
+        busyMessage?: string;
+    };
+    slot?: kSlot;
+    slotProps?: kSlotProps;
+}
+export type DialogOptionsType = Partial<IDialogOptionsType>;
+interface kSlot {
+    action?: React.JSXElementConstructor<any>;
+    footer?: React.JSXElementConstructor<any>;
+    header?: React.JSXElementConstructor<any>;
+}
+interface kSlotProps {
+    action?: {
+        style?: React.CSSProperties;
+        [k: string]: any;
+    };
+    footer?: (props: IBaseFooterProps) => Record<string, any>;
+    header?: (props: IBaseHeaderProps) => Record<string, any>;
+}
+export interface IBaseDialogOptions {
+    closeable?: boolean;
+    initialAnchor?: IDialogAnchor;
+    draggable?: boolean;
+    resizeable?: boolean;
+    fullscreen?: boolean;
+    header?: {
+        style?: React.CSSProperties;
+    };
+    footer?: {
+        style?: React.CSSProperties;
+    };
+    style?: React.CSSProperties;
+    size?: IDialogSize;
+    notifyOnClosing?: TNotifyOnClosing;
+    actions?: {
+        disabledOnDialogProcessing?: boolean;
+        baseStyle?: React.CSSProperties;
+    };
+    headerControllerIcons?: {
+        size?: number;
+        color?: any;
+    };
+}
+export interface IBaseDialogProgressOptions {
+    color?: string;
+    size?: number;
+}
+export interface IBaseFooterProps extends BaseDialogSlotProps {
+    inProcess?: IInProcess;
+}
+type FooterSlotProps = ReturnType<NonNullable<kSlotProps['footer']>>;
+export type IFooterProps = IBaseFooterProps & FooterSlotProps;
+export interface IBaseHeaderProps extends BaseDialogSlotProps {
+}
+type HeaderSlotProps = ReturnType<NonNullable<kSlotProps['header']>>;
+export type IHeaderProps = IBaseHeaderProps & HeaderSlotProps;
+export interface BaseDialogSlotProps {
+    dialogValues: DialogValues;
+    dialogOptions: DialogOptionsType;
+    dialog?: IDialogDef;
+}
+export interface IStateDef extends Pick<BaseDialogState, "values" | "fullscreenMode" | "inProcess"> {
+}
+export interface IListenerDialogDef extends Omit<IDialogDef, "state" | "values" | "setValues"> {
+}
+export type TDialogStateListenerCallbackType = (state: IStateDef, values: DialogValues, dialog: IListenerDialogDef) => void;
+type TDialogCallbackFn<T> = (dialog: IDialogDef) => T;
+export type TDialogCallbackNodeFn = TDialogCallbackFn<string | React.ReactElement<any>>;
+export type TDialogCallbackVoidFn = TDialogCallbackFn<void>;
+export interface IDialogDef extends Omit<Partial<Pick<DialogBase, 'isInProcess' | 'setInProcess' | 'values' | 'setValue' | 'setValues' | 'close' | 'dialogOptions' | 'switchFullScreen' | 'actions' | 'snackbar' | 'formikValidate' | 'formikProps' | 'focus' | 'setOrder' | 'setBody'>>, 'switchFullScreen'> {
+    /** @deprecated Deprecated, use setValues instead. */
+    switchFullScreen?: DialogBase['switchFullScreen'];
+    /** @deprecated Deprecated, never use. */
+    setOrder?: DialogBase['setOrder'];
+}
+export interface IDialogCloseRef extends Pick<DialogBase, 'close'> {
+}
+export {};

package/types/DialogTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/types/SizePosTypes.d.ts

@@ -0,0 +1,5 @@
+export type ITypeWidth = "xs" | "sm" | "md" | "lg" | "xl" | "auto";
+export type ITypeHeight = "initial" | "auto" | "fit-content" | "max-content" | "min-content" | "content" | "unset" | "revert" | "revert-layer";
+export type TSnackbarHorizontal = "left" | "center" | "right";
+export type TSnackbarVertical = "top" | "bottom";
+export type TFlexPos = "flex-start" | "center" | "flex-end";

package/types/SizePosTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export { IFooterProps, IHeaderProps, IBaseFooterProps, IBaseHeaderProps, IDialogCloseRef, IDialogDef, } from "./DialogTypes";
+export { DialogValues } from "./types";
+export { ActionDef, ActionDialogDef, // <-- Action -> Dialog dialog of action
+IDialogActionDef } from "./DialogActionTypes";

package/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/types/types.d.ts

@@ -0,0 +1,58 @@
+import { TSnackbarHorizontal, TSnackbarVertical, TFlexPos } from "./SizePosTypes";
+export interface ISnackbarAnchor {
+    vertical?: TSnackbarVertical;
+    horizontal?: TSnackbarHorizontal;
+}
+export interface IDialogAnchor {
+    vertical?: TFlexPos;
+    horizontal?: TFlexPos;
+}
+export interface IBackdropOptions {
+    backgroundColor?: string;
+    opacity?: number;
+    hideOnClick?: boolean;
+}
+export type TNotifyOnClosing = "snackbar" | "zoom" | undefined;
+export type TInitialHolder = any;
+export interface IInProcess {
+    inProcess: boolean;
+    message?: string;
+}
+export interface ISnackBarOpenOptions {
+    message: string;
+    severity: TSeverity;
+    key?: string;
+    action?: (key: string, snackbarRef: any) => void;
+    autoHideDuration?: number;
+}
+export type TSeverity = "default" | "error" | "success" | "warning" | "info";
+/**@deprecated
+ * @use TUserProps*/
+export type TInitialValues<T extends Record<string, any>> = T;
+/**@deprecated use TValues*/
+export type TUserProps = {
+    [K: string]: any;
+};
+export type TValues = Record<string, any>;
+export type DialogValues = Readonly<Partial<TValues>>;
+export interface BaseDialogDOMRect {
+    height?: number;
+    width?: number;
+    x?: number;
+    y?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+    top?: number;
+    isMultiple?: boolean;
+}
+export type ComponentOrderPositions = "before" | "after";
+export type ComponentOrderType = {
+    position: ComponentOrderPositions;
+    dom: HTMLElement;
+};
+export type TAccessFrom = "internal" | "external";
+export interface ICoords {
+    x: number;
+    y: number;
+}

package/types/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });