react-dialogger 1.1.17 → 1.1.18

package/components/DialogBase.d.ts

@@ -14,6 +14,7 @@ declare class DialogBase extends Component<BaseDialogProps, BaseDialogState> {
     protected _innerRef: React.RefObject<any>;
     protected _stateListener: TDialogStateListenerCallbackType;
     protected _keyboardListener: (key: string, dialog: IDialogDef) => void;
+    protected _resizeListener: (size: IDialogSize, dialog: IDialogDef) => void;
     protected _initialHolder: TInitialHolder;
     protected _accessFrom: TAccessFrom;
     protected _header: TDialogCallbackNodeFn;
@@ -52,6 +53,7 @@ declare class DialogBase extends Component<BaseDialogProps, BaseDialogState> {
     protected _initialState: TInitialValues<any>;
     protected _initialValues: DialogValues;
     readonly state: Readonly<BaseDialogState>;
+    private _resizeListenersStore;
     /**
      * The error you're encountering
      * is related to the type of the props passed to the
@@ -77,6 +79,7 @@ declare class DialogBase extends Component<BaseDialogProps, BaseDialogState> {
     setValue(key: string, values: any): void;
     private dialogAutoPos;
     componentDidMount(): void;
+    onResize(callbackFn: (size: IDialogSize, dialog: IDialogDef) => void): void;
     componentDidUpdate(prevProps: Readonly<BaseDialogProps>, prevState: Readonly<BaseDialogState>, snapshot?: any): void;
     componentWillUnmount(): void;
     setState<K extends keyof BaseDialogState>(state: ((prevState: Readonly<BaseDialogState>, props: Readonly<BaseDialogProps>) => (Pick<BaseDialogState, K> | BaseDialogState | null)) | Pick<BaseDialogState, K> | BaseDialogState | null, callback?: () => void): void;
@@ -86,6 +89,7 @@ declare class DialogBase extends Component<BaseDialogProps, BaseDialogState> {
     protected addAction(action: DialogAction): DialogBase;
     stateListener(listener: TDialogStateListenerCallbackType): DialogBase;
     protected keyboardListener(listener: (key: string, dialog: IDialogDef) => void): DialogBase;
+    protected resizeListener(listener: (size: IDialogSize, dialog: IDialogDef) => 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

@@ -560,6 +560,7 @@ var DialogBase = /** @class */ (function (_super) {
         // Initialize Slots
         // this._slots = this._dialogOptions.base.slots
         _this._initialValues = props.initialValues;
+        _this._resizeListenersStore = [];
         return _this;
     }
     Object.defineProperty(DialogBase.prototype, "parent", {
@@ -673,6 +674,17 @@ var DialogBase = /** @class */ (function (_super) {
             this._dialogRef.current.focus();
             if (this._Resizeable) {
                 this._Resizeable.setContainer(this._dialogRef.current);
+                if (typeof this.props.resizeListener === "function") {
+                    this._resizeListenersStore.push(this.props.resizeListener);
+                    this._Resizeable.onResizeListener(function (width, height) {
+                        // this.props.resizeListener({width, height}, this);
+                        // Butun eklenmis Resize collbackler ayni anda maplenerek cevap veriliyor
+                        _this._resizeListenersStore.map(function (itemCallback) {
+                            // @ts-ignore
+                            itemCallback({ width: width, height: height }, _this);
+                        });
+                    });
+                }
             }
         }
         // Initialize SlotsProps
@@ -688,6 +700,25 @@ var DialogBase = /** @class */ (function (_super) {
         // Parent objesinin accessFrom özelliğini ayarla
         this.props.parent.accessFrom = "internal";
     };
+    DialogBase.prototype.onResize = function (callbackFn) {
+        if (typeof callbackFn === "function") {
+            // Header body veya baska biserden gelen callback i storla
+            // Bu olay overwite olmasinin onune gecer
+            // Cunku en sonku callback calistirildigi icin ornedin header ve
+            this._resizeListenersStore.push(callbackFn);
+            // if(this._Resizeable){
+            //     this._Resizeable.onResizeListener((width, height) => {
+            //         // @ts-ignore
+            //         callbackFn({width, height}, this);
+            //     });
+            // }
+        }
+    };
+    // onResize: (callbackFn: (size: IDialogSize, dialog: IDialogDef) => void){
+    //     if(typeof callbackFn === "function"){
+    //
+    //     }
+    // }
     DialogBase.prototype.componentDidUpdate = function (prevProps, prevState, snapshot) {
         /*if(this._dialogRef.current && this._dialogOptions.base.resizeable && !this._Resizeable){
             console.log('this._Resizeable.onResizeListener', this._Resizeable );
@@ -767,6 +798,10 @@ var DialogBase = /** @class */ (function (_super) {
         this._keyboardListener = listener;
         return this;
     };
+    DialogBase.prototype.resizeListener = function (listener) {
+        this._resizeListener = listener;
+        return this;
+    };
     DialogBase.prototype.initialHolder = function (holder) {
         this._initialHolder = holder;
         return this;
@@ -859,6 +894,7 @@ var DialogBase = /** @class */ (function (_super) {
             dialogSize: this._dialogSize,
             didMountCallback: callback,
             keyboardListener: this._keyboardListener,
+            resizeListener: this._resizeListener,
             /**Dialog order with Reference Element, like before-after-same reference*/
             order: this._order,
             // initialState: this._initialState,

package/models/Dialog.d.ts

@@ -39,6 +39,7 @@ declare class Dialog extends DialogBase {
     getDom: () => HTMLDivElement;
     onClose(callback: TDialogCallbackVoidFn): this;
     keyboardListener(listener: (key: string, dialog: IDialogDef) => void): this;
+    resizeListener(listener: (size: IDialogSize, dialog: IDialogDef) => void): this;
     show: (callback?: TDialogCallbackVoidFn) => void;
 }
 export default Dialog;

package/models/Dialog.js

@@ -137,6 +137,10 @@ var Dialog = /** @class */ (function (_super) {
         _super.prototype.keyboardListener.call(this, listener); // overrided and return current dialog instance directly
         return this;
     };
+    Dialog.prototype.resizeListener = function (listener) {
+        _super.prototype.resizeListener.call(this, listener);
+        return this;
+    };
     return Dialog;
 }(DialogBase_1.default));
 exports.default = Dialog;

package/package.json

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

@@ -35,6 +35,7 @@ export interface BaseDialogProps {
     onClose?: TDialogCallbackVoidFn;
     root?: any;
     keyboardListener: (key: string, dialog: Dialog) => void;
+    resizeListener?: (size: IDialogSize, dialog: Dialog) => void;
 }
 export interface IDialogSize {
     width?: ITypeWidth | number;
@@ -117,7 +118,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'>>, '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'>>, 'switchFullScreen'> {
     /** @deprecated Deprecated, use setValues instead. */
     switchFullScreen?: DialogBase['switchFullScreen'];
     /** @deprecated Deprecated, never use. */

package/types/index.d.ts

@@ -1,4 +1,5 @@
-export { IFooterProps, IHeaderProps, IBaseFooterProps, IBaseHeaderProps, IDialogCloseRef, IDialogDef, } from "./DialogTypes";
+export { IFooterProps, IHeaderProps, IBaseFooterProps, IBaseHeaderProps, IDialogCloseRef, IDialogDef, // <-- Required
+IDialogSize } from "./DialogTypes";
 export { DialogValues } from "./types";
 export { ActionDef, ActionDialogDef, // <-- Action -> Dialog dialog of action
 IDialogActionDef } from "./DialogActionTypes";