react-dialogger 1.1.48 → 1.1.49

package/README.md

@@ -32,8 +32,9 @@ Although a global configuration is set by useDialogOptions, each dialog can stil
 Below is an example of customizing a dialog using `useDialogOptions`:
 
 #### useDialogOptions (Base)
+
 ```js
-useDialogOptions({
+initialDialogOptions({
     base: {
         footer: {
             style: { // Footer custom styles

package/components/Actions.d.ts

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

package/components/Actions.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Actions = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var DialogActionBase_1 = __importDefault(require("./DialogActionBase"));
+var Actions = function (_a) {
+    var actions = _a.actions, dialog = _a.dialog;
+    var dialogOptions = dialog.dialogOptions;
+    return (0, jsx_runtime_1.jsx)("div", { style: { position: 'relative', display: 'flex', flexDirection: 'row', columnGap: 10, alignItems: 'center' }, children: actions.map(function (action, index) {
+            var referencedAction = dialog.initializeActionRef(action.name);
+            return (0, jsx_runtime_1.jsx)(DialogActionBase_1.default, { name: action.name, ref: referencedAction, dialogBaseComponent: dialog, options: action.options, onClick: action.onClickHandler(), inProcess: action.isInProcess(), style: action.options.style, baseStyle: dialogOptions.base.actions.baseStyle, fontFamily: dialogOptions.base.style.fontFamily, stateListener: action._stateListener }, index.toString());
+        }) });
+};
+exports.Actions = Actions;

package/components/DialogActionBase.d.ts

@@ -23,10 +23,20 @@ declare class DialogActionBase extends Component<ActionProps, ActionState> {
     setLabel: (label: string) => DialogActionBase;
     getLabel(): string;
     protected onClick(callback: DialogActionType): DialogActionBase;
+    /**
+     * @deprecated use Options*/
     setVariant: (variant: TBVariant) => DialogActionBase;
+    /**
+     * @deprecated use Options*/
     getVariant: () => TBVariant;
+    /**
+     * @deprecated use Options*/
     setColor: (color: TBColor) => DialogActionBase;
+    /**
+     * @deprecated use Options*/
     getColor: () => TBColor;
+    /**
+     * @deprecated use Options*/
     setDisabled: (disabled: boolean) => DialogActionBase;
     /**
      * @deprecated

package/components/DialogActionBase.js

@@ -58,15 +58,11 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var React = __importStar(require("react"));
-var RippleButton_1 = __importDefault(require("./RippleButton"));
-var CircularProgress_1 = __importDefault(require("./CircularProgress"));
+var index_1 = require("./index");
 var DialogActionBase = /** @class */ (function (_super) {
     __extends(DialogActionBase, _super);
     function DialogActionBase(props) {
@@ -87,23 +83,33 @@ var DialogActionBase = /** @class */ (function (_super) {
             _this.forceUpdate();
             return _this;
         };
+        /**
+         * @deprecated use Options*/
         _this.setVariant = function (variant) {
             _this._options.variant = variant;
             _this.forceUpdate();
             return _this;
         };
+        /**
+         * @deprecated use Options*/
         _this.getVariant = function () {
             return _this._options.variant;
         };
+        /**
+         * @deprecated use Options*/
         _this.setColor = function (color) {
             // this._color = color;
             _this._options.color = color;
             _this.forceUpdate();
             return _this;
         };
+        /**
+         * @deprecated use Options*/
         _this.getColor = function () {
             return _this._options.color;
         };
+        /**
+         * @deprecated use Options*/
         _this.setDisabled = function (disabled) {
             _this._options.disabled = disabled;
             _this.forceUpdate();
@@ -125,10 +131,6 @@ var DialogActionBase = /** @class */ (function (_super) {
             return _this;
         };
         _this.isInProcess = function () {
-            var _a;
-            if (((_a = _this.props.dialogBaseComponent) === null || _a === void 0 ? void 0 : _a.parent.accessFrom) === "internal") {
-                return _this._inProcess;
-            }
             return _this._inProcess;
         };
         _this.remove = function () {
@@ -144,7 +146,7 @@ var DialogActionBase = /** @class */ (function (_super) {
         };
         _this.render = function () {
             console.log('this._options.style.render', _this._options);
-            return (0, jsx_runtime_1.jsx)(RippleButton_1.default, { ref: _this._buttonRef, innerRef: _this._rippleButtonRef, variant: _this._options.variant, color: _this._options.color, disabled: _this._options.disabled, onClick: function (e) {
+            return (0, jsx_runtime_1.jsx)(index_1.RippleButton, { ref: _this._buttonRef, innerRef: _this._rippleButtonRef, variant: _this._options.variant, color: _this._options.color, disabled: _this._options.disabled, onClick: function (e) {
                     if (_this._options.disabled || _this.isInProcess())
                         return;
                     // @ts-ignore
@@ -155,7 +157,7 @@ var DialogActionBase = /** @class */ (function (_super) {
                             buttonRef.style.minWidth = buttonRef.getBoundingClientRect().width + 'px';
                         }
                     }
-                    return (0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(CircularProgress_1.default, { size: 15, inProcess: { inProcess: _this.isInProcess() } }), !_this.isInProcess() &&
+                    return (0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_1.CircularProgress, { size: 15, inProcess: { inProcess: _this.isInProcess() } }), !_this.isInProcess() &&
                                 _this._options.label] });
                 } });
         };

package/components/DialogBase.d.ts

@@ -1,121 +1,70 @@
 import { Component, ReactNode, RefObject } from "react";
 import { FormikProps } from "formik";
-import * as React from "react";
-import Dialog from "../models/Dialog";
-import { DialogAction } from "../models/DialogAction";
-import DialogActionBase from "./DialogActionBase";
-import { IInProcess, ComponentOrderType, TInitialHolder, ISnackbarAnchor, ComponentOrderPositions, TSeverity, BaseDialogDOMRect, TAccessFrom, TInitialValues, DialogValues } from "../types/types";
-import { BaseDialogProps, BaseDialogState, IDialogSize, DialogOptionsType, TBaseDialogState, TDialogStateListenerCallbackType, IDialogDef, TDialogCallbackNodeFn, TDialogCallbackVoidFn } from "../types/DialogTypes";
-import Resizeable from "../models/Resizeable";
-export declare const WithHeaderFooterContext: (props: any) => import("react/jsx-runtime").JSX.Element;
-export declare const DialogHeaderFooterContext: React.Context<any>;
+import { DialogActionBase } from "./";
+import { IInProcess, TInitialHolder, ISnackbarAnchor, TSeverity, DialogValues, TAccessFrom } from "../types/types";
+import { BaseDialogProps, BaseDialogState, IDialogSize, DialogOptionsType, TDialogCallbackFn, TDialogCallbackVoidFn, WithBackdrop } from "../types/DialogTypes";
+import { DialogContentFooterReturnType } from "../types/DialogActionTypes";
+import Dialog, { DialogAction } from "../index";
+interface IFormikAdapter extends Pick<FormikProps<any>, 'setValues' | 'setFieldValue' | 'values'> {
+}
 declare class DialogBase<Values extends Record<string, any>> extends Component<BaseDialogProps, BaseDialogState> {
-    get parent(): Dialog;
-    protected _dom: HTMLDivElement;
-    protected _innerRef: React.RefObject<any>;
-    protected _stateListener: TDialogStateListenerCallbackType;
-    _processingListener: (inProcess: boolean) => void;
-    protected _keyboardListener: (key: string, dialog: IDialogDef) => void;
-    protected _resizeListener: (size: IDialogSize, dialog: IDialogDef) => void;
-    protected _initialHolder: TInitialHolder;
-    protected _accessFrom: TAccessFrom;
-    protected _header: TDialogCallbackNodeFn;
-    protected _body: TDialogCallbackNodeFn;
-    protected _actions: Array<DialogAction>;
-    protected readonly _backdropRef: RefObject<any>;
-    protected readonly _dialogRef: RefObject<any>;
-    protected readonly _dialogBodyRef: RefObject<any>;
-    /**@deprecated use outside Content component*/
-    protected readonly _snackbarRef: RefObject<any>;
-    protected _dialogSize: IDialogSize;
-    protected _holder?: TInitialHolder;
-    protected _formikProps: FormikProps<any>;
     _dialogTranslate: {
         lastX: number;
         lastY: number;
     };
-    private readonly _draggable;
-    private readonly _resizeable;
-    private readonly _closeable;
-    private readonly _fullscreen;
-    protected _order: ComponentOrderType;
-    protected readonly _parent: Dialog;
+    readonly _actionRefs: {
+        [key: string]: RefObject<DialogActionBase>;
+    };
+    private _keyboardListener;
+    protected _inlineFormikProps: IFormikAdapter;
+    protected _header: TDialogCallbackFn;
+    protected _body: TDialogCallbackFn;
+    protected _actions: DialogAction[];
+    protected _dialogSize: IDialogSize;
+    protected _holder?: TInitialHolder;
+    protected _formikProps: FormikProps<any>;
+    protected readonly _backdropRef: RefObject<any>;
+    protected readonly _dialogRef: RefObject<any>;
+    protected readonly _dialogBodyRef: RefObject<any>;
+    protected readonly _snackbarRef: WithBackdrop['snackbarRef'];
     protected _dialogOptions?: DialogOptionsType;
-    protected _shInterval: number;
     protected _onClose: TDialogCallbackVoidFn;
-    private _inProcess;
-    private _footerRef;
-    /**
-     * @deprecated
-     * @see dialogOptions.snackbar.anchorOrigin */
+    protected _shInterval: number;
     protected _snackbarAnchor: ISnackbarAnchor;
-    protected _Resizeable: Resizeable;
-    /**@deprecated use outside Content component*/
-    protected readonly dialogPosFromMultipleDialogs: BaseDialogDOMRect;
-    private readonly _actionRefs;
-    /**@deprecated
-     * @use _initialUserProps */
-    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
-     * super(props) call in the DialogBase constructor.
-     * The type system is expecting BaseDialogProps | Readonly<BaseDialogProps>,
-     * but you're passing {} (an empty object),
-     * which is not assignable to that type.
-     * */
-    private readonly _fontFamily;
-    private _storedBounds;
+    private _inProcess;
+    private _footerRef;
+    protected _headerRef: RefObject<DialogContentFooterReturnType>;
+    private readonly _dialogWithBackDropRef;
+    protected readonly _parent: Dialog;
+    private _accessFrom;
     constructor(props?: Readonly<BaseDialogProps>);
-    get fullscreenMode(): boolean;
+    get parent(): Dialog;
+    get dialogTranslate(): {
+        lastX: number;
+        lastY: number;
+    };
+    set accessFrom(accessFrom: TAccessFrom);
+    get accessFrom(): TAccessFrom;
     initializeActionRef: (key: string) => RefObject<DialogActionBase>;
     get dialogOptions(): DialogOptionsType;
     get holder(): DialogOptionsType;
-    get Resizeable(): Resizeable;
-    /**@deprecate
-     * @see this.state
-     * */
-    getState: () => TBaseDialogState;
     get formikProps(): FormikProps<any>;
     set formikProps(value: FormikProps<any>);
     get formikValidate(): Promise<FormikProps<any>>;
-    get values(): Record<string, any>;
-    setValues(values: Record<string, any>, callbackFn?: () => void): void;
+    set inlineFormikProps(inlineFormikProps: IFormikAdapter);
+    get values(): IFormikAdapter['values'];
     setValue(key: string, value: any): void;
-    private dialogAutoPos;
+    setValues(values: IFormikAdapter['values'], callbackFn?: () => void): void;
     componentDidMount(): void;
-    onResize(callbackFn: (size: IDialogSize, dialog: IDialogDef) => void): 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;
-    protected setHeader(header: TDialogCallbackNodeFn): this;
-    setBody(body: TDialogCallbackNodeFn): this;
-    protected addActions(actions: Array<DialogAction>): this;
-    protected addAction(action: DialogAction): this;
-    stateListener(listener: TDialogStateListenerCallbackType): this;
-    protected keyboardListener(listener: (key: string, dialog: IDialogDef) => void): this;
-    protected resizeListener(listener: (size: IDialogSize, dialog: IDialogDef) => void): this;
-    processingListener(listener: (inProcess: boolean) => void): this;
-    protected initialHolder(holder: TInitialHolder): this;
-    protected onClose(callback: TDialogCallbackVoidFn): this;
-    setInProcess_noRef: (process: boolean, message?: string, holder?: TInitialHolder) => this;
     setInProcess: (process: boolean, message?: string, holder?: TInitialHolder) => this;
     isInProcess: () => IInProcess;
-    close: (callbackFn?: any) => void;
+    private kill;
+    close: (callbackFn?: () => void) => void;
     focus: () => void;
     get actions(): {
-        [key: string]: Pick<DialogActionBase, "options" | "setInProcess" | "setOptions" | "getLabel" | "click" | "remove">;
+        [key: string]: Pick<DialogActionBase, "setOptions" | "setInProcess" | "getLabel" | "options" | "click" | "remove">;
     };
-    private orderPositionWithReference;
-    /**
-     * @deprecated
-     * @info This method is deprecated and will be removed in a future release.
-     * Please use an alternative approach for setting dialog ordering or layout.
-     * The dialog ordering functionality will be managed differently in future versions.
-     */
-    setOrder: (position: ComponentOrderPositions, component: HTMLElement) => this;
     getDom: () => HTMLDivElement;
     get snackbar(): {
         open: (message: string, severity: TSeverity, key?: string, action?: ((key: string, snackbarRef: any) => ReactNode | void), autoHideDuration?: number | null) => void;
@@ -128,22 +77,6 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
         }) => void;
         close: (key?: string) => void;
     };
-    getSize: () => IDialogSize;
-    /**
-     * @deprecated
-     * use outside Content component
-     * */
-    private baseZoomEffect;
-    private WithBackdrop;
-    switchFullScreen: () => void;
-    private Placeholder;
-    private Header;
-    private Body;
-    private Footer;
-    private Actions;
-    private Content;
-    private highestZ;
-    protected show(callback?: TDialogCallbackVoidFn): void;
     render: () => import("react/jsx-runtime").JSX.Element;
 }
 export default DialogBase;