react-dialogger 1.1.104 → 1.1.106

package/components/DialogBase.d.ts

@@ -1,7 +1,7 @@
 import { Component, RefObject } from 'react';
 import { FormikProps } from "formik";
 import { DialogActionBase } from "./index.js";
-import { BaseDialogProps, BaseDialogState, IDialogSize, DialogOptionsType, TDialogCallbackFn, TDialogCallbackVoidFn, WithBackdrop, IDialogSnackbar, IInProcess, TInitialHolder, ISnackbarAnchor, TSeverity, TAccessFrom, ActionApiDef, DialogContentFooterReturnType, DialogFormikAdapter, DialogHandlers, DialogHandlerFn, Dialogify } from "../types/index.js";
+import { BaseDialogProps, BaseDialogState, IDialogSize, DialogOptionsType, TDialogCallbackFn, TDialogCallbackVoidFn, WithBackdrop, IDialogSnackbar, IInProcess, TInitialHolder, ISnackbarAnchor, TSeverity, TAccessFrom, ActionApiDef, DialogContentFooterReturnType, DialogFormikAdapter, DialogHandlers, DialogHandlerFn, Dialogify, DialogExternalRefs, DialogRef } from "../types/index.js";
 import Dialog, { DialogAction } from "../models/index.js";
 interface IFormikAdapter extends Pick<FormikProps<any>, 'setValues' | 'setFieldValue' | 'values'> {
 }
@@ -32,6 +32,7 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
     protected _snackbarAnchor: ISnackbarAnchor;
     protected _parent: Dialog<Values>;
     protected _handlers: DialogHandlers;
+    protected _externalRefs: DialogExternalRefs;
     private _inProcess;
     private _footerRef;
     protected _headerRef: RefObject<DialogContentFooterReturnType>;
@@ -46,6 +47,8 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
     private readonly _features;
     get handlers(): DialogHandlers;
     addHandler(key: string, handler: DialogHandlerFn): void;
+    get externalRefs(): DialogExternalRefs;
+    addExternalRef(key: string, ref: DialogRef): void;
     addFeature(key: string, value: any): void;
     getFeature(key: string): FeatureType;
     get parent(): Dialog<Values>;

package/components/DialogBase.js

