react-dialogger 1.1.48 → 1.1.50

package/models/DialogAction.js

@@ -32,9 +32,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogAction = exports.ActionProgress = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var DialogActionBase_1 = __importDefault(require("../components/DialogActionBase"));
-var CircularProgress_1 = __importDefault(require("../components/CircularProgress"));
+var components_1 = require("../components");
 var ActionProgress = function () {
-    return (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { size: 20, inProcess: { inProcess: true } });
+    return (0, jsx_runtime_1.jsx)(components_1.CircularProgress, { size: 20, inProcess: { inProcess: true } });
 };
 exports.ActionProgress = ActionProgress;
 var DialogAction = /** @class */ (function (_super) {
@@ -42,168 +42,19 @@ var DialogAction = /** @class */ (function (_super) {
     function DialogAction(name, options) {
         var _this = _super.call(this) || this;
         _this.setOptions = function (options) {
-            var _a;
-            if (((_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                _this._baseDialogAction.setOptions(options);
-                return _this;
-            }
-            // this._label = label;
             _this._options = options;
             return _this;
         };
-        /**
-         * @deprecated
-         * @see DialogActionOptionsType
-         * @info Define this prop inside new DialogAction('varName', {>here<})*/
-        _this.setLabel = function (label) {
-            var _a;
-            if (((_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                _this._baseDialogAction.setLabel(label);
-                return _this;
-            }
-            if (_this._options) {
-                _this._options.label = label; // _options'ın başlatıldığını varsayarak erişim
-            }
-            else {
-                console.error('DialogAction _options is not initialized');
-            }
-            return _this;
-        };
-        _this.getLabel = function () {
-            var _a;
-            if (((_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                return _this._baseDialogAction.getLabel();
-            }
-            return _this._options.label;
-        };
         _this.onClick = function (callback) {
             _super.prototype.onClick.call(_this, callback);
             return _this;
         };
-        /**
-         * @deprecated
-         * @see DialogActionOptionsType
-         * @info Define this prop inside new DialogAction('varName', {>here<})*/
-        _this.setVariant = function (variant) {
-            var _a;
-            if (((_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                _this._baseDialogAction.setVariant(variant);
-                return _this;
-            }
-            if (_this._options) {
-                _this._options.variant = variant; // _options'ın başlatıldığını varsayarak erişim
-            }
-            else {
-                console.error('DialogAction _options is not initialized');
-            }
-            return _this;
-        };
-        _this.getVariant = function () {
-            var _a;
-            if (((_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                return _this._baseDialogAction.getVariant();
-            }
-            return _this._options.variant;
-        };
-        /**
-         * @deprecated
-         * @see DialogActionOptionsType
-         * @info Define this prop inside new DialogAction('varName', {>here<})*/
-        _this.setColor = function (color) {
-            var _a;
-            if (((_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                _this._baseDialogAction.setColor(color);
-                return _this;
-            }
-            if (_this._options) {
-                _this._options.color = color; // _options'ın başlatıldığını varsayarak erişim
-            }
-            else {
-                console.error('DialogAction _options is not initialized');
-            }
-            return _this;
-        };
-        _this.getColor = function () {
-            var _a;
-            if (((_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                return _this._baseDialogAction.getColor();
-            }
-            return _this._options.color;
-        };
         /**
          * Only from init */
         _this.stateListener = function (listener) {
             _this._stateListener = listener;
             return _this;
         };
-        _this.setInProcess = function (inProcess) {
-            var _a;
-            if (((_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                _this._baseDialogAction.setInProcess(inProcess);
-                return _this;
-            }
-            _this._inProcess = inProcess;
-            return _this;
-        };
-        /**
-         * @deprecated
-         * @see isInProcess*/
-        _this.getInProcess = function () {
-            var _a;
-            if (((_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                return _this._baseDialogAction.isInProcess();
-            }
-            return _this._inProcess;
-        };
-        _this.isInProcess = function () {
-            var _a;
-            if (((_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                return _this._baseDialogAction.isInProcess();
-            }
-            return _this._inProcess;
-        };
-        /**
-         * @deprecated
-         * @see DialogActionOptionsType
-         * @info Define this prop inside new DialogAction('varName', {>here<})*/
-        _this.setDisabled = function (disabled) {
-            var _a, _b;
-            console.error('DialogAction _options is not initialized', (_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom);
-            if (((_b = _this._baseDialogAction) === null || _b === void 0 ? void 0 : _b.dialogBaseComponent.parent.accessFrom) === "internal") {
-                _this._baseDialogAction.setDisabled(disabled);
-                return _this;
-            }
-            if (_this._options) {
-                _this._options.disabled = disabled; // _options'ın başlatıldığını varsayarak erişim
-            }
-            else {
-                console.error('DialogAction _options is not initialized');
-            }
-            return _this;
-        };
-        _this.getDisabled = function () {
-            var _a;
-            if (((_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                return _this._baseDialogAction.getDisabled();
-            }
-            return _this._options.disabled;
-        };
-        _this.isDisabled = function () {
-            var _a;
-            if (((_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                return _this._baseDialogAction.isDisabled();
-            }
-            return _this._options.disabled;
-        };
-        _this.remove = function () {
-            var _a;
-            if (((_a = _this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                _this._baseDialogAction.remove();
-            }
-        };
-        _this.click = function () {
-            _this._baseDialogAction.click();
-        };
         _this._name = name;
         var defaultOptions = {
             label: 'Button',
@@ -217,10 +68,6 @@ var DialogAction = /** @class */ (function (_super) {
     }
     Object.defineProperty(DialogAction.prototype, "options", {
         get: function () {
-            var _a;
-            if (((_a = this._baseDialogAction) === null || _a === void 0 ? void 0 : _a.dialogBaseComponent.parent.accessFrom) === "internal") {
-                return this._baseDialogAction.options;
-            }
             return this._options;
         },
         enumerable: false,
@@ -233,22 +80,6 @@ var DialogAction = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    /**
-     * @deprecated
-     * @see onClickHandler */
-    DialogAction.prototype.getAction = function () {
-        return this._onClick;
-    };
-    Object.defineProperty(DialogAction.prototype, "baseDialogAction", {
-        // getStateListener(): TDialogStateListenerForActionCallbackType {
-        //     return super.getStateListener();
-        // }
-        set: function (baseDialogAction) {
-            this._baseDialogAction = baseDialogAction;
-        },
-        enumerable: false,
-        configurable: true
-    });
     return DialogAction;
 }(DialogActionBase_1.default));
 exports.DialogAction = DialogAction;

package/models/baseDialogOptions.d.ts

@@ -0,0 +1,5 @@
+import { DialogOptionsType } from "../types/DialogTypes";
+/**
+ * Deep + safe merge
+ */
+export declare const baseDialogOptions: (options?: Partial<DialogOptionsType>) => void;

package/models/baseDialogOptions.js

@@ -0,0 +1,63 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseDialogOptions = void 0;
+/**
+ * BASE (immutable template)
+ */
+var BASE_DIALOG_OPTIONS = {
+    backdrop: {
+        backgroundColor: "#282828",
+        opacity: 0.6,
+        hideOnClick: false,
+    },
+    base: {
+        style: {
+            backgroundColor: "white",
+            boxShadow: "0 0 20px #000000",
+        },
+        closeable: false,
+        about: false,
+        initialAnchor: { vertical: "flex-start", horizontal: "center" },
+        draggable: false,
+        size: { width: 'min-content', height: 300 }
+    },
+    animate: 'none',
+    progress: {
+        color: "red",
+        size: 30,
+    },
+    snackbar: {
+        anchorOrigin: { vertical: "top", horizontal: "center" },
+        autoHideDuration: 3000,
+        maxSnack: 3,
+        busyMessage: "Please wait...",
+    },
+    slot: {
+        action: undefined,
+    },
+    slotProps: {
+        action: {},
+    },
+};
+window["dialogOptions"] = structuredClone(BASE_DIALOG_OPTIONS);
+/**
+ * Deep + safe merge
+ */
+var baseDialogOptions = function (options) {
+    var _a, _b;
+    if (options === void 0) { options = {}; }
+    var base = structuredClone(BASE_DIALOG_OPTIONS);
+    window["dialogOptions"] = __assign(__assign(__assign({}, base), options), { backdrop: __assign(__assign({}, base.backdrop), options.backdrop), base: __assign(__assign(__assign({}, base.base), options.base), { style: __assign(__assign({}, base.base.style), (_a = options.base) === null || _a === void 0 ? void 0 : _a.style) }), progress: __assign(__assign({}, base.progress), options.progress), snackbar: __assign(__assign(__assign({}, base.snackbar), options.snackbar), { anchorOrigin: __assign(__assign({}, base.snackbar.anchorOrigin), (_b = options.snackbar) === null || _b === void 0 ? void 0 : _b.anchorOrigin) }), slot: __assign(__assign({}, base.slot), options.slot), slotProps: __assign(__assign({}, base.slotProps), options.slotProps) });
+};
+exports.baseDialogOptions = baseDialogOptions;

package/models/index.d.ts

@@ -0,0 +1,3 @@
+export { DialogAction, ActionProgress } from "./DialogAction";
+export { default } from "./Dialog";
+export { baseDialogOptions } from "./baseDialogOptions";

package/models/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseDialogOptions = exports.default = exports.ActionProgress = exports.DialogAction = void 0;
+var DialogAction_1 = require("./DialogAction");
+Object.defineProperty(exports, "DialogAction", { enumerable: true, get: function () { return DialogAction_1.DialogAction; } });
+Object.defineProperty(exports, "ActionProgress", { enumerable: true, get: function () { return DialogAction_1.ActionProgress; } });
+var Dialog_1 = require("./Dialog");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Dialog_1).default; } });
+var baseDialogOptions_1 = require("./baseDialogOptions");
+Object.defineProperty(exports, "baseDialogOptions", { enumerable: true, get: function () { return baseDialogOptions_1.baseDialogOptions; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.48",
+  "version": "1.1.50",
   "description": "This package is a continuation of the react-araci package. Due to an error, react-araci was removed, and it has been decided to continue under the new package name react-dialogger",
   "main": "index.js",
   "author": "Sueleyman Topaloglu",

package/styles/dialog.css

@@ -173,7 +173,7 @@
     width: 100%;
   }
 }
-.appinsource-dialog-root {
+.react-guzzle-root {
   position: fixed;
   right: 0;
   bottom: 0;
@@ -248,7 +248,6 @@
   color: #CCCCCC;
 }
 .dialog-main .dialog-header .fullscreen-icon-wrapper {
-  display: flex;
   justify-items: center;
   align-items: center;
   cursor: pointer;

package/{helpers → types}/BoundTypes.d.ts

@@ -4,8 +4,11 @@ export interface IDialogBoundsDef {
     height: number;
     x: number;
     y: number;
+    fullscreen: boolean;
 }
 export interface IDialogBoundDef {
-    id: string;
+    id: IDialogBoundsMemoKey;
     bounds: IDialogBoundsDef;
 }
+export type IDialogIdentificationType = string | number;
+export type RegisteredDialogsMap = Map<IDialogBoundsMemoKey, IDialogBoundDef>;

package/types/DialogActionTypes.d.ts

@@ -1,16 +1,16 @@
-import { DialogAction } from "../models/DialogAction";
-import { IDialogDef, IListenerDialogDef, IStateDef } from "./DialogTypes";
+import { IDialogApiDef, IListenerDialogDef } from "./DialogTypes";
 import { TValues, ICoords } from "./types";
 import DialogBase from "../components/DialogBase";
 import DialogActionBase from "../components/DialogActionBase";
 import { CSSProperties } from "react";
 import * as React from "react";
-export type ActionDialogDef = Omit<IDialogDef, 'switchFullScreen'>;
-export type ActionDef = Pick<DialogAction, 'onClick' | 'setInProcess' | 'getLabel' | 'getColor' | 'getVariant' | 'isDisabled' | 'setOptions' | 'state' | 'isInProcess' | 'setLabel' | 'name'>;
+import { DialogAction } from "../models";
+export type ActionDialogDef = Omit<IDialogApiDef, 'switchFullScreen'>;
+export type ActionDef = Pick<DialogAction, 'onClick' | 'setInProcess' | 'getLabel' | 'getColor' | 'getVariant' | 'isDisabled' | 'setOptions' | 'isInProcess' | 'setLabel' | 'name'>;
 export type ActionBaseDef = Pick<DialogActionBase, 'setOptions' | 'setInProcess' | 'getLabel' | 'options' | 'click' | 'remove'>;
 export interface IDialogActionDef extends ActionBaseDef {
 }
-export type DialogActionType = (button: ActionBaseDef, dialog: Omit<IDialogDef, 'switchFullScreen'>) => void;
+export type DialogActionType = (button: ActionBaseDef, dialog: Omit<IDialogApiDef, 'switchFullScreen'>) => void;
 export interface ActionProps {
     name: string;
     options?: DialogActionOptionsType;
@@ -62,5 +62,13 @@ export type DialogActionOptionsType = {
     baseStyle?: React.CSSProperties;
 };
 type TListenerButtonType = Pick<DialogActionBase, Exclude<keyof ActionDef, 'onClick' | 'getStateListener' | 'name'>>;
-export type TDialogStateListenerForActionCallbackType = (state: IStateDef, values: TValues, button: TListenerButtonType, dialog: IListenerDialogDef) => void;
+export type TDialogStateListenerForActionCallbackType = (values: TValues, button: TListenerButtonType, dialog: IListenerDialogDef) => void;
+export interface IContentFooterProps {
+    dialog: DialogBase<any>;
+    actions?: DialogAction[];
+}
+export interface DialogContentFooterReturnType {
+    setProcessing: React.Dispatch<React.SetStateAction<boolean>>;
+    inProcess: boolean;
+}
 export {};

package/types/DialogTypes.d.ts

@@ -1,10 +1,14 @@
-import { ComponentOrderType, IBackdropOptions, IDialogAnchor, IInProcess, ISnackbarAnchor, TInitialHolder, TNotifyOnClosing, TUserProps, DialogValues } from "./types";
+import { IBackdropOptions, IDialogAnchor, IInProcess, ISnackbarAnchor, TInitialHolder, TNotifyOnClosing, DialogValues, TValues, BaseDialogDOMRect } 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";
 import { FormikProps } from "formik";
+import { RefObject } from "react";
+import { DialogAction } from "../models";
+import { Resizeable } from "../helpers/Resizeable";
+import { DialogContentFooterReturnType } from "./DialogActionTypes";
+import { SnackbarKey, VariantType } from "notistack";
 export interface TBaseDialogState {
     [K: string]: any;
 }
@@ -13,50 +17,46 @@ export interface BaseDialogState {
     values: DialogValues;
     inProcess: IInProcess;
     fullscreenMode?: boolean;
+    prevDialogRect: WithBackdrop['prevDialogRect'];
 }
 export interface BaseDialogProps {
-    options?: DialogOptionsType;
-    ref: React.RefObject<any>;
-    body: TDialogCallbackNodeFn;
-    header?: TDialogCallbackNodeFn;
+    initialOptions?: DialogOptionsType;
+    body: TDialogCallbackFn;
+    header?: TDialogCallbackFn;
     actions?: Array<DialogAction>;
-    dialogSize?: IDialogSize;
     didMountCallback?: TDialogCallbackVoidFn;
+    dialogSize?: IDialogSize;
     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?: TDialogCallbackVoidFn;
     root?: any;
-    keyboardListener: (key: string, dialog: IDialogDef) => void;
-    resizeListener?: (size: IDialogSize, dialog: IDialogDef) => void;
+    keyboardListener: (key: string, dialog: IDialogApiDef) => void;
+    resizeListener?: (size: IDialogSize, dialog: IDialogApiDef) => void;
 }
 export interface IDialogSize {
     width?: ITypeWidth | number;
     height?: ITypeHeight | number;
+    rect?: DOMRect;
 }
 interface IDialogOptionsType {
-    backdrop?: IBackdropOptions;
-    base?: IBaseDialogOptions;
-    progress?: IBaseDialogProgressOptions;
-    snackbar?: {
+    backdrop: IBackdropOptions;
+    base: IBaseDialogOptions;
+    progress: IBaseDialogProgressOptions;
+    snackbar: {
         anchorOrigin?: ISnackbarAnchor;
         autoHideDuration?: number | null;
         maxSnack?: number;
         busyMessage?: string;
     };
+    animate: 'jumper' | 'none';
     slot?: kSlot;
     slotProps?: kSlotProps;
 }
-export type DialogOptionsType = Partial<IDialogOptionsType>;
+export type DialogOptionsType = Partial<Pick<IDialogOptionsType, 'base' | 'snackbar' | 'backdrop' | 'slotProps' | 'slot' | 'animate' | 'progress'>>;
 interface kSlot {
     action?: React.JSXElementConstructor<any>;
     footer?: React.JSXElementConstructor<any>;
@@ -76,6 +76,7 @@ export interface IBaseDialogOptions {
     draggable?: boolean;
     resizeable?: boolean;
     fullscreen?: boolean;
+    about?: boolean;
     header?: {
         style?: React.CSSProperties;
     };
@@ -113,24 +114,73 @@ 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;
+    dialog?: IDialogApiDef;
 }
 export interface IStateDef extends Pick<BaseDialogState, "values" | "fullscreenMode" | "inProcess"> {
 }
-export interface IListenerDialogDef extends Omit<IDialogDef, "state" | "values" | "setValues"> {
+export interface IListenerDialogDef extends Omit<IDialogApiDef, "state" | "values" | "setValues"> {
 }
-export type TDialogStateListenerCallbackType = (state: IStateDef, values: DialogValues, dialog: IListenerDialogDef) => void;
-type TDialogCallbackFn<T> = (dialog?: IDialogDef, formikProps?: FormikProps<any>) => T;
-export type TDialogCallbackNodeFn = TDialogCallbackFn<string | React.ReactElement<any>> | React.ReactNode | React.JSX.Element;
+export type TDialogStateListenerCallbackType = (values: FormikProps<any>['values'], dialog: IListenerDialogDef) => void;
+export type TDialogCallbackFn<T = React.ReactNode> = (dialog: IDialogApiDef) => T;
+export type TDialogHeader = TDialogCallbackFn | React.ReactNode | React.JSX.Element;
 export type TDialogCallbackVoidFn = TDialogCallbackFn<void>;
-export interface IDialogDef extends Omit<Partial<Pick<DialogBase<any>, 'isInProcess' | 'setInProcess' | 'values' | 'setValue' | 'setValues' | 'close' | 'dialogOptions' | 'switchFullScreen' | 'actions' | 'snackbar' | 'formikValidate' | 'formikProps' | 'focus' | 'setOrder' | 'setBody' | 'onResize' | 'processingListener'>>, 'switchFullScreen'> {
-    /** @deprecated Deprecated, use setValues instead. */
-    switchFullScreen?: DialogBase<any>['switchFullScreen'];
-    /** @deprecated Deprecated, never use. */
-    setOrder?: DialogBase<any>['setOrder'];
+export interface IDialogApiDef extends Pick<DialogBase<any>, 'isInProcess' | 'setInProcess' | 'values' | 'setValue' | 'setValues' | 'close' | 'dialogOptions' | 'actions' | 'snackbar' | 'formikValidate' | 'formikProps' | 'focus'> {
 }
 export interface IDialogCloseRef extends Pick<DialogBase<any>, 'close'> {
 }
+interface OpenArgs {
+    message: any;
+    severity: VariantType;
+    key?: string;
+    anchor?: {
+        v?: 'top' | 'bottom';
+        h?: 'right' | 'center' | 'left';
+    };
+    content?: (key?: SnackbarKey, message?: any) => React.ReactNode;
+    actions?: Array<{
+        label: string;
+        variant?: "contained" | "outlined" | "text";
+        color?: "primary" | "success" | "error" | "warning" | "info";
+        onClick?: (snackKey?: SnackbarKey, event?: React.MouseEvent) => void;
+    }>;
+}
+export interface IDialogSnackbar {
+    open: (message: OpenArgs['message'], severity?: OpenArgs['severity'], key?: OpenArgs['key'], anchor?: OpenArgs['anchor'], content?: OpenArgs['content'], actions?: OpenArgs['actions']) => void;
+    close: (key: SnackbarKey) => void;
+}
+export interface WithBackdrop {
+    ref: React.RefObject<any>;
+    body: TDialogCallbackFn;
+    header: TDialogCallbackFn;
+    actions?: DialogAction[];
+    dialog: DialogBase<any>;
+    backdropRef: RefObject<any>;
+    initialValues: Partial<TValues>;
+    dialogRef: RefObject<any>;
+    headerRef: RefObject<any>;
+    bodyRef: RefObject<any>;
+    footerRef: RefObject<any>;
+    prevDialogRect?: BaseDialogDOMRect;
+    snackbarRef: React.RefObject<any>;
+}
+export interface DialogWithBackdropWrapperRefProps {
+    baseZoomEffect: () => void;
+    formikProps?: FormikProps<any>;
+}
+export interface IContentProps {
+    body: TDialogCallbackFn;
+    header: TDialogCallbackFn;
+    actions: DialogAction[];
+    dialogRef: React.RefObject<any>;
+    headerRef: React.RefObject<any>;
+    bodyRef: React.RefObject<any>;
+    footerRef: React.RefObject<DialogContentFooterReturnType>;
+    backdropRef: React.RefObject<any>;
+    dialogOptions: DialogOptionsType;
+    dialog: DialogBase<any>;
+    resizeableObject?: Resizeable | null;
+    prevDialogRect: WithBackdrop['prevDialogRect'];
+    snackbarRef: WithBackdrop['snackbarRef'];
+}
 export {};

package/types/SizePosTypes.d.ts

@@ -1,5 +1,6 @@
-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";
+import { CSSProperties } from "react";
+export type ITypeWidth = "xs" | "sm" | "md" | "lg" | "xl" | "auto" | CSSProperties['width'];
+export type ITypeHeight = CSSProperties['height'];
 export type TSnackbarHorizontal = "left" | "center" | "right";
 export type TSnackbarVertical = "top" | "bottom";
 export type TFlexPos = "flex-start" | "center" | "flex-end";

package/types/index.d.ts

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

package/types/types.d.ts

@@ -46,6 +46,7 @@ export interface BaseDialogDOMRect {
     right?: number;
     top?: number;
     isMultiple?: boolean;
+    nodes?: Element[] | number;
 }
 export type ComponentOrderPositions = "before" | "after";
 export type ComponentOrderType = {

package/components/DialogContenFooter.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import DialogBase from "./DialogBase";
-import { DialogAction } from "../models/DialogAction";
-interface IContentFooterProps {
-    dialog: DialogBase<any>;
-    actions?: DialogAction[];
-}
-export interface DialogContentFooterReturnType {
-    setProcessing: React.Dispatch<React.SetStateAction<boolean>>;
-    inProcess: boolean;
-}
-declare const DialogContentFooter: React.ForwardRefExoticComponent<IContentFooterProps & React.RefAttributes<DialogContentFooterReturnType>>;
-export { DialogContentFooter };

package/components/Futures/DialogCloseAction.js

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogCloseAction = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var CloseIcon_1 = __importDefault(require("../icons/CloseIcon"));
-var react_1 = require("react");
-var DialogBase_1 = require("../DialogBase");
-// const DialogCloseAction = ({dialog}:{dialog: React.RefObject<IDialogRef> | undefined}) => {
-// const DialogCloseAction = ({dialog, newProps}:{dialog: IDialogDef | undefined, newProps?: any}) => {
-var DialogCloseAction = function () {
-    var _a, _b, _c, _d, _e, _f;
-    var dialog = (0, react_1.useContext)(DialogBase_1.DialogHeaderFooterContext).dialog;
-    console.log('DialogCloseAction_dialog', dialog);
-    // console.log('DialogCloseAction_props', dialogHeaderContext);
-    // return <div className={'close-icon-wrapper'} onClick={event => apiRef.current.close()} >
-    return (0, jsx_runtime_1.jsx)("div", { className: 'close-icon-wrapper', onClick: function (event) {
-            // props.dialog.close()
-            dialog.close();
-        }, children: (0, jsx_runtime_1.jsx)(CloseIcon_1.default
-        // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
-        // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
-        , { 
-            // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
-            // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
-            size: (_c = (_b = (_a = dialog.dialogOptions.base) === null || _a === void 0 ? void 0 : _a.headerControllerIcons) === null || _b === void 0 ? void 0 : _b.size) !== null && _c !== void 0 ? _c : 24, color: (_f = (_e = (_d = dialog.dialogOptions.base) === null || _d === void 0 ? void 0 : _d.headerControllerIcons) === null || _e === void 0 ? void 0 : _e.color) !== null && _f !== void 0 ? _f : null }) });
-};
-exports.DialogCloseAction = DialogCloseAction;