react-dialogger 1.1.50 → 1.1.52

package/components/DialogActionBase.d.ts

@@ -42,6 +42,8 @@ declare class DialogActionBase extends Component<ActionProps, ActionState> {
      * @deprecated
      * @see use isDisabled */
     getDisabled: () => boolean;
+    /**
+     * @deprecated use Options*/
     isDisabled: () => boolean;
     setInProcess: (inProcess: boolean) => DialogActionBase;
     isInProcess: () => boolean;

package/components/DialogActionBase.js

@@ -121,6 +121,8 @@ var DialogActionBase = /** @class */ (function (_super) {
         _this.getDisabled = function () {
             return _this._options.disabled;
         };
+        /**
+         * @deprecated use Options*/
         _this.isDisabled = function () {
             return _this._options.disabled;
         };

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(): {
@@ -63,8 +64,10 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
     close: (callbackFn?: () => void) => void;
     focus: () => void;
     get actions(): {
-        [key: string]: Pick<DialogActionBase, "setOptions" | "setInProcess" | "getLabel" | "options" | "click" | "remove">;
+        [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;
@@ -166,13 +169,14 @@ var DialogBase = /** @class */ (function (_super) {
             console.log('this._prevDialogRect', _this.state.prevDialogRect);
             return (0, jsx_runtime_1.jsx)(_1.DialogWithBackdropWrapper, { initialValues: _this.props.initialValues, dialog: _this, 
                 // Component
-                header: _this.props.header, body: _this.props.body, actions: _this.props.actions, 
+                header: _this.props.header, body: _this.state.body, actions: _this.props.actions, 
                 // Refs Props
                 ref: _this._dialogWithBackDropRef, dialogRef: _this._dialogRef, headerRef: _this._headerRef, bodyRef: _this._dialogBodyRef, footerRef: _this._footerRef, backdropRef: _this._backdropRef, snackbarRef: _this._snackbarRef, prevDialogRect: _this.state.prevDialogRect });
         };
         _this.state = {
             inProcess: { inProcess: false },
-            prevDialogRect: (0, dialogRectAuto_1.dialogRectAuto)()
+            prevDialogRect: (0, dialogRectAuto_1.dialogRectAuto)(),
+            body: props.body
         };
         console.log('Class_Type', _this instanceof DialogBase);
         var defaultOptions = {
@@ -218,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;
     }
@@ -392,6 +397,15 @@ var DialogBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    DialogBase.prototype.updateBody = function (body) {
+        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/models/DialogAction.js

@@ -49,6 +49,57 @@ 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) {

package/package.json

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

@@ -6,8 +6,8 @@ import { CSSProperties } from "react";
 import * as React from "react";
 import { DialogAction } from "../models";
 export type ActionDialogDef = Omit<IDialogApiDef, 'switchFullScreen'>;
-export type ActionDef = Pick<DialogAction, 'onClick' | 'setInProcess' | 'getLabel' | 'getColor' | 'getVariant' | 'isDisabled' | 'setOptions' | 'isInProcess' | 'setLabel' | 'name'>;
-export type ActionBaseDef = Pick<DialogActionBase, 'setOptions' | 'setInProcess' | 'getLabel' | 'options' | 'click' | 'remove'>;
+export type ActionDef = Pick<DialogAction, 'onClick' | 'setOptions' | 'name'>;
+export type ActionBaseDef = Pick<DialogActionBase, 'setOptions' | 'setInProcess' | 'getLabel' | 'options' | 'click' | 'remove' | 'name'>;
 export interface IDialogActionDef extends ActionBaseDef {
 }
 export type DialogActionType = (button: ActionBaseDef, dialog: Omit<IDialogApiDef, 'switchFullScreen'>) => void;

package/types/DialogTypes.d.ts

@@ -18,6 +18,7 @@ export interface BaseDialogState {
     inProcess: IInProcess;
     fullscreenMode?: boolean;
     prevDialogRect: WithBackdrop['prevDialogRect'];
+    body: TDialogCallbackFn;
 }
 export interface BaseDialogProps {
     initialOptions?: DialogOptionsType;
@@ -36,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;
@@ -119,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'> {
+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'> {
 }