@@ -247,6 +247,7 @@ var DialogBase = /** @class */ (function (_super) {
         _this._abortedListeners = (_b = props.abortedListeners) !== null && _b !== void 0 ? _b : [];
         _this._features = [];
         _this._handlers = props.handlers;
+        _this._externalRefs = props.externalRefs;
         return _this;
     }
     Object.defineProperty(DialogBase.prototype, "handlers", {
@@ -260,12 +261,25 @@ var DialogBase = /** @class */ (function (_super) {
         if (!key) {
             throw new Error('Handler key is required');
         }
-        if (typeof handler !== 'function' &&
-            !(0, isRefObject_1.isRefObject)(handler)) {
-            throw new Error("Handler \"".concat(key, "\" must be a function or a ref object"));
+        if (typeof handler !== 'function') {
+            throw new Error("Handler \"".concat(key, "\" must be a function"));
         }
         this._handlers[key] = handler;
     };
+    Object.defineProperty(DialogBase.prototype, "externalRefs", {
+        get: function () {
+            return this._externalRefs;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DialogBase.prototype.addExternalRef = function (key, ref) {
+        if (!key)
+            throw new Error('Ref key is required');
+        if (!(0, isRefObject_1.isRefObject)(ref))
+            throw new Error("Ref \"".concat(key, "\" must be a Reference RefObject"));
+        this._externalRefs[key] = ref;
+    };
     DialogBase.prototype.addFeature = function (key, value) {
         this._features[key] = value;
     };

package/models/Dialog.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { DialogAction } from "./DialogAction";
-import { TInitialHolder, IDialogSize, TDialogStateListenerCallbackType, DialogOptionsType, IDialogApiDef, TDialogCallbackVoidFn, TDialogCallbackFn, DialogHandlers, Dialogify } from "../types/index.js";
+import { TInitialHolder, IDialogSize, TDialogStateListenerCallbackType, DialogOptionsType, IDialogApiDef, TDialogCallbackVoidFn, TDialogCallbackFn, DialogHandlers, Dialogify, DialogExternalRefs } from "../types/index.js";
 declare class Dialog<Values extends Record<string, any>> {
     private readonly _processingListeners;
     private readonly _abortedListeners;
@@ -22,6 +22,7 @@ declare class Dialog<Values extends Record<string, any>> {
      * UI / Dialog / Form bağlamında alışıldık
      * */
     private _handlers;
+    private _externalRefs;
     private _headerRef;
     private readonly _apiRef;
     private _onCloseCallback;
@@ -36,7 +37,8 @@ declare class Dialog<Values extends Record<string, any>> {
     processingListener(listener: (inProcess: boolean) => void): this;
     onAbort(callbackFn: TDialogCallbackFn<void>): this;
     initialValues<T extends Record<string, any>>(values: Dialogify<T>): Dialog<T>;
-    handlers(handlers: DialogHandlers): this;
+    registerHandlers(handlers: DialogHandlers): this;
+    registerRefs(refs: DialogExternalRefs): this;
     initialHolder(holder: TInitialHolder): this;
     keyboardListener(listener: (key: string, dialog: IDialogApiDef) => void): this;
     resizeListener(listener: (size: IDialogSize, dialog: IDialogApiDef) => void): this;

package/models/Dialog.js

@@ -95,6 +95,7 @@ var Dialog = /** @class */ (function () {
         if (options) {
             this._dialogOptions = options;
         }
+        this._externalRefs = {};
     }
     Dialog.prototype.setHeader = function (header) {
         this._header = header;
@@ -139,10 +140,14 @@ var Dialog = /** @class */ (function () {
         next._initialValues = values;
         return next;
     };
-    Dialog.prototype.handlers = function (handlers) {
+    Dialog.prototype.registerHandlers = function (handlers) {
         this._handlers = handlers;
         return this;
     };
+    Dialog.prototype.registerRefs = function (refs) {
+        this._externalRefs = refs;
+        return this;
+    };
     Dialog.prototype.initialHolder = function (holder) {
         this._initialHolder = holder;
         return this;
@@ -171,7 +176,7 @@ var Dialog = /** @class */ (function () {
         var root = (0, client_1.createRoot)(dom);
         var props = __assign(__assign({ 
             // Initials
-            initialOptions: this._dialogOptions, initialValues: this._initialValues, handlers: this._handlers, didMountCallback: callback, 
+            initialOptions: this._dialogOptions, initialValues: this._initialValues, handlers: this._handlers, externalRefs: this._externalRefs, didMountCallback: callback, 
             // Component contents
             header: this._header, body: this._body, actions: this._actions, 
             // Refs

package/package.json

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

@@ -41,6 +41,7 @@ export interface BaseDialogProps<Values extends Record<string, any>> {
     dialogSize?: IDialogSize;
     stateListener: TDialogStateListenerCallbackType;
     handlers: DialogHandlers;
+    externalRefs: DialogExternalRefs;
     initialHolder: TInitialHolder;
     snackbarAnchor?: ISnackbarAnchor;
     dom: HTMLDivElement;
@@ -148,7 +149,7 @@ export type TDialogStateListenerCallbackType = (values: FormikProps<any>['values
 export type TDialogCallbackFn<T = React.ReactNode | React.ReactElement> = (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' | 'updateBody' | 'processingListener' | 'addFeature' | 'getFeature' | 'onAbort' | 'handlers' | 'addHandler'> {
+export interface IDialogApiDef extends Pick<DialogBase<any>, 'isInProcess' | 'setInProcess' | 'values' | 'setValue' | 'setValues' | 'close' | 'dialogOptions' | 'actions' | 'snackbar' | 'formikValidate' | 'formikProps' | 'focus' | 'updateBody' | 'processingListener' | 'addFeature' | 'getFeature' | 'onAbort' | 'handlers' | 'addHandler' | 'externalRefs' | 'addExternalRef'> {
 }
 export interface IDialogCloseRef extends Pick<DialogBase<any>, 'close'> {
 }
@@ -256,10 +257,14 @@ export type DialogValues<T extends Record<string, any>> = ModelDialogValues<T>;
 export type Dialogify<T> = T extends Function ? never : T extends string | number | boolean | null | undefined | Date ? T : T extends Array<infer U> ? Dialogify<U>[] : T extends object ? {
     [K in keyof T]: Dialogify<T[K]>;
 } : never;
-export type DialogHandlerFn = ((...args: any[]) => any) | {
-    current: null;
-};
+export type DialogHandlerFn = (...args: any[]) => any;
 export type DialogHandlers = Record<string, DialogHandlerFn>;
+export type DialogRef = {
+    current: unknown;
+};
+export type DialogExternalRefs = {
+    [key: string]: DialogRef;
+};
 export interface BaseDialogDOMRect {
     height?: number;
     width?: number;