react-dialogger 1.1.110 → 1.1.112

package/components/Actions.d.ts

@@ -2,6 +2,6 @@ import { DialogAction } from "../models/index.js";
 import { DialogBase } from "./index.js";
 declare const Actions: ({ actions, dialog }: {
     actions?: DialogAction[];
-    dialog: DialogBase<any>;
+    dialog: DialogBase<any, any, any>;
 }) => import("react/jsx-runtime").JSX.Element;
 export { Actions };

package/components/DialogActionBase.d.ts

@@ -16,7 +16,7 @@ export declare const BASE_INTENTS: {
     };
 };
 declare class DialogActionBase extends Component<ActionProps, ActionState> {
-    get dialogBaseComponent(): DialogBase<any>;
+    get dialogBaseComponent(): DialogBase<any, any, any>;
     protected _options: DialogActionOptionsType;
     protected _intent: ActionIntent;
     _stateListener: TDialogStateListenerForActionCallbackType;

package/components/DialogBase.d.ts

@@ -1,12 +1,11 @@
 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, DialogExternalHandlers, DialogExternalHandlerFn, Dialogify, DialogExternalRefs, DialogExternalRef } from "../types/index.js";
+import { BaseDialogProps, BaseDialogState, IDialogSize, DialogOptionsType, TDialogCallbackFn, TDialogCallbackVoidFn, WithBackdrop, IDialogSnackbar, IInProcess, TInitialHolder, ISnackbarAnchor, TSeverity, TAccessFrom, ActionApiDef, DialogContentFooterReturnType, DialogFormikAdapter, DialogExternalHandlers, DialogExternalHandler, Dialogify, DialogExternalRefs, DialogExternalRef } from "../types/index.js";
 import Dialog, { DialogAction } from "../models/index.js";
 interface IFormikAdapter extends Pick<FormikProps<any>, 'setValues' | 'setFieldValue' | 'values'> {
 }
