react-dialogger 1.1.26 → 1.1.28

package/components/CircularProgress.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var React = __importStar(require("react"));

package/components/DialogActionBase.js

@@ -41,13 +41,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

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;
@@ -111,7 +113,7 @@ declare class DialogBase extends Component<BaseDialogProps, BaseDialogState> {
     setOrder: (position: ComponentOrderPositions, component: HTMLElement) => DialogBase;
     getDom: () => HTMLDivElement;
     get snackbar(): {
-        open: (message: string, severity: TSeverity, key?: string, action?: (key: string, snackbarRef: any) => ReactNode | void, autoHideDuration?: number | null) => void;
+        open: (message: string, severity: TSeverity, key?: string, action?: ((key: string, snackbarRef: any) => ReactNode | void), autoHideDuration?: number | null) => void;
         openX: ({ message, severity, key, action, autoHideDuration }: {
             message: string;
             severity: TSeverity;

package/components/DialogBase.js

@@ -41,13 +41,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -223,8 +233,11 @@ var DialogBase = /** @class */ (function (_super) {
             return _this;
         };
         _this.isInProcess = function () {
+            var _a, _b, _c;
             // return this.state.inProcess;
-            return _this._inProcess;
+            // return this._inProcess;
+            // @ts-ignore
+            return (_c = (_b = (_a = _this._footeRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.inProcess) !== null && _c !== void 0 ? _c : false;
         };
         _this.close = function (callbackFn) {
             var _a;
@@ -394,7 +407,7 @@ var DialogBase = /** @class */ (function (_super) {
             if (body instanceof Function) {
                 return (0, jsx_runtime_1.jsxs)("div", { ref: _this._dialogBodyRef, className: 'dialog-body', style: { height: '100%' }, children: [_this.Placeholder(_this._holder), body(_this)] });
             }
-            return (0, jsx_runtime_1.jsx)("div", { style: { height: '100%', padding: 10 }, children: _this._holder ?
+            return (0, jsx_runtime_1.jsx)("div", { className: 'dialog-body', style: { height: '100%', padding: 10 }, children: _this._holder ?
                     _this.Placeholder(_this._holder)
                     :
                         //@ts-ignore
@@ -456,8 +469,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,
@@ -811,11 +829,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") {
@@ -871,6 +894,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/components/Futures/DialogInfoAction.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/components/RippleButton.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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 });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var React = __importStar(require("react"));

package/models/DialogAction.d.ts

@@ -34,7 +34,7 @@ declare class DialogAction extends DialogActionBase {
      * Only from init */
     stateListener: (listener: TDialogStateListenerForActionCallbackType) => this;
     set baseDialogAction(baseDialogAction: DialogActionBase);
-    setInProcess: (inProcess: ActionProps['inProcess']) => this;
+    setInProcess: (inProcess: ActionProps["inProcess"]) => this;
     /**
      * @deprecated
      * @see isInProcess*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.26",
+  "version": "1.1.28",
   "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. */

package/types/types.d.ts

@@ -14,6 +14,7 @@ export interface IBackdropOptions {
 }
 export type TNotifyOnClosing = "snackbar" | "zoom" | undefined;
 export type TInitialHolder = any;
+export type TLoaderHolder = any;
 export interface IInProcess {
     inProcess: boolean;
     message?: string;

package/components/dialogBoundsMemoize.d.ts

@@ -1,20 +0,0 @@
-import { IBaseDialogOptions } from "../types/DialogTypes";
-/**
- * RAM den okuyoruz...
- * */
-declare const dialogInStore: (options: IBaseDialogOptions) => IDialogBoundDef | undefined;
-declare const dialogRegister: (options: IBaseDialogOptions, initialBounds: IDialogBoundsDef) => IDialogBoundsDef;
-declare const getDialogBounds: (options: IBaseDialogOptions) => IDialogBoundsDef | undefined;
-declare const setDialogBounds: (dialogId: string, bounds: IDialogBoundsDef, dialogRef: React.RefObject<any>) => void;
-export { dialogRegister, getDialogBounds, setDialogBounds, dialogInStore };
-export type IDialogBoundsMemoKey = string | number;
-export interface IDialogBoundsDef {
-    width: number;
-    height: number;
-    x: number;
-    y: number;
-}
-export interface IDialogBoundDef {
-    id: string;
-    bounds: IDialogBoundsDef;
-}

package/components/dialogBoundsMemoize.js

@@ -1,117 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dialogInStore = exports.setDialogBounds = exports.getDialogBounds = exports.dialogRegister = void 0;
-var initDialogMemoizeBounds_1 = require("../hooks/initDialogMemoizeBounds");
-var BOUNDS_STORE_KEY = 'react-super-dialog';
-// const boundStoreExists = () => {
-//     try{
-//         return !!window.localStorage.getItem(BOUNDS_STORE_KEY);
-//     } catch (e){
-//         return false;
-//     }
-// }
-// const createBoundStore = () => {
-//     if (!boundStoreExists()) {
-//         try{
-//             window.localStorage.setItem(BOUNDS_STORE_KEY, JSON.stringify([]));
-//         } catch (e){
-//             console.log(e);
-//         }
-//     }
-// }
-/**
- * RAM den okuyoruz...
- * */
-var dialogInStore = function (options) {
-    var stores = initDialogMemoizeBounds_1.registeredDialogs;
-    console.log('dialogInStoreX1', stores);
-    if (!stores)
-        return undefined;
-    var parsedStores = stores; // JSON.parse(stores);
-    var foundedStore = parsedStores.find(function (store) { return store.id === options.id; });
-    return foundedStore;
-};
-exports.dialogInStore = dialogInStore;
-var dialogRegister = function (options, initialBounds) {
-    console.log('Regsister fired!!!', options);
-    if (dialogInStore(options))
-        return;
-    if (!options.id) {
-        throw new Error('Dialog bounds can not be memoized. Dialog id is required.');
-    }
-    // createBoundStore();
-    var newBounds = {
-        id: options.id,
-        bounds: {
-            width: initialBounds.width,
-            height: initialBounds.height,
-            x: initialBounds.x,
-            y: initialBounds.y + 100
-        }
-    };
-    var foundedDialog = initDialogMemoizeBounds_1.registeredDialogs.find(function (b) { return b.id === options.id; });
-    console.log('foundedDialog', foundedDialog);
-    if (!foundedDialog) {
-        initDialogMemoizeBounds_1.registeredDialogs.push(newBounds);
-    }
-    console.log('foundedDialog_2', initDialogMemoizeBounds_1.registeredDialogs);
-    // Register to Cookie
-    try {
-        window.localStorage.setItem(BOUNDS_STORE_KEY, JSON.stringify(initDialogMemoizeBounds_1.registeredDialogs));
-    }
-    catch (e) {
-        console.log(e);
-    }
-    // registeredDialogs.push(newBounds);
-    console.log('Dialog_Bounds, initialBounds-A', initialBounds);
-    var bounds = getDialogBounds(options);
-    return bounds;
-};
-exports.dialogRegister = dialogRegister;
-var getDialogBounds = function (options) {
-    var dialog = dialogInStore(options);
-    if (!options.id) {
-        throw new Error('Dialog bounds can not be memoized. Dialog id is required.');
-    }
-    // Eget local vaiable icinde bulunamassa localStorage'dan al
-    if (!dialog) {
-        var boundsRaw = window.localStorage.getItem(BOUNDS_STORE_KEY);
-        var boundsArray = boundsRaw ? JSON.parse(boundsRaw) : [];
-        var founded = boundsArray.find(function (b) { return b.id === options.id; });
-        if (founded) {
-            return {
-                width: founded.bounds.width,
-                height: founded.bounds.height,
-                x: founded.bounds.x,
-                y: founded.bounds.y
-            };
-        }
-    }
-    if (dialog) {
-        return {
-            width: dialog.bounds.width,
-            height: dialog.bounds.height,
-            x: dialog.bounds.x,
-            y: dialog.bounds.y
-        };
-    }
-    return undefined;
-};
-exports.getDialogBounds = getDialogBounds;
-var setDialogBounds = function (dialogId, bounds, dialogRef) {
-    var newBounds = {
-        id: dialogId,
-        bounds: bounds
-    };
-    var founded = initDialogMemoizeBounds_1.registeredDialogs.find(function (b) { return b.id === dialogId; });
-    if (founded) {
-        founded.bounds = bounds;
-        try {
-            window.localStorage.setItem(BOUNDS_STORE_KEY, JSON.stringify(initDialogMemoizeBounds_1.registeredDialogs));
-        }
-        catch (e) {
-            console.log(e);
-        }
-    }
-};
-exports.setDialogBounds = setDialogBounds;

package/hooks/initDialogMemoizeBounds.d.ts

@@ -1,4 +0,0 @@
-import { IDialogBoundDef } from "../components/dialogBoundsMemoize";
-export declare let registeredDialogs: IDialogBoundDef[];
-export declare let initDialogMemoizeBoundsDeclared: boolean;
-export declare const initDialogMemoizeBounds: () => void;

package/hooks/initDialogMemoizeBounds.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initDialogMemoizeBounds = exports.initDialogMemoizeBoundsDeclared = exports.registeredDialogs = void 0;
-// Sayfa ilk yuklendiginde calisacak
-exports.registeredDialogs = [];
-exports.initDialogMemoizeBoundsDeclared = false;
-// Bu App level sevyesinde olmali
-var initDialogMemoizeBounds = function () {
-    var BOUNDS_STORE_KEY = 'react-super-dialog';
-    var boundStoreExists = function () {
-        try {
-            return !!window.localStorage.getItem(BOUNDS_STORE_KEY);
-        }
-        catch (e) {
-            return false;
-        }
-    };
-    var createBoundStore = function () {
-        if (!boundStoreExists()) {
-            try {
-                window.localStorage.setItem(BOUNDS_STORE_KEY, JSON.stringify([]));
-            }
-            catch (e) {
-                console.log(e);
-            }
-        }
-    };
-    var readFromStore = function () {
-        createBoundStore();
-        var boundsRaw = window.localStorage.getItem(BOUNDS_STORE_KEY);
-        var boundsArray = boundsRaw ? JSON.parse(boundsRaw) : [];
-        return boundsArray;
-    };
-    console.log('readFromStore', readFromStore());
-    // Set this on App level
-    exports.registeredDialogs = readFromStore();
-    exports.initDialogMemoizeBoundsDeclared = true;
-};
-exports.initDialogMemoizeBounds = initDialogMemoizeBounds;

package/hooks/useDialogMemoizeBounds.d.ts

@@ -1 +0,0 @@
-export declare const useDialogMemoizeBounds: () => void;

package/hooks/useDialogMemoizeBounds.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDialogMemoizeBounds = void 0;
-// Sayfa ilk yuklendiginde calisacak
-var registeredDialogs = [];
-// Bu App level sevyesinde olmali
-var useDialogMemoizeBounds = function () {
-    var BOUNDS_STORE_KEY = 'react-super-dialog';
-    var boundStoreExists = function () {
-        try {
-            return !!window.localStorage.getItem(BOUNDS_STORE_KEY);
-        }
-        catch (e) {
-            return false;
-        }
-    };
-    var createBoundStore = function () {
-        if (!boundStoreExists()) {
-            try {
-                window.localStorage.setItem(BOUNDS_STORE_KEY, JSON.stringify([]));
-            }
-            catch (e) {
-                console.log(e);
-            }
-        }
-    };
-    var readFromStore = function () {
-        createBoundStore();
-        var boundsRaw = window.localStorage.getItem(BOUNDS_STORE_KEY);
-        var boundsArray = boundsRaw ? JSON.parse(boundsRaw) : [];
-        return boundsArray;
-    };
-    console.log('readFromStore', readFromStore());
-    // Set this on App level
-    registeredDialogs = readFromStore();
-};
-exports.useDialogMemoizeBounds = useDialogMemoizeBounds;