react-dialogger 1.1.115 → 1.1.117

package/components/DialogBase.js

@@ -86,7 +86,7 @@ var DialogBase = /** @class */ (function (_super) {
             return _this._actionRefs[key];
         };
         _this.setInProcess = function (process, message, holder) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
             _this._inProcess = __assign({ inProcess: process }, message ? { message: message } : {});
             if (!process) {
                 _this._holder = null;
@@ -123,14 +123,17 @@ var DialogBase = /** @class */ (function (_super) {
             if (!process) {
                 _this.snackbar.close("kInProcess");
             }
-            for (var _i = 0, _l = _this._processingListeners; _i < _l.length; _i++) {
-                var listener = _l[_i];
+            for (var _i = 0, _m = _this._processingListeners; _i < _m.length; _i++) {
+                var listener = _m[_i];
                 if (typeof listener === "function") {
                     listener(process);
                 }
             }
+            console.log('setInProcess_process', process);
             // @ts-ignore
-            (_k = _this._footerRef.current) === null || _k === void 0 ? void 0 : _k.setProcessing(process);
+            (_k = _this._footerRef.current) === null || _k === void 0 ? void 0 : _k.setProcessing(_this._inProcess);
+            (_l = _this._headerRef.current) === null || _l === void 0 ? void 0 : _l.setProcessing(_this._inProcess);
+            // this._footerRef.current?.setProcessing(process);
             return _this;
         };
         _this.isInProcess = function () {

package/components/DialogContent.js

@@ -74,7 +74,7 @@ var appLogger_1 = require("../helpers/appLogger");
 var DialogContent = function (props) {
     var _a, _b, _c, _d, _e, _f, _g;
     var firstUpdate = React.useRef(true);
-    var _h = (0, react_1.useContext)(_context_1.DialogContentContext), dialog = _h.dialog, dialogRef = _h.dialogRef, prevDialogRect = _h.prevDialogRect, backdropRef = _h.backdropRef, snackbarRef = _h.snackbarRef, footerRef = _h.footerRef, resizeableObject = _h.resizeableObject, body = _h.body;
+    var _h = (0, react_1.useContext)(_context_1.DialogContentContext), dialog = _h.dialog, dialogRef = _h.dialogRef, prevDialogRect = _h.prevDialogRect, backdropRef = _h.backdropRef, snackbarRef = _h.snackbarRef, footerRef = _h.footerRef, headerRef = _h.headerRef, resizeableObject = _h.resizeableObject, body = _h.body;
     var dialogOptions = dialog.dialogOptions;
     var baseOptions = dialogOptions.base;
     var _j = React.useState(false), fullscreenMode = _j[0], setFullscreenMode = _j[1];
@@ -177,7 +177,7 @@ var DialogContent = function (props) {
                     // @ts-ignore
                     dialog.props.keyboardListener(e.key, _this);
                 }
-            }, 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({ height: (_b = baseOptions.size.height) !== null && _b !== void 0 ? _b : 'auto' }, typeof baseOptions.size.width === "number" ? { width: "".concat(baseOptions.size.width, "px") } : { width: "".concat(baseOptions.size.width) }), { outline: 'none', fontFamily: (_c = baseOptions.style.fontFamily) !== null && _c !== void 0 ? _c : 'Arial' }), rect), { alignSelf: (_d = baseOptions.initialAnchor.vertical) !== null && _d !== void 0 ? _d : 'flex-start', justifySelf: (_e = baseOptions.initialAnchor.horizontal) !== null && _e !== void 0 ? _e : 'flex-start' }), children: (0, jsx_runtime_1.jsxs)(notistack_1.SnackbarProvider, { ref: snackbarRef, maxSnack: dialog.dialogOptions.snackbar.maxSnack, style: __assign({ width: 'min-content' }, (_g = (_f = dialog.dialogOptions) === null || _f === void 0 ? void 0 : _f.snackbar) === null || _g === void 0 ? void 0 : _g.style), children: [(dialog.props.header || dialogOptions.slot.header) && ((0, jsx_runtime_1.jsx)(_1.DialogContentHeader, { header: dialog.props.header, bounds: bounds })), (0, jsx_runtime_1.jsx)(_1.DialogContentBody, { body: body }), (0, jsx_runtime_1.jsx)(_1.DialogContentFooter, { ref: footerRef }), (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({ height: (_b = baseOptions.size.height) !== null && _b !== void 0 ? _b : 'auto' }, typeof baseOptions.size.width === "number" ? { width: "".concat(baseOptions.size.width, "px") } : { width: "".concat(baseOptions.size.width) }), { outline: 'none', fontFamily: (_c = baseOptions.style.fontFamily) !== null && _c !== void 0 ? _c : 'Arial' }), rect), { alignSelf: (_d = baseOptions.initialAnchor.vertical) !== null && _d !== void 0 ? _d : 'flex-start', justifySelf: (_e = baseOptions.initialAnchor.horizontal) !== null && _e !== void 0 ? _e : 'flex-start' }), children: (0, jsx_runtime_1.jsxs)(notistack_1.SnackbarProvider, { ref: snackbarRef, maxSnack: dialog.dialogOptions.snackbar.maxSnack, style: __assign({ width: 'min-content' }, (_g = (_f = dialog.dialogOptions) === null || _f === void 0 ? void 0 : _f.snackbar) === null || _g === void 0 ? void 0 : _g.style), children: [(dialog.props.header || dialogOptions.slot.header) && ((0, jsx_runtime_1.jsx)(_1.DialogContentHeader, { ref: headerRef, header: dialog.props.header, bounds: bounds })), (0, jsx_runtime_1.jsx)(_1.DialogContentBody, { body: body }), (0, jsx_runtime_1.jsx)(_1.DialogContentFooter, { ref: footerRef }), (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: resizeableObject === null || resizeableObject === void 0 ? void 0 : resizeableObject.resizeHandleMouseDown, children: (0, jsx_runtime_1.jsx)(_icons_1.ResizeIcon, { color: '#286e94' }) }) })] }) }) });

