react-dialogger 1.1.51 → 1.1.53

package/components/DialogWithBackdropWrapper.js

@@ -5,54 +5,9 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var DialogContent_1 = require("./DialogContent");
 var hexToRgb_1 = require("../helpers/hexToRgb");
-var Resizeable_1 = require("../helpers/Resizeable");
-var formik_1 = require("formik");
-var resizeManager = function (dialogRef, dialog) {
-    var _a;
-    dialogRef.current ? dialogRef.current.tabIndex = 0 : undefined; // Odaklanabilir hale getirir
-    (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    if (!(dialog === null || dialog === void 0 ? void 0 : dialog.props.initialOptions.base.resizeable))
-        return;
-    var rs = new Resizeable_1.Resizeable();
-    rs.setContainer(dialogRef, dialog.props.initialOptions);
-    rs.onResizeListener(function (width, height, rect) {
-        var _a;
-        if (typeof ((_a = dialog.props) === null || _a === void 0 ? void 0 : _a.resizeListener) === "function") {
-            dialog.props.resizeListener({ width: width, height: height, rect: rect }, dialog);
-        }
-    });
-    return rs;
-};
-var DialogWithBackdropWrapper = (0, react_1.forwardRef)(function (_a, ref) {
-    var body = _a.body, header = _a.header, actions = _a.actions, dialog = _a.dialog, dialogRef = _a.dialogRef, headerRef = _a.headerRef, bodyRef = _a.bodyRef, backdropRef = _a.backdropRef, footerRef = _a.footerRef, prevDialogRect = _a.prevDialogRect, snackbarRef = _a.snackbarRef;
-    var resizeableObject = (0, react_1.useState)(resizeManager(dialogRef, dialog))[0];
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        baseZoomEffect: baseZoomEffect
-    }); });
-    dialog.inlineFormikProps = (0, formik_1.useFormik)({
-        initialValues: dialog.props.initialValues,
-        onSubmit: function (values, formikHelpers) { }
-    });
-    // Call only on initialize
-    (0, react_1.useEffect)(function () {
-        return function () {
-            resizeableObject === null || resizeableObject === void 0 ? void 0 : resizeableObject.cleanUp();
-        };
-    }, []);
-    var baseZoomEffect = function () {
-        var _a = dialog.dialogTranslate, lastX = _a.lastX, lastY = _a.lastY;
-        dialogRef.current.animate([
-            // key frames
-            { transform: "translate(".concat(lastX, "px, ").concat(lastY, "px) scale(1)") },
-            { transform: "translate(".concat(lastX, "px, ").concat(lastY, "px) scale(1.01)") },
-            // { boxShadow: `0 0 20px red`},
-            { transform: "translate(".concat(lastX, "px, ").concat(lastY, "px) scale(1)") }
-        ], {
-            // sync options
-            duration: 300,
-            iterations: 1
-        });
-    };
+var DialogContentContextProvider_1 = require("../context/DialogContentContextProvider");
+var DialogWithBackdropWrapper = function () {
+    var _a = (0, react_1.useContext)(DialogContentContextProvider_1.DialogContentContext), dialog = _a.dialog, backdropRef = _a.backdropRef, baseZoomEffect = _a.baseZoomEffect;
     var _b = dialog.dialogOptions.backdrop, backgroundColor = _b.backgroundColor, opacity = _b.opacity;
     var bgCl = (0, hexToRgb_1.hexToRgb)(backgroundColor, opacity);
     return (0, jsx_runtime_1.jsx)("div", { className: "dialog-backdrop dialog-backdrop-show", ref: backdropRef, style: {
@@ -67,6 +22,6 @@ var DialogWithBackdropWrapper = (0, react_1.forwardRef)(function (_a, ref) {
                 return;
             }
             baseZoomEffect();
-        }, children: (0, jsx_runtime_1.jsx)(DialogContent_1.DialogContent, { body: body, header: header, actions: actions, dialogRef: dialogRef, headerRef: headerRef, bodyRef: bodyRef, footerRef: footerRef, backdropRef: backdropRef, dialogOptions: dialog.dialogOptions, dialog: dialog, resizeableObject: resizeableObject, prevDialogRect: prevDialogRect, snackbarRef: snackbarRef }) });
-});
+        }, children: (0, jsx_runtime_1.jsx)(DialogContent_1.DialogContent, {}) });
+};
 exports.DialogWithBackdropWrapper = DialogWithBackdropWrapper;

