react-dialogger 1.1.49 → 1.1.51

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

@@ -63,8 +63,9 @@ 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;
     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

@@ -150,6 +150,9 @@ var DialogBase = /** @class */ (function (_super) {
                 return;
             }
             _this.kill(callbackFn);
+            if (typeof _this.props.onClose === "function") {
+                _this.props.onClose(_this);
+            }
         };
         _this.focus = function () {
             if (_this._dialogRef.current) {
@@ -163,13 +166,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 = {
@@ -389,6 +393,10 @@ 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 })); });
+    };
     Object.defineProperty(DialogBase.prototype, "snackbar", {
         // Reference: https://notistack.com/api-reference#mutual-props
         get: function () {

package/models/Dialog.d.ts

@@ -20,6 +20,7 @@ declare class Dialog implements DialogProps {
     private _initialValues;
     private _headerRef;
     private readonly _apiRef;
+    private _onCloseCallback;
     constructor(dialogRef?: React.RefObject<IDialogApiDef | undefined | null> | null, options?: DialogOptionsType);
     setHeader(header: TDialogCallbackFn): this;
     setBody(body: TDialogCallbackFn): this;
@@ -33,6 +34,7 @@ declare class Dialog implements DialogProps {
     initialHolder(holder: TInitialHolder): this;
     keyboardListener(listener: (key: string, dialog: IDialogApiDef) => void): this;
     resizeListener(listener: (size: IDialogSize, dialog: IDialogApiDef) => void): this;
+    onClose(callback: TDialogCallbackVoidFn): this;
     private highestZ;
     private createDom;
     show(callback?: TDialogCallbackVoidFn): void;

package/models/Dialog.js

@@ -135,10 +135,14 @@ var Dialog = /** @class */ (function () {
         this._resizeListener = listener;
         return this;
     };
+    Dialog.prototype.onClose = function (callback) {
+        this._onCloseCallback = callback;
+        return this;
+    };
     Dialog.prototype.show = function (callback) {
         var dom = this.createDom();
         var root = (0, client_1.createRoot)(dom);
-        var props = __assign({ 
+        var props = __assign(__assign({ 
             // Initials
             initialOptions: this._dialogOptions, initialValues: this._initialValues, didMountCallback: callback, 
             // Component contents
@@ -148,7 +152,7 @@ var Dialog = /** @class */ (function () {
             // Listeners
             stateListener: this._stateListener, keyboardListener: this._keyboardListener, resizeListener: this._resizeListener, 
             // Others
-            dialogSize: this._dialogSize, initialHolder: this._initialHolder, snackbarAnchor: this._snackbarAnchor, root: root, dom: dom, parent: this }, this._apiRef ? { ref: this._apiRef } : null);
+            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
         root.render(React.createElement(DialogBase_1.default, props));
     };

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.49",
+  "version": "1.1.51",
   "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;
@@ -125,7 +126,7 @@ export type TDialogStateListenerCallbackType = (values: FormikProps<any>['values
 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'> {
 }
 export interface IDialogCloseRef extends Pick<DialogBase<any>, 'close'> {
 }