react-dialogger 1.1.27 → 1.1.29

package/components/DialogBase.d.ts

@@ -13,6 +13,7 @@ declare class DialogBase extends Component<BaseDialogProps, BaseDialogState> {
     protected _dom: HTMLDivElement;
     protected _innerRef: React.RefObject<any>;
     protected _stateListener: TDialogStateListenerCallbackType;
+    protected _processingListener: (inProcess: boolean) => void;
     protected _keyboardListener: (key: string, dialog: IDialogDef) => void;
     protected _resizeListener: (size: IDialogSize, dialog: IDialogDef) => void;
     protected _initialHolder: TInitialHolder;
@@ -91,6 +92,7 @@ declare class DialogBase extends Component<BaseDialogProps, BaseDialogState> {
     stateListener(listener: TDialogStateListenerCallbackType): DialogBase;
     protected keyboardListener(listener: (key: string, dialog: IDialogDef) => void): DialogBase;
     protected resizeListener(listener: (size: IDialogSize, dialog: IDialogDef) => void): DialogBase;
+    processingListener(listener: (inProcess: boolean) => void): DialogBase;
     protected initialHolder(holder: TInitialHolder): DialogBase;
     protected onClose(callback: TDialogCallbackVoidFn): DialogBase;
     setInProcess_noRef: (process: boolean, message?: string, holder?: TInitialHolder) => DialogBase;

package/components/DialogBase.js

@@ -235,6 +235,8 @@ var DialogBase = /** @class */ (function (_super) {
         _this.isInProcess = function () {
             // return this.state.inProcess;
             return _this._inProcess;
+            // @ts-ignore
+            // return this._footeRef?.current?.inProcess ?? false;
         };
         _this.close = function (callbackFn) {
             var _a;
@@ -466,8 +468,13 @@ var DialogBase = /** @class */ (function (_super) {
                 setInProcess(inProcess);
             };
             React.useImperativeHandle(ref, function () { return ({
-                setProcessing: setProcessing
+                setProcessing: setProcessing,
+                inProcess: inProcess
             }); });
+            // console.log('processingListener', this._processingListener);
+            if (typeof _this._processingListener === "function") {
+                _this._processingListener(inProcess);
+            }
             var staticProps = {
                 dialogValues: _this.state.values,
                 dialogOptions: _this._dialogOptions,
@@ -821,11 +828,16 @@ var DialogBase = /** @class */ (function (_super) {
         var _this = this;
         var prevState = this.state;
         _super.prototype.setState.call(this, state, function () {
-            var _a;
             // if( typeof this.props.stateListener === "function" && JSON.stringify(prevState) !== JSON.stringify(state)  ){
+            var _a;
+            // Outer State Listener
             if (typeof _this.props.stateListener === "function" && !(0, lodash_isequal_1.default)(prevState, state)) {
                 _this.props.stateListener(_this.state, _this.state.values, _this);
             }
+            // Inner State Listener
+            if (typeof _this._stateListener === "function" && !(0, lodash_isequal_1.default)(prevState, state)) {
+                _this._stateListener(_this.state, _this.state.values, _this);
+            }
             for (var actionKey in _this._actionRefs) {
                 var action = _this._actionRefs[actionKey];
                 if (typeof action.current._stateListener === "function") {
@@ -881,6 +893,11 @@ var DialogBase = /** @class */ (function (_super) {
         this._resizeListener = listener;
         return this;
     };
+    DialogBase.prototype.processingListener = function (listener) {
+        // @ts-ignore
+        this._processingListener = listener;
+        return this;
+    };
     DialogBase.prototype.initialHolder = function (holder) {
         this._initialHolder = holder;
         return this;

package/package.json

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

@@ -123,7 +123,7 @@ export type TDialogStateListenerCallbackType = (state: IStateDef, values: Dialog
 type TDialogCallbackFn<T> = (dialog?: IDialogDef) => 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, 'isInProcess' | 'setInProcess' | 'values' | 'setValue' | 'setValues' | 'close' | 'dialogOptions' | 'switchFullScreen' | 'actions' | 'snackbar' | 'formikValidate' | 'formikProps' | 'focus' | 'setOrder' | 'setBody' | 'onResize'>>, 'switchFullScreen'> {
+export interface IDialogDef extends Omit<Partial<Pick<DialogBase, '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['switchFullScreen'];
     /** @deprecated Deprecated, never use. */