react-dialogger 1.1.47 → 1.1.48

package/components/DialogBase.d.ts

@@ -29,7 +29,7 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
     protected readonly _snackbarRef: RefObject<any>;
     protected _dialogSize: IDialogSize;
     protected _holder?: TInitialHolder;
-    protected readonly _formikProps: React.RefObject<FormikProps<any>>;
+    protected _formikProps: FormikProps<any>;
     _dialogTranslate: {
         lastX: number;
         lastY: number;

package/components/DialogBase.js

@@ -65,9 +65,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogHeaderFooterContext = exports.WithHeaderFooterContext = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-// import {JSX} from "react";
-// import {FormikProps} from "../types/FormikProps";
-var formik_1 = require("formik");
 var React = __importStar(require("react"));
 var react_draggable_1 = __importDefault(require("react-draggable"));
 var notistack_1 = require("notistack");
@@ -352,7 +349,7 @@ var DialogBase = /** @class */ (function (_super) {
                         return;
                     }
                     _this.baseZoomEffect();
-                }, children: (0, jsx_runtime_1.jsx)(DialogContent_1.DialogContent, { body: body, header: header, actions: actions, dialogRef: _this._dialogRef, footerRef: _this._footerRef, backdropRef: _this._backdropRef, dialogOptions: _this.dialogOptions, dom: _this._dom, keyboardListener: _this._keyboardListener, dialog: _this, initialValues: _this._initialValues, formikProps: _this._formikProps }) });
+                }, children: (0, jsx_runtime_1.jsx)(DialogContent_1.DialogContent, { body: body, header: header, actions: actions, dialogRef: _this._dialogRef, footerRef: _this._footerRef, backdropRef: _this._backdropRef, dialogOptions: _this.dialogOptions, dom: _this._dom, keyboardListener: _this._keyboardListener, dialog: _this }) });
         };
         _this.switchFullScreen = function () {
             if (!_this.state.fullscreenMode) {
@@ -538,16 +535,16 @@ var DialogBase = /** @class */ (function (_super) {
         };
         // TODO Content
         _this.Content = function (_a) {
+            // this._formikProps = useFormik({
+            //     enableReinitialize: true,
+            //     initialValues: this._initialValues,
+            //     onSubmit: (values, formikHelpers) => {
+            //         // No Necessary
+            //     }
+            // });
             var _b;
             var _c, _d;
             var body = _a.body, header = _a.header, actions = _a.actions;
-            _this._formikProps.current = (0, formik_1.useFormik)({
-                enableReinitialize: true,
-                initialValues: _this._initialValues,
-                onSubmit: function (values, formikHelpers) {
-                    // No Necessary
-                }
-            });
             if (_this._dialogRef.current) {
                 // Öncelikle ref'i al ve input elemanlarını bul
                 var inputElements = _this._dialogRef.current.querySelectorAll("input");
@@ -683,7 +680,6 @@ var DialogBase = /** @class */ (function (_super) {
         var base = _this._dialogOptions.base;
         var memoBounds = base.memoBounds;
         _this._storedBounds = ((_b = _this._dialogOptions.base) === null || _b === void 0 ? void 0 : _b.memoBounds) ? (0, helpers_1.getDialogBounds)(base) : null;
-        _this._formikProps = (0, react_1.createRef)();
         return _this;
     }
     Object.defineProperty(DialogBase.prototype, "parent", {
@@ -726,10 +722,10 @@ var DialogBase = /** @class */ (function (_super) {
         //     return super.state
         // }
         get: function () {
-            return this._formikProps.current;
+            return this._formikProps;
         },
         set: function (value) {
-            this._formikProps.current = value;
+            this._formikProps = value;
         },
         enumerable: false,
         configurable: true
@@ -821,7 +817,8 @@ var DialogBase = /** @class */ (function (_super) {
             }).then(function (completed) {
                 if (completed) {
                     // @ts-ignore
-                    _this.props.didMountCallback(_this);
+                    // this.props.didMountCallback( this )
+                    // didMount (show) Callback fired by DialogContent->useEffect
                 }
             });
         }

package/components/DialogContent.d.ts

@@ -14,8 +14,9 @@ interface IContentProps {
     dom: HTMLDivElement;
     keyboardListener: BaseDialogProps['keyboardListener'];
     dialog: DialogBase<any>;
-    initialValues: BaseDialogProps['initialValues'];
-    formikProps: React.RefObject<FormikProps<any>>;
 }
 declare const DialogContent: React.FC<IContentProps>;
+export declare const DialogContentContext: React.Context<{
+    formikProps: FormikProps<any>;
+}>;
 export { DialogContent };

package/components/DialogContent.js

@@ -48,7 +48,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _this = this;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogContent = void 0;
+exports.DialogContent = exports.DialogContentContext = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_draggable_1 = __importDefault(require("react-draggable"));
 var helpers_1 = require("../helpers");
@@ -59,6 +59,7 @@ var DialogContentHeader_1 = require("./DialogContentHeader");
 var DialogContentBody_1 = require("./DialogContentBody");
 var DialogContenFooter_1 = require("./DialogContenFooter");
 var formik_1 = require("formik");
+var react_1 = require("react");
 var WithSnackbar = function (props) {
     return (0, jsx_runtime_1.jsx)(notistack_1.SnackbarProvider, { ref: props.snackbarRef, maxSnack: props.maxSnack, children: props.children });
 };
@@ -78,18 +79,13 @@ var dialogAutoPos = function () {
 var DialogContent = function (_a) {
     var _b;
     var _c, _d, _e;
-    var body = _a.body, header = _a.header, actions = _a.actions, dialogRef = _a.dialogRef, footerRef = _a.footerRef, dialogOptions = _a.dialogOptions, dom = _a.dom, backdropRef = _a.backdropRef, keyboardListener = _a.keyboardListener, dialog = _a.dialog, initialValues = _a.initialValues, formikProps = _a.formikProps;
+    var body = _a.body, header = _a.header, actions = _a.actions, dialogRef = _a.dialogRef, footerRef = _a.footerRef, dialogOptions = _a.dialogOptions, dom = _a.dom, backdropRef = _a.backdropRef, keyboardListener = _a.keyboardListener, dialog = _a.dialog;
     var position = dialogAutoPos();
     var snackbarRef = React.useRef(null);
     var _f = React.useState(false), fullscreenMode = _f[0], setFullscreenMode = _f[1];
+    // ✨✨✨✨
+    var dialogBodyRef = (0, react_1.useRef)(null);
     var baseOptions = dialogOptions.base;
-    formikProps.current = (0, formik_1.useFormik)({
-        // enableReinitialize: true,
-        initialValues: initialValues,
-        onSubmit: function (values, formikHelpers) {
-            // No Necessary
-        }
-    });
     // dialog.formikProps = formikProps;
     if (dialogRef.current) {
         // Öncelikle ref'i al ve input elemanlarını bul
@@ -113,6 +109,11 @@ var DialogContent = function (_a) {
     var bounds = ((_c = dialogOptions.base) === null || _c === void 0 ? void 0 : _c.memoBounds) ? (0, helpers_1.getDialogBounds)(base) : null;
     // console.log('MAIN DOM', window.getComputedStyle(this.props.dom).zIndex);
     var domZIndex = window.getComputedStyle(dialog.getDom()).zIndex;
+    (0, react_1.useEffect)(function () {
+        var _a;
+        console.log('DialogContent_Runned', '');
+        dialog.props.didMountCallback(dialog, (_a = dialogBodyRef.current) === null || _a === void 0 ? void 0 : _a.formikProps);
+    }, []);
     // Burda kaldik
     return (0, jsx_runtime_1.jsx)(react_draggable_1.default, { disabled: !baseOptions.draggable || fullscreenMode, axis: 'both', handle: baseOptions.draggable ? '.drag-handle' : '', scale: 1, ref: backdropRef, onDrag: function (event, data) {
             event.stopPropagation();
@@ -138,11 +139,23 @@ var DialogContent = function (_a) {
                 }
             }, 
             // className={this._dialogSize.width === 'auto' ? 'auto' : `dialog-width-${this._dialogSize.width} dialog-main show-opacity show-position-${this._dialogOptions.base.initialAnchor.vertical}`}
-            className: baseOptions.size.width === 'auto' ? 'auto' : "dialog-width-".concat(dialogOptions.base.size.width, " dialog-main show-opacity show-position-").concat(baseOptions.initialAnchor.vertical), style: __assign(__assign(__assign(__assign(__assign({ alignSelf: baseOptions.initialAnchor.vertical, height: (_d = baseOptions.size.height) !== null && _d !== void 0 ? _d : 'auto' }, typeof baseOptions.size.width === "number" ? { width: baseOptions.size.width } : null), (_b = { outline: 'none' }, _b[yKey] = position.top + 'px', _b[xKey] = position.left + 'px', _b)), baseOptions.style), { fontFamily: (_e = baseOptions.style.fontFamily) !== null && _e !== void 0 ? _e : 'Arial' }), bounds ? { position: 'absolute', top: bounds.y, left: bounds.x, width: bounds.width, height: bounds.height } : null), children: [(0, jsx_runtime_1.jsxs)(WithSnackbar, { snackbarRef: snackbarRef, maxSnack: dialogOptions.snackbar.maxSnack, children: [(header || dialogOptions.slot.header) && (0, jsx_runtime_1.jsx)(DialogContentHeader_1.DialogContentHeader, { header: header, 
-                            // dialogOptions={dialogOptions}
-                            dialog: dialog }), (0, jsx_runtime_1.jsx)(DialogContentBody_1.DialogContentBody, { dialog: dialog, body: body }), (0, jsx_runtime_1.jsx)(DialogContenFooter_1.DialogContentFooter, { dialog: dialog, ref: footerRef, actions: actions })] }), (baseOptions.resizeable) &&
+            className: baseOptions.size.width === 'auto' ? 'auto' : "dialog-width-".concat(dialogOptions.base.size.width, " dialog-main show-opacity show-position-").concat(baseOptions.initialAnchor.vertical), style: __assign(__assign(__assign(__assign(__assign({ alignSelf: baseOptions.initialAnchor.vertical, height: (_d = baseOptions.size.height) !== null && _d !== void 0 ? _d : 'auto' }, typeof baseOptions.size.width === "number" ? { width: baseOptions.size.width } : null), (_b = { outline: 'none' }, _b[yKey] = position.top + 'px', _b[xKey] = position.left + 'px', _b)), baseOptions.style), { fontFamily: (_e = baseOptions.style.fontFamily) !== null && _e !== void 0 ? _e : 'Arial' }), bounds ? { position: 'absolute', top: bounds.y, left: bounds.x, width: bounds.width, height: bounds.height } : null), children: [(0, jsx_runtime_1.jsx)(DialogContentContextProvider, { initialValues: dialog.values, children: function (formikProps) { return ((0, jsx_runtime_1.jsxs)(WithSnackbar, { snackbarRef: snackbarRef, maxSnack: dialogOptions.snackbar.maxSnack, children: [(header || dialogOptions.slot.header) && ((0, jsx_runtime_1.jsx)(DialogContentHeader_1.DialogContentHeader, { header: header, dialog: dialog, dialogBodyRef: dialogBodyRef })), (0, jsx_runtime_1.jsx)(DialogContentBody_1.DialogContentBody, { ref: dialogBodyRef, dialog: dialog, body: body, formikProps: formikProps }), (0, jsx_runtime_1.jsx)(DialogContenFooter_1.DialogContentFooter, { dialog: dialog, ref: footerRef, actions: actions })] })); } }), (baseOptions.resizeable) &&
                     (0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "resizable-handle", style: {
                                 zIndex: parseInt(domZIndex) + 1
                             }, onMouseDown: dialog.Resizeable.resizeHandleMouseDown, children: (0, jsx_runtime_1.jsx)(ResizeIcon_1.default, { color: '#286e94' }) }) })] }) });
 };
 exports.DialogContent = DialogContent;
+exports.DialogContentContext = React.createContext(null);
+var DialogContentContextProvider = function (_a) {
+    var children = _a.children, initialValues = _a.initialValues;
+    var formikProps = (0, formik_1.useFormik)({
+        // enableReinitialize: true,
+        initialValues: initialValues,
+        onSubmit: function (values, formikHelpers) {
+            // No Necessary
+        }
+    });
+    return ((0, jsx_runtime_1.jsx)(exports.DialogContentContext.Provider, { value: { formikProps: formikProps }, children: typeof children === "function"
+            ? children(formikProps)
+            : children }));
+};

package/components/DialogContentBody.d.ts

@@ -1,9 +1,12 @@
 import * as React from "react";
 import { TDialogCallbackNodeFn } from "../types/DialogTypes";
 import DialogBase from "./DialogBase";
+import { FormikProps } from "formik";
 interface IContentBodyProps {
     body: TDialogCallbackNodeFn;
     dialog: DialogBase<any>;
+    ref: React.RefObject<any>;
+    formikProps: FormikProps<any>;
 }
 declare const DialogContentBody: React.FC<IContentBodyProps>;
 export { DialogContentBody };

package/components/DialogContentBody.js

@@ -1,7 +1,42 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogContentBody = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var React = __importStar(require("react"));
+var react_1 = require("react");
 var Placeholder = function (_a) {
     var dialogOptions = _a.dialogOptions, placeholder = _a.placeholder;
     var bgColor = dialogOptions.base.style.backgroundColor ?
@@ -14,11 +49,28 @@ var Placeholder = function (_a) {
             display: placeholder ? 'flex' : 'none',
         }, children: placeholder });
 };
-var DialogContentBody = function (_a) {
-    var body = _a.body, dialog = _a.dialog;
+var DialogContentBody = React.forwardRef(function (_a, ref) {
+    var body = _a.body, dialog = _a.dialog, formikProps = _a.formikProps;
     console.log('DialogContentBody', dialog);
+    // const formikProps = useFormik({
+    //     // enableReinitialize: true,
+    //     initialValues: dialog.values,
+    //     onSubmit: (values, formikHelpers) => {
+    //         // No Necessary
+    //     }
+    // });
+    //
+    // useImperativeHandle( ref, () => ({
+    //     formikProps
+    // }));
+    // const {
+    //     formikProps
+    // } = useContext(DialogContentContext);
+    (0, react_1.useEffect)(function () {
+        dialog.props.didMountCallback(dialog, formikProps);
+    }, []);
     if (body instanceof Function) {
-        return (0, jsx_runtime_1.jsxs)("div", { className: 'dialog-body', style: { height: '100%' }, children: [dialog.holder && (0, jsx_runtime_1.jsx)(Placeholder, { dialogOptions: dialog.dialogOptions, placeholder: dialog.holder }), body(dialog)] });
+        return (0, jsx_runtime_1.jsxs)("div", { className: 'dialog-body', style: { height: '100%' }, children: [dialog.holder && (0, jsx_runtime_1.jsx)(Placeholder, { dialogOptions: dialog.dialogOptions, placeholder: dialog.holder }), body(dialog, formikProps)] });
     }
     return (0, jsx_runtime_1.jsx)("div", { className: 'dialog-body', style: { height: '100%', padding: 10 }, children: dialog.holder ?
             // this.Placeholder(this._holder)
@@ -26,5 +78,5 @@ var DialogContentBody = function (_a) {
             :
                 //@ts-ignore
                 body });
-};
+});
 exports.DialogContentBody = DialogContentBody;

package/components/DialogContentHeader.d.ts

@@ -1,9 +1,13 @@
 import { TDialogCallbackNodeFn } from "../types/DialogTypes";
 import * as React from "react";
 import DialogBase from "./DialogBase";
+import { FormikProps } from "formik";
 interface IContentHeaderProps {
     header: TDialogCallbackNodeFn;
     dialog: DialogBase<any>;
+    dialogBodyRef: React.RefObject<{
+        formikProps: FormikProps<any>;
+    }>;
 }
 declare const DialogContentHeader: React.FC<IContentHeaderProps>;
 export { DialogContentHeader };

package/components/DialogContentHeader.js

@@ -16,11 +16,20 @@ exports.DialogContentHeader = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Futures_1 = require("./Futures");
 var DialogBase_1 = require("./DialogBase");
+var react_1 = require("react");
+var DialogContent_1 = require("./DialogContent");
 var DialogContentHeader = function (_a) {
-    var _b, _c, _d, _e;
-    var header = _a.header, dialog = _a.dialog;
+    var _b, _c, _d, _e, _f;
+    var header = _a.header, dialog = _a.dialog, dialogBodyRef = _a.dialogBodyRef;
     var state = dialog.state, dialogOptions = dialog.dialogOptions;
-    console.log('DialogContentHeader', dialog);
+    // const [formikProps, setFormikProps] = React.useState<FormikProps<any>>(null);
+    //
+    //
+    // useEffect(() => {
+    //     console.log('DialogContentHeader_X', dialogBodyRef);
+    //     setFormikProps(dialogBodyRef.current.formikProps);
+    // }, [dialogBodyRef, dialogBodyRef.current?.formikProps?.values]);
+    var formikProps = (0, react_1.useContext)(DialogContent_1.DialogContentContext).formikProps;
     var baseOptions = dialogOptions.base;
     var CustomHeader = (_b = dialogOptions.slot) === null || _b === void 0 ? void 0 : _b.header;
     var staticProps = {
@@ -28,9 +37,11 @@ var DialogContentHeader = function (_a) {
         dialogOptions: dialogOptions,
         dialog: dialog
     };
-    var headerProps = {};
+    var headerProps = {
+        formikProps: (_c = dialogBodyRef.current) === null || _c === void 0 ? void 0 : _c.formikProps
+    };
     if (dialogOptions.slotProps.header) {
-        headerProps = dialogOptions.slotProps.header(staticProps);
+        headerProps = __assign(__assign({}, headerProps), dialogOptions.slotProps.header(staticProps));
     }
     if (dialogOptions.slot.header) {
         return (0, jsx_runtime_1.jsx)("div", { onDoubleClick: function (event) {
@@ -38,18 +49,19 @@ var DialogContentHeader = function (_a) {
                 if ((_a = dialog === null || dialog === void 0 ? void 0 : dialog.dialogOptions.base) === null || _a === void 0 ? void 0 : _a.fullscreen) {
                     dialog.switchFullScreen();
                 }
-            }, style: (_c = baseOptions === null || baseOptions === void 0 ? void 0 : baseOptions.header) === null || _c === void 0 ? void 0 : _c.style, className: "dialog-header ".concat(baseOptions.draggable && !dialog.state.fullscreenMode ? 'drag-handle' : ''), children: (0, jsx_runtime_1.jsx)(DialogBase_1.WithHeaderFooterContext, { dialog: dialog, children: (0, jsx_runtime_1.jsx)(CustomHeader, __assign({}, staticProps, headerProps, { dialog: _this })) }) });
+            }, style: (_d = baseOptions === null || baseOptions === void 0 ? void 0 : baseOptions.header) === null || _d === void 0 ? void 0 : _d.style, className: "dialog-header ".concat(baseOptions.draggable && !dialog.state.fullscreenMode ? 'drag-handle' : ''), children: (0, jsx_runtime_1.jsx)(DialogBase_1.WithHeaderFooterContext, { dialog: dialog, children: (0, jsx_runtime_1.jsx)(CustomHeader, __assign({}, staticProps, headerProps, { dialog: _this })) }) });
     }
+    console.log('DialogContentHeader_formikProps', formikProps);
     if (header instanceof Function) {
         return (0, jsx_runtime_1.jsxs)("div", { onDoubleClick: function (event) {
                 if (baseOptions.fullscreen) {
                     dialog.switchFullScreen();
                 }
-            }, style: (_d = baseOptions === null || baseOptions === void 0 ? void 0 : baseOptions.header) === null || _d === void 0 ? void 0 : _d.style, className: "dialog-header ".concat(baseOptions.draggable && !dialog.state.fullscreenMode ? 'drag-handle' : ''), children: [header(dialog), (baseOptions.closeable || baseOptions.fullscreen) &&
+            }, style: (_e = baseOptions === null || baseOptions === void 0 ? void 0 : baseOptions.header) === null || _e === void 0 ? void 0 : _e.style, className: "dialog-header ".concat(baseOptions.draggable && !dialog.state.fullscreenMode ? 'drag-handle' : ''), children: [header(dialog, formikProps), (baseOptions.closeable || baseOptions.fullscreen) &&
                     (0, jsx_runtime_1.jsx)(DialogBase_1.WithHeaderFooterContext, { dialog: dialog, children: (0, jsx_runtime_1.jsxs)(Futures_1.DialogHeaderActionsWrapper, { children: [baseOptions.fullscreen &&
                                     (0, jsx_runtime_1.jsx)(Futures_1.DialogFullscreenAction, {}), baseOptions.closeable &&
                                     (0, jsx_runtime_1.jsx)(Futures_1.DialogCloseAction, {}), (0, jsx_runtime_1.jsx)(Futures_1.DialogInfoAction, {})] }) })] });
     }
-    return (0, jsx_runtime_1.jsx)("div", { style: (_e = baseOptions === null || baseOptions === void 0 ? void 0 : baseOptions.header) === null || _e === void 0 ? void 0 : _e.style, className: 'drag-handle dialog-header', children: header });
+    return (0, jsx_runtime_1.jsx)("div", { style: (_f = baseOptions === null || baseOptions === void 0 ? void 0 : baseOptions.header) === null || _f === void 0 ? void 0 : _f.style, className: 'drag-handle dialog-header', children: header });
 };
 exports.DialogContentHeader = DialogContentHeader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.47",
+  "version": "1.1.48",
   "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/types/DialogTypes.d.ts

@@ -4,6 +4,7 @@ import { DialogAction } from "../models/DialogAction";
 import Dialog from "../models/Dialog";
 import { ITypeHeight, ITypeWidth } from "./SizePosTypes";
 import DialogBase from "../components/DialogBase";
+import { FormikProps } from "formik";
 export interface TBaseDialogState {
     [K: string]: any;
 }
@@ -121,7 +122,7 @@ export interface IStateDef extends Pick<BaseDialogState, "values" | "fullscreenM
 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;
+type TDialogCallbackFn<T> = (dialog?: IDialogDef, formikProps?: FormikProps<any>) => T;
 export type TDialogCallbackNodeFn = TDialogCallbackFn<string | React.ReactElement<any>> | 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'> {