package/components/DialogContentFooter.js

@@ -58,15 +58,16 @@ var DialogContentFooter = (0, react_1.forwardRef)(function (props, ref) {
     var dialogOptions = dialog.dialogOptions;
     var CustomFooter = (_a = dialogOptions.slot) === null || _a === void 0 ? void 0 : _a.footer;
     // Imperative handle
-    var _d = React.useState(false), inProcess = _d[0], setInProcess = _d[1];
+    var _d = React.useState({
+        inProcess: false
+    }), inProcess = _d[0], setInProcess = _d[1];
     var inProcessRef = React.useRef(inProcess);
     var setProcessing = function (processing) {
         setInProcess(processing);
-        inProcessRef.current = processing;
     };
     React.useImperativeHandle(ref, function () { return ({
         setProcessing: setProcessing,
-        inProcess: inProcessRef.current
+        inProcess: inProcess
     }); });
     var staticProps = {
         dialogOptions: dialogOptions,
@@ -81,7 +82,7 @@ var DialogContentFooter = (0, react_1.forwardRef)(function (props, ref) {
         // footerProps = {...dialogOptions.slotProps.footer, dialogOptions: dialogOptions, inProcess: dialog.isInProcess() }
         footerProps = dialogOptions.slotProps.footer;
     }
-    console.log('DialogBase_Render', dialog.actions);
+    console.log('DialogBase_DialogContentFooter', dialog.isInProcess());
     return (0, jsx_runtime_1.jsxs)("div", { className: 'dialog-footer', style: (_c = (_b = dialogOptions.base) === null || _b === void 0 ? void 0 : _b.footer) === null || _c === void 0 ? void 0 : _c.style, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_context_1.WithHeaderFooterContext, __assign({}, staticProps, { dialog: dialog, children: dialogOptions.slot.footer ?
                         (0, jsx_runtime_1.jsx)(CustomFooter, __assign({}, staticProps, footerProps))
                         :

package/components/DialogContentHeader.d.ts

@@ -1,8 +1,8 @@
-import { TDialogCallbackFn, IDialogBoundsDef } from "../types/index.js";
+import { TDialogCallbackFn, IDialogBoundsDef, DialogContentFooterReturnType } from "../types/index.js";
 import * as React from "react";
 interface IContentHeaderProps {
     header: TDialogCallbackFn<any, any>;
     bounds: IDialogBoundsDef;
 }
-declare const DialogContentHeader: React.FC<IContentHeaderProps>;
+declare const DialogContentHeader: React.ForwardRefExoticComponent<IContentHeaderProps & React.RefAttributes<DialogContentFooterReturnType>>;
 export { DialogContentHeader };

package/components/DialogContentHeader.js

@@ -51,13 +51,24 @@ var React = __importStar(require("react"));
 var react_1 = require("react");
 var _helpers_1 = require("../helpers/index.js");
 var _context_1 = require("../context/index.js");
-var DialogContentHeader = function (_a) {
+var DialogContentHeader = React.forwardRef(function (_a, ref) {
     var _b, _c, _d, _e;
     var header = _a.header, bounds = _a.bounds;
     var _f = (0, react_1.useContext)(_context_1.DialogContentContext), dialog = _f.dialog, dialogRef = _f.dialogRef;
     var dialogOptions = dialog.dialogOptions;
     var baseOptions = dialogOptions.base;
     var _g = React.useState(bounds === null || bounds === void 0 ? void 0 : bounds.fullscreen), fullscreen = _g[0], setFullscreen = _g[1];
+    // Imperative handle
+    var _h = React.useState({
+        inProcess: false
+    }), inProcess = _h[0], setInProcess = _h[1];
+    var setProcessing = function (processing) {
+        setInProcess(processing);
+    };
+    React.useImperativeHandle(ref, function () { return ({
+        setProcessing: setProcessing,
+        inProcess: inProcess
+    }); });
     (0, react_1.useEffect)(function () {
         var _a, _b, _c;
         if (fullscreen) {
@@ -80,7 +91,10 @@ var DialogContentHeader = function (_a) {
     };
     if (dialogOptions.slot.header) {
         // const headerProps = dialogOptions.slotProps.header ? {...dialogOptions.slotProps.header(staticProps)} : {};
-        console.log('CustomHeader_Content', dialogOptions.slot.header, fullscreen);
+        console.log('CustomHeader_Content', 
+        // dialogOptions.slot.header,
+        // fullscreen,
+        dialog.isInProcess());
         var headerProps = dialogOptions.slotProps.header;
         return (0, jsx_runtime_1.jsx)("div", { onDoubleClick: function (event) {
                 if (baseOptions.fullscreen) {
@@ -110,5 +124,5 @@ var DialogContentHeader = function (_a) {
                                     (0, jsx_runtime_1.jsx)(_features_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 });
-};
+});
 exports.DialogContentHeader = DialogContentHeader;

package/context/WithHeaderFooterContext.js

@@ -48,6 +48,7 @@ exports.DialogHeaderFooterContext = exports.WithHeaderFooterContext = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var React = __importStar(require("react"));
 var WithHeaderFooterContext = function (props) {
+    console.log('DialogBase_WithHeaderFooterContext', props.dialog.isInProcess());
     return (0, jsx_runtime_1.jsx)(exports.DialogHeaderFooterContext.Provider, { value: __assign({}, props), children: props.children });
 };
 exports.WithHeaderFooterContext = WithHeaderFooterContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.115",
+  "version": "1.1.117",
   "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/DialogActionTypes.d.ts

@@ -66,9 +66,13 @@ type TListenerButtonType = Pick<DialogActionBase, Exclude<keyof ActionApiDef, 'o
 export type TDialogStateListenerForActionCallbackType = (values: Record<string, any>, button: TListenerButtonType, dialog: IListenerDialogDef) => void;
 export interface IContentFooterProps {
 }
-export interface DialogContentFooterReturnType {
-    setProcessing: React.Dispatch<React.SetStateAction<boolean>>;
+export interface InProcessType {
     inProcess: boolean;
+    message?: string;
+}
+export interface DialogContentFooterReturnType {
+    setProcessing: React.Dispatch<React.SetStateAction<InProcessType>>;
+    inProcess: InProcessType;
 }
 export interface IActionIntents {
     positive?: ActionIntent;

package/types/DialogTypes.d.ts

@@ -270,7 +270,7 @@ export type DialogExternalRefs<T> = T extends {
 } : never;
 export type DialogInjectDef<T> = T extends Function ? T : T extends {
     current: any;
-} ? T : T extends string | number | boolean | null | undefined | Date ? never : T extends Array<infer U> ? never : T extends object ? {
+} ? T : T extends string | number | boolean | null | undefined | Date ? never : T extends Array<infer U> ? never : T extends object ? (T extends Array<any> ? never : T) : T extends object ? {
     [K in keyof T]: DialogInjectDef<T[K]>;
 } : never;
 export interface BaseDialogDOMRect {