-declare class DialogBase<Values extends Record<string, any>> extends Component<BaseDialogProps<Values>, BaseDialogState> {
-    protected _initialValues: Dialogify<Values>;
+declare class DialogBase<Values extends Record<string, any>, StockDialogHandlers extends Record<string, DialogExternalHandler> = {}, StockDialogRefs extends Record<string, DialogExternalRef> = {}> extends Component<BaseDialogProps<Values, StockDialogHandlers, StockDialogRefs>, BaseDialogState> {
     _dialogTranslate: {
         lastX: number;
         lastY: number;
@@ -29,9 +28,10 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
     protected _onClose: TDialogCallbackVoidFn;
     protected _shInterval: number;
     protected _snackbarAnchor: ISnackbarAnchor;
-    protected _parent: Dialog<Values>;
-    protected _xhandlers: DialogExternalHandlers;
-    protected _xrefs: DialogExternalRefs;
+    protected _parent: Dialog<Values, StockDialogHandlers, StockDialogRefs>;
+    protected _xhandlers: DialogExternalHandlers<StockDialogHandlers>;
+    protected _xrefs: DialogExternalRefs<StockDialogRefs>;
+    protected _initialValues: Dialogify<Values>;
     private _inProcess;
     private _footerRef;
     protected _headerRef: RefObject<DialogContentFooterReturnType>;
@@ -39,14 +39,15 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
     private _accessFrom;
     private readonly _processingListeners;
     private readonly _abortedListeners;
-    constructor(props: BaseDialogProps<Values> & {
-        parent: Dialog<Values>;
+    constructor(props: BaseDialogProps<Values, StockDialogHandlers, StockDialogRefs> & {
+        parent: Dialog<Values, StockDialogHandlers, StockDialogRefs>;
     });
-    get xhandlers(): DialogExternalHandlers;
-    appendXHandler(key: string, handler: DialogExternalHandlerFn): void;
-    get xrefs(): DialogExternalRefs;
-    appendXRef(key: string, ref: DialogExternalRef): void;
-    get parent(): Dialog<Values>;
+    setValue<T>(key: string, value: Dialogify<T>): void;
+    get xhandlers(): StockDialogHandlers;
+    appendXHandler<H>(key: string, handler: DialogExternalHandler): void;
+    get xrefs(): DialogExternalRefs<DialogExternalRef>;
+    appendXRef<R>(key: R, ref: DialogExternalRef): void;
+    get parent(): Dialog<Values, StockDialogHandlers, StockDialogRefs>;
     get dialogTranslate(): {
         lastX: number;
         lastY: number;
@@ -61,7 +62,6 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
     get formikValidate(): Promise<DialogFormikAdapter<any>>;
     set inlineFormikProps(inlineFormikProps: IFormikAdapter);
     get values(): Values;
-    setValue<T>(key: string, value: Dialogify<T>): void;
     setValues<T>(values: Dialogify<T>, callbackFn?: () => void): void;
     componentDidMount(): void;
     setInProcess: (process: boolean, message?: string, holder?: TInitialHolder) => this;

package/components/DialogBase.js

@@ -238,33 +238,39 @@ var DialogBase = /** @class */ (function (_super) {
         _this._holder = props.initialHolder;
         // Initialize _actionRefs as an empty object
         _this._actionRefs = {};
-        _this._initialValues = props.initialValues;
         _this._parent = props.parent;
         _this._dialogWithBackDropRef = (0, react_1.createRef)();
         _this._processingListeners = (_a = props.processingListeners) !== null && _a !== void 0 ? _a : [];
         _this._abortedListeners = (_b = props.abortedListeners) !== null && _b !== void 0 ? _b : [];
+        _this._initialValues = props.initialValues;
         _this._xhandlers = props.xhandlers;
+        _this._xrefs = props.xrefs;
         return _this;
-        // this._externalRefs  = props.externalRefs;
     }
+    DialogBase.prototype.setValue = function (key, value) {
+        var _a;
+        (_a = this._inlineFormikProps) === null || _a === void 0 ? void 0 : _a.setFieldValue(key, value);
+    };
     Object.defineProperty(DialogBase.prototype, "xhandlers", {
         get: function () {
+            // @ts-ignore
             return this._xhandlers;
         },
         enumerable: false,
         configurable: true
     });
     DialogBase.prototype.appendXHandler = function (key, handler) {
-        if (!key) {
+        // public appendXHandler(key: string, handler: DialogExternalHandler) {
+        if (!key)
             throw new Error('Handler key is required');
-        }
-        if (typeof handler !== 'function') {
-            throw new Error("Handler \"".concat(key, "\" must be a function"));
-        }
+        if (typeof handler !== 'function')
+            throw new Error("Handler \"".concat(String(key), "\" must be a function"));
+        // @ts-ignore
         this._xhandlers[key] = handler;
     };
     Object.defineProperty(DialogBase.prototype, "xrefs", {
         get: function () {
+            // @ts-ignore
             return this._xrefs;
         },
         enumerable: false,
@@ -274,7 +280,8 @@ var DialogBase = /** @class */ (function (_super) {
         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"));
+            throw new Error("Ref \"".concat(String(key), "\" must be a Reference RefObject"));
+        // @ts-ignore
         this._xrefs[key] = ref;
     };
     Object.defineProperty(DialogBase.prototype, "parent", {
@@ -360,10 +367,6 @@ var DialogBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    DialogBase.prototype.setValue = function (key, value) {
-        var _a;
-        (_a = this._inlineFormikProps) === null || _a === void 0 ? void 0 : _a.setFieldValue(key, value);
-    };
     DialogBase.prototype.setValues = function (values, callbackFn) {
         this._inlineFormikProps.setValues(values);
         if (typeof callbackFn === "function") {

package/models/Dialog.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { DialogAction } from "./DialogAction";
 import { TInitialHolder, IDialogSize, TDialogStateListenerCallbackType, DialogOptionsType, IDialogApiDef, TDialogCallbackVoidFn, TDialogCallbackFn, DialogExternalHandlers, Dialogify, DialogExternalRefs } from "../types/index.js";
-declare class Dialog<Values extends Record<string, any>> {
+declare class Dialog<Values extends Record<string, any>, StockDialogHandlers extends Record<string, any> = {}, StockDialogRefs extends Record<string, any> = {}> {
     private readonly _processingListeners;
     private readonly _abortedListeners;
     private _stateListener;
@@ -14,18 +14,18 @@ declare class Dialog<Values extends Record<string, any>> {
     private _dialogSize;
     private readonly _dialogOptions?;
     private _snackbarAnchor;
-    private _initialValues;
     /**
      * Move Fucntions
      * behavior
      * Fonksiyon taşıdığını net anlatıyor
      * UI / Dialog / Form bağlamında alışıldık
      * */
-    private _xhandlers;
-    private _xrefs;
     private _headerRef;
     private readonly _apiRef;
     private _onCloseCallback;
+    private _initialValues;
+    private _xhandlers;
+    private _xrefs;
     constructor(dialogRef?: React.RefObject<IDialogApiDef | undefined | null> | null, options?: DialogOptionsType);
     setHeader(header: TDialogCallbackFn): this;
     setBody(body: TDialogCallbackFn): this;
@@ -36,9 +36,9 @@ declare class Dialog<Values extends Record<string, any>> {
     stateListener(listener: TDialogStateListenerCallbackType): this;
     processingListener(listener: (inProcess: boolean) => void): this;
     onAbort(callbackFn: TDialogCallbackFn<void>): this;
-    initialValues<T extends Record<string, any>>(values: Dialogify<T>): Dialog<T>;
-    registerHandlers(handlers: DialogExternalHandlers): this;
-    registerRefs(refs: DialogExternalRefs): this;
+    initialValues<T extends Record<string, any>>(values: Dialogify<T>): Dialog<T, any, any>;
+    registerHandlers<H extends StockDialogHandlers>(handlers: DialogExternalHandlers<H>): Dialog<any, H, any>;
+    registerRefs<R extends StockDialogRefs>(refs: DialogExternalRefs<R>): Dialog<any, any, R>;
     initialHolder(holder: TInitialHolder): this;
     keyboardListener(listener: (key: string, dialog: IDialogApiDef) => void): this;
     resizeListener(listener: (size: IDialogSize, dialog: IDialogApiDef) => void): this;

package/models/Dialog.js

@@ -57,6 +57,13 @@ var Dialog = /** @class */ (function () {
         // ✨✨✨✨✨✨✨✨✨✨✨
         this._processingListeners = [];
         this._abortedListeners = [];
+        // private _initialValues                :DialogValues<Values>;
+        /**
+         * Move Fucntions
+         * behavior
+         * Fonksiyon taşıdığını net anlatıyor
+         * UI / Dialog / Form bağlamında alışıldık
+         * */
         this._headerRef = React.createRef();
         this.highestZ = function () {
             var presentationElements = document.querySelectorAll('div[data-family="presentation"]');
@@ -95,7 +102,7 @@ var Dialog = /** @class */ (function () {
         if (options) {
             this._dialogOptions = options;
         }
-        this._xrefs = {};
+        // this._xrefs = {} as DialogExternalRefs<StockDialogRefs>;
     }
     Dialog.prototype.setHeader = function (header) {
         this._header = header;
@@ -141,12 +148,16 @@ var Dialog = /** @class */ (function () {
         return next;
     };
     Dialog.prototype.registerHandlers = function (handlers) {
+        // this._xhandlers = handlers;
+        // return this;
+        var next = this;
         this._xhandlers = handlers;
-        return this;
+        return next;
     };
     Dialog.prototype.registerRefs = function (refs) {
+        var next = this;
         this._xrefs = refs;
-        return this;
+        return next;
     };
     Dialog.prototype.initialHolder = function (holder) {
         this._initialHolder = holder;

package/package.json

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

@@ -17,7 +17,7 @@ export interface ActionProps {
      * @see options.label */
     label?: string;
     onClick: DialogActionType;
-    dialogBaseComponent?: DialogBase<any>;
+    dialogBaseComponent?: DialogBase<any, any, any>;
     /**
      * @deprecated
      * @see options.variant */

package/types/DialogContentContextTypes.d.ts

@@ -4,7 +4,7 @@ import { ReactNode, RefObject } from "react";
 import { BaseDialogDOMRect } from "./index.js";
 import { Resizeable } from "../helpers/index.js";
 export interface DialogContentContextProviderProps {
-    dialogBase: DialogBase<any>;
+    dialogBase: DialogBase<any, any, any>;
     body: TDialogCallbackFn<ReturnType<any>>;
     dialogRef: RefObject<any>;
     headerRef: RefObject<any>;
@@ -17,6 +17,6 @@ export interface DialogContentContextProviderProps {
 }
 export interface DialogContentContextProviderSharedProps extends Partial<Pick<DialogContentContextProviderProps, 'body' | 'dialogRef' | 'headerRef' | 'bodyRef' | 'footerRef' | 'backdropRef' | 'snackbarRef' | 'prevDialogRect'>> {
     baseZoomEffect: () => void;
-    dialog: DialogBase<any>;
+    dialog: DialogBase<any, any, any>;
     resizeableObject: Resizeable | null;
 }

package/types/DialogTypes.d.ts

@@ -31,7 +31,7 @@ export interface DialogFormikAdapter<Values> extends Omit<FormikProps<any>, 'val
     validateForm(): Promise<any>;
     errors: any;
 }
-export interface BaseDialogProps<Values extends Record<string, any>> {
+export interface BaseDialogProps<Values extends Record<string, any>, StockDialogHandlers extends Record<string, any>, StockDialogRefs extends Record<string, any>> {
     initialValues: Dialogify<Values>;
     initialOptions?: DialogOptionsType;
     body: TDialogCallbackFn;
@@ -40,8 +40,8 @@ export interface BaseDialogProps<Values extends Record<string, any>> {
     didMountCallback?: TDialogCallbackVoidFn;
     dialogSize?: IDialogSize;
     stateListener: TDialogStateListenerCallbackType;
-    xhandlers: DialogExternalHandlers;
-    xrefs: DialogExternalRefs;
+    xhandlers: DialogExternalHandlers<StockDialogHandlers>;
+    xrefs: DialogExternalRefs<StockDialogRefs>;
     initialHolder: TInitialHolder;
     snackbarAnchor?: ISnackbarAnchor;
     dom: HTMLDivElement;
@@ -149,9 +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' | 'onAbort' | 'xhandlers' | 'appendXHandler' | 'xrefs' | 'appendXRef'> {
-}
-export interface IDialogCloseRef extends Pick<DialogBase<any>, 'close'> {
+export interface IDialogApiDef extends Pick<DialogBase<any, any, any>, 'isInProcess' | 'setInProcess' | 'values' | 'setValue' | 'setValues' | 'close' | 'dialogOptions' | 'actions' | 'snackbar' | 'formikValidate' | 'formikProps' | 'focus' | 'updateBody' | 'processingListener' | 'onAbort' | 'xhandlers' | 'appendXHandler' | 'xrefs' | 'appendXRef'> {
 }
 interface OpenArgs {
     message: any;
@@ -178,7 +176,7 @@ export interface WithBackdrop {
     body: TDialogCallbackFn;
     header: TDialogCallbackFn;
     actions?: DialogAction[];
-    dialog: DialogBase<any>;
+    dialog: DialogBase<any, any, any>;
     backdropRef: RefObject<any>;
     initialValues: Partial<Record<string, any>>;
     dialogRef: RefObject<any>;
@@ -205,7 +203,7 @@ export interface IContentProps {
     footerRef: React.RefObject<DialogContentFooterReturnType>;
     backdropRef: React.RefObject<any>;
     dialogOptions: DialogOptionsType;
-    dialog: DialogBase<any>;
+    dialog: DialogBase<any, any, any>;
     resizeableObject?: Resizeable | null;
     prevDialogRect: WithBackdrop['prevDialogRect'];
     snackbarRef: WithBackdrop['snackbarRef'];
@@ -254,17 +252,23 @@ export type ModelDialogValues<T> = {
     [K in keyof T]: DialogValue<T>;
 };
 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 ? {
+export type Dialogify<T> = T extends Function ? never : T extends {
+    current: null;
+} ? 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 DialogExternalHandlerFn<T = unknown> = T extends Function ? ((...args: any[]) => any) : T;
-export type DialogExternalHandlers = Record<string, DialogExternalHandlerFn>;
+export type DialogExternalHandler = (...args: any[]) => any;
+export type DialogExternalHandlers<T> = T extends (...args: any[]) => any ? DialogExternalHandler : T extends object ? {
+    [K in keyof T]: DialogExternalHandlers<T[K]>;
+} : never;
 export type DialogExternalRef<T = unknown> = {
     current: T | null;
 };
-export type DialogExternalRefs = {
-    [key: string]: DialogExternalRef;
-};
+export type DialogExternalRefs<T> = T extends {
+    current: null;
+} ? DialogExternalRef : T extends object ? {
+    [K in keyof T]: DialogExternalRefs<T[K]>;
+} : never;
 export interface BaseDialogDOMRect {
     height?: number;
     width?: number;
@@ -288,6 +292,6 @@ export interface ICoords {
     y: number;
 }
 export interface DialogProps {
-    setHeader(header: TDialogCallbackFn): Dialog<Record<string, any>>;
+    setHeader(header: TDialogCallbackFn): Dialog<any, any, any>;
 }
 export {};

package/utils/resizeManager.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { DialogBase } from "../components/index.js";
 import { Resizeable } from "../helpers/index.js";
-declare const resizeManager: (dialogRef: React.RefObject<HTMLDivElement>, dialog: DialogBase<any>) => Resizeable | null;
+declare const resizeManager: (dialogRef: React.RefObject<HTMLDivElement>, dialog: DialogBase<any, any, any>) => Resizeable | null;
 export { resizeManager };