react-dialogger 1.1.51 → 1.1.52

package/components/DialogBase.d.ts

@@ -38,6 +38,7 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
     private readonly _dialogWithBackDropRef;
     protected readonly _parent: Dialog;
     private _accessFrom;
+    private _processingListener;
     constructor(props?: Readonly<BaseDialogProps>);
     get parent(): Dialog;
     get dialogTranslate(): {
@@ -66,6 +67,7 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
         [key: string]: Pick<DialogActionBase, "setOptions" | "setInProcess" | "getLabel" | "options" | "click" | "remove" | "name">;
     };
     updateBody(body: TDialogCallbackFn): void;
+    processingListener(listener: (inProcess: boolean) => void): this;
     getDom: () => HTMLDivElement;
     get snackbar(): {
         open: (message: string, severity: TSeverity, key?: string, action?: ((key: string, snackbarRef: any) => ReactNode | void), autoHideDuration?: number | null) => void;

package/components/DialogBase.js

@@ -126,6 +126,9 @@ var DialogBase = /** @class */ (function (_super) {
             if (!process) {
                 _this.snackbar.close("kInProcess");
             }
+            if (typeof _this._processingListener === "function") {
+                _this._processingListener(process);
+            }
             // @ts-ignore
             (_c = _this._footerRef.current) === null || _c === void 0 ? void 0 : _c.setProcessing(process);
             return _this;
@@ -219,6 +222,7 @@ var DialogBase = /** @class */ (function (_super) {
         _this._initialValues = props.initialValues;
         _this._dialogWithBackDropRef = (0, react_1.createRef)();
         _this._parent = props.parent;
+        _this._processingListener = props.processingListener;
         console.log('this._dialogOptions', _this._dialogOptions);
         return _this;
     }
@@ -397,6 +401,11 @@ var DialogBase = /** @class */ (function (_super) {
         var _this = this;
         this.setState(function (prevState) { return (__assign(__assign({}, _this.state), { body: body })); });
     };
+    DialogBase.prototype.processingListener = function (listener) {
+        // @ts-ignore
+        this._processingListener = listener;
+        return this;
+    };
     Object.defineProperty(DialogBase.prototype, "snackbar", {
         // Reference: https://notistack.com/api-reference#mutual-props
         get: function () {

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/package.json

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

@@ -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;
@@ -120,13 +121,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 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'> {
 }
 export interface IDialogCloseRef extends Pick<DialogBase<any>, 'close'> {
 }