package/components/Features/DialogFullscreenAction.js

@@ -12,6 +12,7 @@ var context_1 = require("../../context");
 var helpers_1 = require("../../helpers");
 var DialogFullscreenAction = function () {
     var _a, _b, _c, _d, _e, _f, _g, _h;
+    // use this owned context while setFullscreen mode declared
     var _j = (0, react_1.useContext)(context_1.DialogHeaderFooterContext), dialog = _j.dialog, setFullscreen = _j.setFullscreen, fullscreen = _j.fullscreen;
     return (0, jsx_runtime_1.jsx)("div", { className: 'fullscreen-icon-wrapper', onClick: function (event) {
             setFullscreen(!fullscreen);

package/components/utils/resizeManager.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import DialogBase from "../DialogBase";
+import { Resizeable } from "../../helpers/Resizeable";
+declare const resizeManager: (dialogRef: React.RefObject<HTMLDivElement>, dialog: DialogBase<any>) => Resizeable | null;
+export { resizeManager };

package/components/utils/resizeManager.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resizeManager = void 0;
+var Resizeable_1 = require("../../helpers/Resizeable");
+var resizeManager = function (dialogRef, dialog) {
+    var _a;
+    dialogRef.current ? dialogRef.current.tabIndex = 0 : undefined; // Odaklanabilir hale getirir
+    (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    if (!(dialog === null || dialog === void 0 ? void 0 : dialog.props.initialOptions.base.resizeable))
+        return;
+    var rs = new Resizeable_1.Resizeable();
+    rs.setContainer(dialogRef, dialog.props.initialOptions);
+    rs.onResizeListener(function (width, height, rect) {
+        var _a;
+        if (typeof ((_a = dialog.props) === null || _a === void 0 ? void 0 : _a.resizeListener) === "function") {
+            dialog.props.resizeListener({ width: width, height: height, rect: rect }, dialog);
+        }
+    });
+    return rs;
+};
+exports.resizeManager = resizeManager;

package/context/DialogContentContextProvider.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { DialogContentContextProviderProps, DialogContentContextProviderSharedProps } from "../types/DialogContentContextTypes";
+export declare const DialogContentContext: React.Context<DialogContentContextProviderSharedProps>;
+declare const DialogContentContextProvider: React.FC<DialogContentContextProviderProps>;
+export default DialogContentContextProvider;

package/context/DialogContentContextProvider.js

@@ -0,0 +1,106 @@
+"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);
+};
+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;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogContentContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var resizeManager_1 = require("../components/utils/resizeManager");
+var formik_1 = require("formik");
+exports.DialogContentContext = react_1.default.createContext(null);
+var DialogContentContextProvider = function (props) {
+    var dialogBase = props.dialogBase, children = props.children, 
+    // dialogRef,
+    // headerRef,
+    // bodyRef,
+    // footerRef,
+    // backdropRef,
+    // snackbarRef,
+    // prevDialogRect,
+    restProps = __rest(props, ["dialogBase", "children"]);
+    var resizeableObject = (0, react_1.useState)((0, resizeManager_1.resizeManager)(props.dialogRef, props.dialogBase))[0];
+    // const bounds = props.dialogBase.dialogOptions.base?.memoBounds ? getDialogBounds(dialogBase.dialogOptions.base.id) : null;
+    var baseZoomEffect = function () {
+        var _a = props.dialogBase.dialogTranslate, lastX = _a.lastX, lastY = _a.lastY;
+        props.dialogRef.current.animate([
+            // key frames
+            { transform: "translate(".concat(lastX, "px, ").concat(lastY, "px) scale(1)") },
+            { transform: "translate(".concat(lastX, "px, ").concat(lastY, "px) scale(1.01)") },
+            // { boxShadow: `0 0 20px red`},
+            { transform: "translate(".concat(lastX, "px, ").concat(lastY, "px) scale(1)") }
+        ], {
+            // sync options
+            duration: 300,
+            iterations: 1
+        });
+    };
+    var _a = react_1.default.useState(false), inProcess = _a[0], setInProcess = _a[1];
+    var values = __assign({ baseZoomEffect: baseZoomEffect, dialog: dialogBase, 
+        // bounds,
+        resizeableObject: resizeableObject }, restProps);
+    // Call only on initialize
+    (0, react_1.useEffect)(function () {
+        return function () {
+            resizeableObject === null || resizeableObject === void 0 ? void 0 : resizeableObject.cleanUp();
+        };
+    }, []);
+    props.dialogBase.inlineFormikProps = (0, formik_1.useFormik)({
+        initialValues: props.dialogBase.props.initialValues,
+        onSubmit: function (values, formikHelpers) { }
+    });
+    return (0, jsx_runtime_1.jsx)(exports.DialogContentContext.Provider, { value: values, children: children });
+};
+exports.default = DialogContentContextProvider;

package/helpers/dialogBoundsMemoize.js

@@ -46,7 +46,7 @@ var dialogRegister = function (dialogId, initialBounds) {
     };
     // To RAM
     initDialogMemoizeBounds_1.registeredDialogs.set(combined.join('-'), newDialogBounds);
-    console.log('dialogRegister_combined', newDialogBounds, combined.join('-'), initDialogMemoizeBounds_1.registeredDialogs, Array.from(initDialogMemoizeBounds_1.registeredDialogs));
+    console.log('dialogRegister_combined', initialBounds, newDialogBounds, combined.join('-'), initDialogMemoizeBounds_1.registeredDialogs, Array.from(initDialogMemoizeBounds_1.registeredDialogs));
     // To Store
     try {
         window.localStorage.setItem(initDialogMemoizeBounds_1.BOUNDS_STORE_KEY, JSON.stringify(Array.from(initDialogMemoizeBounds_1.registeredDialogs)));

package/models/Dialog.js

@@ -150,7 +150,7 @@ var Dialog = /** @class */ (function () {
             // Refs
             headerRef: this._headerRef, 
             // Listeners
-            stateListener: this._stateListener, keyboardListener: this._keyboardListener, resizeListener: this._resizeListener, 
+            stateListener: this._stateListener, keyboardListener: this._keyboardListener, resizeListener: this._resizeListener, processingListener: this._processingListener, 
             // Others
             dialogSize: this._dialogSize, initialHolder: this._initialHolder, snackbarAnchor: this._snackbarAnchor, root: root, dom: dom, parent: this }, this._apiRef ? { ref: this._apiRef } : null), { onClose: this._onCloseCallback });
         // @ts-ignore

package/models/DialogAction.d.ts

@@ -1,9 +1,25 @@
-import { TDialogStateListenerForActionCallbackType, DialogActionOptionsType, DialogActionType } from "../types/DialogActionTypes";
+import { TDialogStateListenerForActionCallbackType, DialogActionOptionsType, DialogActionType, ActionIntentType } from "../types/DialogActionTypes";
 import DialogActionBase from "../components/DialogActionBase";
 declare const ActionProgress: () => import("react/jsx-runtime").JSX.Element;
 export { ActionProgress };
+export declare const ACTION_INTENTS: {
+    readonly positive: {
+        readonly color: "primary";
+        readonly variant: "contained";
+    };
+    readonly negative: {
+        readonly color: "error";
+        readonly variant: "contained";
+    };
+    readonly neutral: {
+        readonly variant: "text";
+        readonly color: "primary";
+    };
+};
 declare class DialogAction extends DialogActionBase {
     constructor(name: string, options?: DialogActionOptionsType);
+    setIntent(intent: ActionIntentType): this;
+    getIntent(): import("../types/DialogActionTypes").ActionIntent;
     setOptions: (options: DialogActionOptionsType) => this;
     get options(): DialogActionOptionsType;
     get name(): string;

package/models/DialogAction.js

@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogAction = exports.ActionProgress = void 0;
+exports.DialogAction = exports.ACTION_INTENTS = exports.ActionProgress = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var DialogActionBase_1 = __importDefault(require("../components/DialogActionBase"));
 var components_1 = require("../components");
@@ -37,6 +37,20 @@ var ActionProgress = function () {
     return (0, jsx_runtime_1.jsx)(components_1.CircularProgress, { size: 20, inProcess: { inProcess: true } });
 };
 exports.ActionProgress = ActionProgress;
+exports.ACTION_INTENTS = {
+    positive: {
+        color: 'primary',
+        variant: 'contained',
+    },
+    negative: {
+        color: 'error',
+        variant: 'contained',
+    },
+    neutral: {
+        variant: 'text',
+        color: 'primary',
+    },
+};
 var DialogAction = /** @class */ (function (_super) {
     __extends(DialogAction, _super);
     function DialogAction(name, options) {
@@ -49,57 +63,6 @@ var DialogAction = /** @class */ (function (_super) {
             _super.prototype.onClick.call(_this, callback);
             return _this;
         };
-        // /**
-        //  * @deprecated
-        //  * @see onClickHandler */
-        // public getAction(): DialogActionType {
-        //     return this._onClick;
-        // }
-        // /**
-        //  * @deprecated
-        //  * @see DialogActionOptionsType
-        //  * @info Define this prop inside new DialogAction('varName', {>here<})*/
-        // setVariant = ( variant: TBVariant): this => {
-        //     if( this._baseDialogAction?.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;
-        // }
-        // getVariant = (): TBVariant => {
-        //     if( this._baseDialogAction?.dialogBaseComponent.parent.accessFrom === "internal"){
-        //         return this._baseDialogAction.getVariant();
-        //     }
-        //     return this._options.variant;
-        // }
-        // /**
-        //  * @deprecated
-        //  * @see DialogActionOptionsType
-        //  * @info Define this prop inside new DialogAction('varName', {>here<})*/
-        // setColor = ( color: TBColor): this => {
-        //     if( this._baseDialogAction?.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;
-        // }
-        //
-        // getColor = (): TBColor => {
-        //     if( this._baseDialogAction?.dialogBaseComponent.parent.accessFrom === "internal"){
-        //         return this._baseDialogAction.getColor();
-        //     }
-        //     return this._options.color;
-        // }
         /**
          * Only from init */
         _this.stateListener = function (listener) {
@@ -108,15 +71,23 @@ var DialogAction = /** @class */ (function (_super) {
         };
         _this._name = name;
         var defaultOptions = {
-            label: 'Button',
+            label: null,
             variant: 'contained',
             color: 'default',
             disabled: false,
             prevDisabled: false
         };
         _this._options = __assign(__assign({}, defaultOptions), (options !== null && options !== void 0 ? options : {}));
+        _this._intent = null;
         return _this;
     }
+    DialogAction.prototype.setIntent = function (intent) {
+        this._intent = exports.ACTION_INTENTS[intent];
+        return this;
+    };
+    DialogAction.prototype.getIntent = function () {
+        return this._intent;
+    };
     Object.defineProperty(DialogAction.prototype, "options", {
         get: function () {
             return this._options;

package/models/baseDialogOptions.js

@@ -12,6 +12,19 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.baseDialogOptions = void 0;
+/**
+ * R*E*A*D*M*E
+ * 🔥 LocalText
+ * Automatic Action Label Resolution
+ * If a DialogAction is created without providing options.label, Dialogger automatically resolves the action label based on the action name.
+ * The resolution flow works as follows:
+ * The action’s name is used as the source (e.g. okAction, cancelAction).
+ * The Action suffix is automatically removed.
+ * A semantic key is derived (e.g. ok, cancel).
+ * This key is looked up in the localText (i18n) dictionary.
+ * If a matching entry exists, the label is resolved from localText.
+ * If no entry is found, the semantic key itself is used as a fallback label.
+ * */
 /**
  * BASE (immutable template)
  */
@@ -49,6 +62,12 @@ var BASE_DIALOG_OPTIONS = {
     slotProps: {
         action: {},
     },
+    localText: {
+        // Static
+        busyMessage: "Please wait...",
+        // Dynamic
+        // It's free declaration
+    }
 };
 window["dialogOptions"] = structuredClone(BASE_DIALOG_OPTIONS);
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.51",
+  "version": "1.1.53",
   "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

@@ -201,7 +201,7 @@
 }
 
 .dialog-main {
-  top: 20px;
+  top: 100px;
   box-shadow: 0 0 20px #252525;
   border-radius: 10px;
   background-color: white;

package/types/DialogActionTypes.d.ts

@@ -5,9 +5,10 @@ import DialogActionBase from "../components/DialogActionBase";
 import { CSSProperties } from "react";
 import * as React from "react";
 import { DialogAction } from "../models";
+import { ACTION_INTENTS } from "../models/DialogAction";
 export type ActionDialogDef = Omit<IDialogApiDef, 'switchFullScreen'>;
 export type ActionDef = Pick<DialogAction, 'onClick' | 'setOptions' | 'name'>;
-export type ActionBaseDef = Pick<DialogActionBase, 'setOptions' | 'setInProcess' | 'getLabel' | 'options' | 'click' | 'remove' | 'name'>;
+export type ActionBaseDef = Pick<DialogActionBase, 'updateOptions' | 'setInProcess' | 'getLabel' | 'options' | 'click' | 'remove' | 'name'>;
 export interface IDialogActionDef extends ActionBaseDef {
 }
 export type DialogActionType = (button: ActionBaseDef, dialog: Omit<IDialogApiDef, 'switchFullScreen'>) => void;
@@ -45,10 +46,12 @@ export interface ActionProps {
     baseStyle?: CSSProperties;
     fontFamily?: string;
     stateListener?: TDialogStateListenerForActionCallbackType;
+    intent: ActionIntent;
 }
 export interface ActionState {
     isRippling: boolean;
     coords: ICoords;
+    intent: ActionIntent;
 }
 export type TBVariant = "contained" | "outlined" | "text";
 export type TBColor = "primary" | "success" | "error" | "warning" | "info" | "secondary" | "default";
@@ -61,14 +64,16 @@ export type DialogActionOptionsType = {
     style?: React.CSSProperties;
     baseStyle?: React.CSSProperties;
 };
-type TListenerButtonType = Pick<DialogActionBase, Exclude<keyof ActionDef, 'onClick' | 'getStateListener' | 'name'>>;
+type TListenerButtonType = Pick<DialogActionBase, Exclude<keyof ActionDef, 'onClick' | 'getStateListener' | 'name' | 'setOptions'>>;
 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 type ActionIntentType = keyof typeof ACTION_INTENTS;
+export type ActionIntentsType = "positive" | "negative" | "neutral";
+export interface ActionIntent extends Partial<Pick<DialogActionOptionsType, 'variant' | 'color'>> {
+}
 export {};

package/types/DialogActionTypes.js

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

package/types/DialogContentContextTypes.d.ts

@@ -0,0 +1,22 @@
+import { TDialogCallbackFn } from "./DialogTypes";
+import DialogBase from "../components/DialogBase";
+import { ReactNode, RefObject } from "react";
+import { BaseDialogDOMRect } from "./types";
+import { Resizeable } from "../helpers/Resizeable";
+export interface DialogContentContextProviderProps {
+    dialogBase: DialogBase<any>;
+    body: TDialogCallbackFn<ReturnType<any>>;
+    dialogRef: RefObject<any>;
+    headerRef: RefObject<any>;
+    bodyRef: RefObject<any>;
+    footerRef: RefObject<any>;
+    backdropRef: RefObject<any>;
+    snackbarRef: RefObject<any>;
+    prevDialogRect: BaseDialogDOMRect;
+    children: ReactNode;
+}
+export interface DialogContentContextProviderSharedProps extends Partial<Pick<DialogContentContextProviderProps, 'dialogRef' | 'headerRef' | 'bodyRef' | 'footerRef' | 'backdropRef' | 'snackbarRef' | 'prevDialogRect'>> {
+    baseZoomEffect: () => void;
+    dialog: DialogBase<any>;
+    resizeableObject: Resizeable | null;
+}

package/types/DialogContentContextTypes.js

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

package/types/DialogTypes.d.ts

@@ -7,7 +7,7 @@ import { FormikProps } from "formik";
 import { RefObject } from "react";
 import { DialogAction } from "../models";
 import { Resizeable } from "../helpers/Resizeable";
-import { DialogContentFooterReturnType } from "./DialogActionTypes";
+import { ActionIntentsType, DialogContentFooterReturnType } from "./DialogActionTypes";
 import { SnackbarKey, VariantType } from "notistack";
 export interface TBaseDialogState {
     [K: string]: any;
@@ -37,6 +37,7 @@ export interface BaseDialogProps {
     root?: any;
     keyboardListener: (key: string, dialog: IDialogApiDef) => void;
     resizeListener?: (size: IDialogSize, dialog: IDialogApiDef) => void;
+    processingListener?: (inProcess: boolean) => void;
 }
 export interface IDialogSize {
     width?: ITypeWidth | number;
@@ -51,13 +52,20 @@ interface IDialogOptionsType {
         anchorOrigin?: ISnackbarAnchor;
         autoHideDuration?: number | null;
         maxSnack?: number;
+        /**@deprecated
+         * @link IDialogOptionsType['localText']*/
         busyMessage?: string;
     };
     animate: 'jumper' | 'none';
     slot?: kSlot;
     slotProps?: kSlotProps;
+    localText?: {
+        busyMessage?: string;
+        [k: string]: any;
+    };
+    actionsIntents?: ActionIntentsType;
 }
-export type DialogOptionsType = Partial<Pick<IDialogOptionsType, 'base' | 'snackbar' | 'backdrop' | 'slotProps' | 'slot' | 'animate' | 'progress'>>;
+export type DialogOptionsType = Partial<Pick<IDialogOptionsType, 'base' | 'snackbar' | 'backdrop' | 'slotProps' | 'slot' | 'animate' | 'progress' | 'localText' | 'actionsIntents'>>;
 interface kSlot {
     action?: React.JSXElementConstructor<any>;
     footer?: React.JSXElementConstructor<any>;
@@ -120,13 +128,13 @@ export interface BaseDialogSlotProps {
 }
 export interface IStateDef extends Pick<BaseDialogState, "values" | "fullscreenMode" | "inProcess"> {
 }
-export interface IListenerDialogDef extends Omit<IDialogApiDef, "state" | "values" | "setValues"> {
+export interface IListenerDialogDef extends Omit<IDialogApiDef, "values" | "setValues"> {
 }
 export type TDialogStateListenerCallbackType = (values: FormikProps<any>['values'], dialog: IListenerDialogDef) => void;
-export type TDialogCallbackFn<T = React.ReactNode> = (dialog: IDialogApiDef) => T;
+export type TDialogCallbackFn<T = React.ReactNode | React.ReactElement> = (dialog: IDialogApiDef) => T;
 export type TDialogHeader = TDialogCallbackFn | React.ReactNode | React.JSX.Element;
 export type TDialogCallbackVoidFn = TDialogCallbackFn<void>;
-export interface IDialogApiDef extends Pick<DialogBase<any>, 'isInProcess' | 'setInProcess' | 'values' | 'setValue' | 'setValues' | 'close' | 'dialogOptions' | 'actions' | 'snackbar' | 'formikValidate' | 'formikProps' | 'focus' | 'updateBody'> {
+export interface IDialogApiDef extends Pick<DialogBase<any>, 'isInProcess' | 'setInProcess' | 'values' | 'setValue' | 'setValues' | 'close' | 'dialogOptions' | 'actions' | 'snackbar' | 'formikValidate' | 'formikProps' | 'focus' | 'updateBody' | 'processingListener' | 'addFeature' | 'getFeature'> {
 }
 export interface IDialogCloseRef extends Pick<DialogBase<any>, 'close'> {
 }