react-dialogger 1.1.53 → 1.1.55

package/components/Actions.d.ts

@@ -1,5 +1,5 @@
-import { DialogAction } from "../models";
-import DialogBase from "./DialogBase";
+import { DialogAction } from "../models/index.js";
+import { DialogBase } from "./index.js";
 declare const Actions: ({ actions, dialog }: {
     actions?: DialogAction[];
     dialog: DialogBase<any>;

package/components/Actions.js

@@ -1,18 +1,19 @@
 "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 _components_1 = require("./index.js");
 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) {
             console.log('Actions_action', action, action.getIntent());
             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, intent: action.getIntent() }, index.toString());
+            return (0, jsx_runtime_1.jsx)(_components_1.DialogActionBase, { name: action.name, ref: referencedAction, dialogBaseComponent: dialog, options: action.options, 
+                //onClick={ action.onClickHandler() }
+                onClick: action._onCLick, 
+                // inProcess={action.isInProcess()}
+                style: action.options.style, baseStyle: dialogOptions.base.actions.baseStyle, fontFamily: dialogOptions.base.style.fontFamily, stateListener: action._stateListener, intent: action.getIntent() }, index.toString());
         }) });
 };
 exports.Actions = Actions;

package/components/CircularProgress.d.ts

@@ -1,4 +1,4 @@
-import { IInProcess } from "../types/types";
+import { IInProcess } from "../types/index.js";
 declare const _default: ({ size, color, inProcess }: {
     color?: string;
     inProcess: IInProcess;

package/components/DialogActionBase.d.ts

@@ -1,13 +1,13 @@
 import { Component } from "react";
-import DialogBase from "./DialogBase";
-import { ActionProps, ActionState, DialogActionType, TBVariant, TBColor, DialogActionOptionsType, TDialogStateListenerForActionCallbackType, ActionIntent } from "../types/DialogActionTypes";
+import { DialogBase } from "./index.js";
+import { ActionProps, ActionState, DialogActionType, TBVariant, TBColor, DialogActionOptionsType, TDialogStateListenerForActionCallbackType, ActionIntent } from "../types/index.js";
 declare class DialogActionBase extends Component<ActionProps, ActionState> {
     get dialogBaseComponent(): DialogBase<any>;
     protected _options: DialogActionOptionsType;
     protected _intent: ActionIntent;
     _stateListener: TDialogStateListenerForActionCallbackType;
     protected _baseDialogAction?: DialogActionBase;
-    protected _name: string;
+    private readonly _name;
     protected _onClick: ActionProps['onClick'];
     private readonly _dialogBaseComponent;
     protected _inProcess: ActionProps['inProcess'];
@@ -20,6 +20,11 @@ declare class DialogActionBase extends Component<ActionProps, ActionState> {
     get baseDialogAction(): DialogActionBase;
     getInitialClickHandler: () => DialogActionType;
     updateOptions(options: DialogActionOptionsType): this;
+    /**
+     * use updateOptions
+     * @deprecated
+     * @link updateOptions */
+    setOptions(options: DialogActionOptionsType): this;
     get options(): DialogActionOptionsType;
     updateLabel: (label: string) => DialogActionBase;
     getLabel(): string;

package/components/DialogActionBase.js

@@ -62,7 +62,7 @@ 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 index_1 = require("./index");
+var _components_1 = require("./index.js");
 var DialogActionBase = /** @class */ (function (_super) {
     __extends(DialogActionBase, _super);
     function DialogActionBase(props) {
@@ -157,7 +157,7 @@ var DialogActionBase = /** @class */ (function (_super) {
             // Set as default converted from action name prop
             var converted = (_b = (_a = _this.props.name) === null || _a === void 0 ? void 0 : _a.replace(/action/i, '')) !== null && _b !== void 0 ? _b : _this.props.name;
             _this._options.label = (_g = ((_f = (_e = (_d = (_c = _this.props.dialogBaseComponent) === null || _c === void 0 ? void 0 : _c.dialogOptions) === null || _d === void 0 ? void 0 : _d.localText) === null || _e === void 0 ? void 0 : _e[converted]) !== null && _f !== void 0 ? _f : converted)) !== null && _g !== void 0 ? _g : 'Button';
-            return (0, jsx_runtime_1.jsx)(index_1.RippleButton, { ref: _this._buttonRef, innerRef: _this._rippleButtonRef, 
+            return (0, jsx_runtime_1.jsx)(_components_1.RippleButton, { ref: _this._buttonRef, innerRef: _this._rippleButtonRef, 
                 // Intent Based
                 variant: (_k = (_j = (_h = _this.state) === null || _h === void 0 ? void 0 : _h.intent) === null || _j === void 0 ? void 0 : _j.variant) !== null && _k !== void 0 ? _k : _this._options.variant, 
                 // Intent Based
@@ -180,7 +180,7 @@ var DialogActionBase = /** @class */ (function (_super) {
                      * i → case-insensitive
                      * Daha temiz, daha kısa
                      */
-                    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() &&
+                    return (0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(_components_1.CircularProgress, { size: 15, inProcess: { inProcess: _this.isInProcess() } }), !_this.isInProcess() &&
                                 _this.options.label] });
                 } });
         };
@@ -235,6 +235,14 @@ var DialogActionBase = /** @class */ (function (_super) {
         this.forceUpdate();
         return this;
     };
+    /**
+     * use updateOptions
+     * @deprecated
+     * @link updateOptions */
+    DialogActionBase.prototype.setOptions = function (options) {
+        this.updateOptions(options);
+        return this;
+    };
     Object.defineProperty(DialogActionBase.prototype, "options", {
         get: function () {
             return this._options;

package/components/DialogBase.d.ts

@@ -1,14 +1,12 @@
-import { Component, ReactNode, RefObject } from "react";
+import { Component, ReactNode, RefObject } from 'react';
 import { FormikProps } from "formik";
-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";
+import { DialogActionBase } from "./index.js";
+import { BaseDialogProps, BaseDialogState, IDialogSize, DialogOptionsType, TDialogCallbackFn, TDialogCallbackVoidFn, WithBackdrop, IInProcess, TInitialHolder, ISnackbarAnchor, TSeverity, DialogValues, TAccessFrom, ActionBaseDef, DialogContentFooterReturnType, DialogFormikAdapter } from "../types/index.js";
+import Dialog, { DialogAction } from "../models/index.js";
 interface IFormikAdapter extends Pick<FormikProps<any>, 'setValues' | 'setFieldValue' | 'values'> {
 }
 type FeatureType = Partial<Record<string, any>>;
-declare class DialogBase<Values extends Record<string, any>> extends Component<BaseDialogProps, BaseDialogState> {
+declare class DialogBase<Values extends FormikProps<Values>> extends Component<BaseDialogProps, BaseDialogState> {
     _dialogTranslate: {
         lastX: number;
         lastY: number;
@@ -22,7 +20,7 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
     protected _actions: DialogAction[];
     protected _dialogSize: IDialogSize;
     protected _holder?: TInitialHolder;
-    protected _formikProps: FormikProps<any>;
+    protected _formikProps: DialogFormikAdapter<any>;
     protected readonly _backdropRef: RefObject<any>;
     protected readonly _dialogRef: RefObject<any>;
     protected readonly _dialogBodyRef: RefObject<any>;
@@ -54,9 +52,9 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
     initializeActionRef: (key: string) => RefObject<DialogActionBase>;
     get dialogOptions(): DialogOptionsType;
     get holder(): DialogOptionsType;
-    get formikProps(): FormikProps<any>;
-    set formikProps(value: FormikProps<any>);
-    get formikValidate(): Promise<FormikProps<any>>;
+    get formikProps(): DialogFormikAdapter<any>;
+    set formikProps(value: DialogFormikAdapter<any>);
+    get formikValidate(): Promise<DialogFormikAdapter<any>>;
     set inlineFormikProps(inlineFormikProps: IFormikAdapter);
     get values(): IFormikAdapter['values'];
     setValue(key: string, value: any): void;
@@ -68,7 +66,7 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
     close: (callbackFn?: () => void) => void;
     focus: () => void;
     get actions(): {
-        [key: string]: Pick<DialogActionBase, "updateOptions" | "setInProcess" | "getLabel" | "options" | "click" | "remove" | "name">;
+        [key: string]: ActionBaseDef;
     };
     updateBody(body: TDialogCallbackFn): void;
     processingListener(listener: (inProcess: boolean) => void): this;
@@ -84,6 +82,7 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
         }) => void;
         close: (key?: string) => void;
     };
+    private Body;
     render: () => import("react/jsx-runtime").JSX.Element;
 }
 export default DialogBase;

package/components/DialogBase.js

@@ -58,17 +58,15 @@ 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 formik_1 = require("formik");
 var React = __importStar(require("react"));
 var lodash_1 = require("lodash");
-var _1 = require("./");
-var dialogRectAuto_1 = require("../helpers/dialogRectAuto");
-var DialogContentContextProvider_1 = __importDefault(require("../context/DialogContentContextProvider"));
+var _components_1 = require("./index.js");
+var _helpers_1 = require("../helpers/index.js");
+var _context_1 = require("../context/index.js");
 var DialogBase = /** @class */ (function (_super) {
     __extends(DialogBase, _super);
     function DialogBase(props) {
@@ -166,21 +164,35 @@ var DialogBase = /** @class */ (function (_super) {
         _this.getDom = function () {
             return _this.props.dom;
         };
+        _this.Body = function (_a) {
+            var body = _a.body;
+            var formikProps = (0, formik_1.useFormik)({
+                initialValues: {},
+                onSubmit: function (values, formikHelpers) { }
+            });
+            console.log('Body_formikProps', formikProps);
+            if (body instanceof Function) {
+                return (0, jsx_runtime_1.jsxs)("div", { ref: _this._dialogBodyRef, className: 'dialog-body', style: { height: '100%' }, children: ["N", body(_this)] });
+            }
+            return (0, jsx_runtime_1.jsx)("div", { className: 'dialog-body', style: { height: '100%', padding: 10 }, children: body });
+        };
         _this.render = function () {
             console.log('this._prevDialogRect', _this.state.prevDialogRect);
-            return (0, jsx_runtime_1.jsx)(DialogContentContextProvider_1.default
+            return (0, jsx_runtime_1.jsx)(_context_1.DialogContentContextProvider
             // 1️⃣initialValues={this.props.initialValues}
             , { 
                 // 1️⃣initialValues={this.props.initialValues}
                 dialogBase: _this, 
                 // Component
+                // body={this.state.body(this)}
                 body: _this.state.body, 
+                // body={<this.Body body={this.state.body} /> as any}
                 // Refs Props
-                dialogRef: _this._dialogRef, headerRef: _this._headerRef, bodyRef: _this._dialogBodyRef, footerRef: _this._footerRef, backdropRef: _this._backdropRef, snackbarRef: _this._snackbarRef, prevDialogRect: _this.state.prevDialogRect, children: (0, jsx_runtime_1.jsx)(_1.DialogWithBackdropWrapper, {}) });
+                dialogRef: _this._dialogRef, headerRef: _this._headerRef, bodyRef: _this._dialogBodyRef, footerRef: _this._footerRef, backdropRef: _this._backdropRef, snackbarRef: _this._snackbarRef, prevDialogRect: _this.state.prevDialogRect, children: (0, jsx_runtime_1.jsx)(_components_1.DialogWithBackdropWrapper, {}) });
         };
         _this.state = {
             inProcess: { inProcess: false },
-            prevDialogRect: (0, dialogRectAuto_1.dialogRectAuto)(),
+            prevDialogRect: (0, _helpers_1.dialogRectAuto)(),
             body: props.body
         };
         console.log('Class_Type', _this instanceof DialogBase);
@@ -385,8 +397,8 @@ var DialogBase = /** @class */ (function (_super) {
             var _this = this;
             var __actions = {};
             this._actions.forEach(function (action, index) {
-                var _a, _b;
-                __actions[action.name] = (_b = (_a = _this._actionRefs[action.name]) === null || _a === void 0 ? void 0 : _a.current) !== null && _b !== void 0 ? _b : action;
+                var _a;
+                __actions[action.name] = (_a = _this._actionRefs[action.name]) === null || _a === void 0 ? void 0 : _a.current; // ?? action;
             });
             return __actions;
         },

package/components/DialogContent.js

@@ -64,16 +64,16 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_draggable_1 = __importDefault(require("react-draggable"));
 var helpers_1 = require("../helpers");
 var React = __importStar(require("react"));
-var ResizeIcon_1 = __importDefault(require("./icons/ResizeIcon"));
+var _icons_1 = require("../icons/index.js");
 var notistack_1 = require("notistack");
 var _1 = require("./");
 var react_1 = require("react");
-var helpers_2 = require("../helpers");
-var jumper_animate_1 = require("./utils/effects/jumper-animate");
-var DialogContentContextProvider_1 = require("../context/DialogContentContextProvider");
+var _helpers_1 = require("../helpers/index.js");
+var jumper_animate_1 = require("../utils/effects/jumper-animate");
+var _context_1 = require("../context/index.js");
 var DialogContent = function (props) {
     var _a, _b, _c, _d, _e;
-    var _f = (0, react_1.useContext)(DialogContentContextProvider_1.DialogContentContext), dialog = _f.dialog, dialogRef = _f.dialogRef, prevDialogRect = _f.prevDialogRect, backdropRef = _f.backdropRef, snackbarRef = _f.snackbarRef, footerRef = _f.footerRef, resizeableObject = _f.resizeableObject;
+    var _f = (0, react_1.useContext)(_context_1.DialogContentContext), dialog = _f.dialog, dialogRef = _f.dialogRef, prevDialogRect = _f.prevDialogRect, backdropRef = _f.backdropRef, snackbarRef = _f.snackbarRef, footerRef = _f.footerRef, resizeableObject = _f.resizeableObject, body = _f.body;
     var dialogOptions = dialog.dialogOptions;
     var baseOptions = dialogOptions.base;
     var _g = React.useState(false), fullscreenMode = _g[0], setFullscreenMode = _g[1];
@@ -108,7 +108,7 @@ var DialogContent = function (props) {
     // Listener & Animate
     (0, react_1.useEffect)(function () {
         // setDialogRect();
-        (0, helpers_2.formInputKeyListeners)(dialogRef.current);
+        (0, _helpers_1.formInputKeyListeners)(dialogRef.current);
         if (dialog.dialogOptions.animate === 'jumper') {
             (0, jumper_animate_1.jumperAnimate)(dialogRef.current);
         }
@@ -168,9 +168,9 @@ var DialogContent = function (props) {
                     // @ts-ignore
                     dialog.props.keyboardListener(e.key, _this);
                 }
-            }, className: baseOptions.size.width === 'auto' ? 'auto' : "dialog-width-".concat(dialogOptions.base.size.width, " dialog-main show-opacity show-position-").concat(baseOptions.initialAnchor.vertical), style: __assign(__assign(__assign(__assign({ height: (_b = baseOptions.size.height) !== null && _b !== void 0 ? _b : 'auto' }, typeof baseOptions.size.width === "number" ? { width: "".concat(baseOptions.size.width, "px") } : { width: "".concat(baseOptions.size.width) }), { outline: 'none', fontFamily: (_c = baseOptions.style.fontFamily) !== null && _c !== void 0 ? _c : 'Arial' }), rect), { alignSelf: (_d = baseOptions.initialAnchor.vertical) !== null && _d !== void 0 ? _d : 'flex-start', justifySelf: (_e = baseOptions.initialAnchor.horizontal) !== null && _e !== void 0 ? _e : 'flex-start' }), children: (0, jsx_runtime_1.jsxs)(notistack_1.SnackbarProvider, { ref: snackbarRef, maxSnack: dialog.dialogOptions.snackbar.maxSnack, children: [(dialog.props.header || dialogOptions.slot.header) && ((0, jsx_runtime_1.jsx)(_1.DialogContentHeader, { header: dialog.props.header, bounds: bounds })), (0, jsx_runtime_1.jsx)(_1.DialogContentBody, { body: dialog.state.body }), (0, jsx_runtime_1.jsx)(_1.DialogContentFooter, { ref: footerRef }), (baseOptions.resizeable) &&
+            }, className: baseOptions.size.width === 'auto' ? 'auto' : "dialog-width-".concat(dialogOptions.base.size.width, " dialog-main show-opacity show-position-").concat(baseOptions.initialAnchor.vertical), style: __assign(__assign(__assign(__assign({ height: (_b = baseOptions.size.height) !== null && _b !== void 0 ? _b : 'auto' }, typeof baseOptions.size.width === "number" ? { width: "".concat(baseOptions.size.width, "px") } : { width: "".concat(baseOptions.size.width) }), { outline: 'none', fontFamily: (_c = baseOptions.style.fontFamily) !== null && _c !== void 0 ? _c : 'Arial' }), rect), { alignSelf: (_d = baseOptions.initialAnchor.vertical) !== null && _d !== void 0 ? _d : 'flex-start', justifySelf: (_e = baseOptions.initialAnchor.horizontal) !== null && _e !== void 0 ? _e : 'flex-start' }), children: (0, jsx_runtime_1.jsxs)(notistack_1.SnackbarProvider, { ref: snackbarRef, maxSnack: dialog.dialogOptions.snackbar.maxSnack, children: [(dialog.props.header || dialogOptions.slot.header) && ((0, jsx_runtime_1.jsx)(_1.DialogContentHeader, { header: dialog.props.header, bounds: bounds })), (0, jsx_runtime_1.jsx)(_1.DialogContentBody, { body: body }), (0, jsx_runtime_1.jsx)(_1.DialogContentFooter, { ref: footerRef }), (baseOptions.resizeable) &&
                         (0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "resizable-handle", style: {
                                     zIndex: parseInt(domZIndex) + 1
-                                }, onMouseDown: resizeableObject === null || resizeableObject === void 0 ? void 0 : resizeableObject.resizeHandleMouseDown, children: (0, jsx_runtime_1.jsx)(ResizeIcon_1.default, { color: '#286e94' }) }) })] }) }) });
+                                }, onMouseDown: resizeableObject === null || resizeableObject === void 0 ? void 0 : resizeableObject.resizeHandleMouseDown, children: (0, jsx_runtime_1.jsx)(_icons_1.ResizeIcon, { color: '#286e94' }) }) })] }) }) });
 };
 exports.DialogContent = DialogContent;

package/components/DialogContentBody.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { TDialogCallbackFn } from "../types/DialogTypes";
+import { TDialogCallbackFn } from "../types/index.js";
 interface IContentBodyProps {
     body: TDialogCallbackFn;
 }

package/components/DialogContentBody.js

@@ -37,7 +37,7 @@ exports.DialogContentBody = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var React = __importStar(require("react"));
 var react_1 = require("react");
-var DialogContentContextProvider_1 = require("../context/DialogContentContextProvider");
+var _context_1 = require("../context/index.js");
 var Placeholder = function (_a) {
     var dialogOptions = _a.dialogOptions, placeholder = _a.placeholder;
     var bgColor = dialogOptions.base.style.backgroundColor ?
@@ -53,14 +53,12 @@ var Placeholder = function (_a) {
 var DialogContentBody = React.forwardRef(function (_a, ref) {
     // const [localBody, setLocalBody] = React.useState(null);
     var body = _a.body;
-    var dialog = (0, react_1.useContext)(DialogContentContextProvider_1.DialogContentContext).dialog;
+    var dialog = (0, react_1.useContext)(_context_1.DialogContentContext).dialog;
     // useEffect(() => {
     //     setLocalBody(body(dialog));
     // }, [body]);
     if (body instanceof Function) {
-        var BodyElement = body(dialog); // localBody;
-        console.log('Typeof BodyElement', BodyElement);
-        return (0, jsx_runtime_1.jsxs)("div", { className: 'dialog-body', style: { height: '100%' }, children: [dialog.holder && (0, jsx_runtime_1.jsx)(Placeholder, { dialogOptions: dialog.dialogOptions, placeholder: dialog.holder }), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: BodyElement })] });
+        return (0, jsx_runtime_1.jsxs)("div", { className: 'dialog-body', style: { height: '100%' }, children: [dialog.holder && (0, jsx_runtime_1.jsx)(Placeholder, { dialogOptions: dialog.dialogOptions, placeholder: dialog.holder }), body] });
     }
     return (0, jsx_runtime_1.jsx)("div", { className: 'dialog-body', style: { height: '100%', padding: 10 }, children: dialog.holder ?
             (0, jsx_runtime_1.jsx)(Placeholder, { dialogOptions: dialog.dialogOptions, placeholder: dialog.holder })

package/components/DialogContentFooter.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-import { DialogContentFooterReturnType, IContentFooterProps } from "../types/DialogActionTypes";
+import { DialogContentFooterReturnType, IContentFooterProps } from "../types/index.js";
 declare const DialogContentFooter: React.ForwardRefExoticComponent<IContentFooterProps & React.RefAttributes<DialogContentFooterReturnType>>;
 export { DialogContentFooter };

package/components/DialogContentFooter.js

@@ -49,13 +49,13 @@ exports.DialogContentFooter = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var React = __importStar(require("react"));
 var react_1 = require("react");
-var Features_1 = require("./Features");
-var context_1 = require("../context");
+var _features_1 = require("../features/index.js");
+var _context_1 = require("../context/index.js");
 var _1 = require("./");
-var DialogContentContextProvider_1 = require("../context/DialogContentContextProvider");
+var _context_2 = require("../context/index.js");
 var DialogContentFooter = (0, react_1.forwardRef)(function (props, ref) {
     var _a, _b, _c;
-    var dialog = (0, react_1.useContext)(DialogContentContextProvider_1.DialogContentContext).dialog;
+    var dialog = (0, react_1.useContext)(_context_2.DialogContentContext).dialog;
     var dialogOptions = dialog.dialogOptions;
     var CustomFooter = (_a = dialogOptions.slot) === null || _a === void 0 ? void 0 : _a.footer;
     // Imperative handle
@@ -78,9 +78,9 @@ var DialogContentFooter = (0, react_1.forwardRef)(function (props, ref) {
             inProcess: dialog.isInProcess()
         });
     }
-    return (0, jsx_runtime_1.jsxs)("div", { className: 'dialog-footer', style: (_c = (_b = dialogOptions.base) === null || _b === void 0 ? void 0 : _b.footer) === null || _c === void 0 ? void 0 : _c.style, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(context_1.WithHeaderFooterContext, __assign({}, staticProps, { dialog: dialog, children: dialogOptions.slot.footer ?
+    return (0, jsx_runtime_1.jsxs)("div", { className: 'dialog-footer', style: (_c = (_b = dialogOptions.base) === null || _b === void 0 ? void 0 : _b.footer) === null || _c === void 0 ? void 0 : _c.style, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_context_1.WithHeaderFooterContext, __assign({}, staticProps, { dialog: dialog, children: dialogOptions.slot.footer ?
                         (0, jsx_runtime_1.jsx)(CustomFooter, __assign({}, staticProps, footerProps))
                         :
-                            (0, jsx_runtime_1.jsx)(Features_1.DialogProcessing, {}) })) }), (0, jsx_runtime_1.jsx)(_1.Actions, { dialog: dialog, actions: dialog.props.actions })] });
+                            (0, jsx_runtime_1.jsx)(_features_1.DialogProcessing, {}) })) }), (0, jsx_runtime_1.jsx)(_1.Actions, { dialog: dialog, actions: dialog.props.actions })] });
 });
 exports.DialogContentFooter = DialogContentFooter;

package/components/DialogContentHeader.d.ts

@@ -1,6 +1,5 @@
-import { TDialogCallbackFn } from "../types/DialogTypes";
+import { TDialogCallbackFn, IDialogBoundsDef } from "../types/index.js";
 import * as React from "react";
-import { IDialogBoundsDef } from "../types/BoundTypes";
 interface IContentHeaderProps {
     header: TDialogCallbackFn;
     bounds: IDialogBoundsDef;

package/components/DialogContentHeader.js

@@ -47,16 +47,15 @@ var _this = this;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogContentHeader = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var Features_1 = require("./Features");
+var _features_1 = require("../features/index.js");
 var React = __importStar(require("react"));
 var react_1 = require("react");
-var helpers_1 = require("../helpers");
-var context_1 = require("../context");
-var DialogContentContextProvider_1 = require("../context/DialogContentContextProvider");
+var _helpers_1 = require("../helpers/index.js");
+var _context_1 = require("../context/index.js");
 var DialogContentHeader = function (_a) {
     var _b, _c, _d, _e;
     var header = _a.header, bounds = _a.bounds;
-    var _f = (0, react_1.useContext)(DialogContentContextProvider_1.DialogContentContext), dialog = _f.dialog, dialogRef = _f.dialogRef;
+    var _f = (0, react_1.useContext)(_context_1.DialogContentContext), dialog = _f.dialog, dialogRef = _f.dialogRef;
     var dialogOptions = dialog.dialogOptions;
     var baseOptions = dialogOptions.base;
     var _g = React.useState(bounds === null || bounds === void 0 ? void 0 : bounds.fullscreen), fullscreen = _g[0], setFullscreen = _g[1];
@@ -84,23 +83,23 @@ var DialogContentHeader = function (_a) {
                 if ((_a = dialog === null || dialog === void 0 ? void 0 : dialog.dialogOptions.base) === null || _a === void 0 ? void 0 : _a.fullscreen) {
                     setFullscreen(!fullscreen);
                 }
-            }, style: (_c = baseOptions === null || baseOptions === void 0 ? void 0 : baseOptions.header) === null || _c === void 0 ? void 0 : _c.style, className: "dialog-header ".concat(baseOptions.draggable && !dialog.state.fullscreenMode ? 'drag-handle' : ''), children: (0, jsx_runtime_1.jsx)(context_1.WithHeaderFooterContext, { dialog: dialog, children: (0, jsx_runtime_1.jsx)(CustomHeader, __assign({}, staticProps, headerProps, { dialog: _this })) }) });
+            }, style: (_c = baseOptions === null || baseOptions === void 0 ? void 0 : baseOptions.header) === null || _c === void 0 ? void 0 : _c.style, className: "dialog-header ".concat(baseOptions.draggable && !dialog.state.fullscreenMode ? 'drag-handle' : ''), children: (0, jsx_runtime_1.jsx)(_context_1.WithHeaderFooterContext, { dialog: dialog, children: (0, jsx_runtime_1.jsx)(CustomHeader, __assign({}, staticProps, headerProps, { dialog: _this })) }) });
     }
     if (header instanceof Function) {
         return (0, jsx_runtime_1.jsxs)("div", { onDoubleClick: function (event) {
                 if (baseOptions.fullscreen) {
                     if (bounds) {
-                        (0, helpers_1.setDialogBounds)(dialog.dialogOptions.base.id, __assign(__assign({}, bounds), { fullscreen: !fullscreen }), dialogRef);
+                        (0, _helpers_1.setDialogBounds)(dialog.dialogOptions.base.id, __assign(__assign({}, bounds), { fullscreen: !fullscreen }), dialogRef);
                     }
                     setFullscreen(!fullscreen);
                     event.stopPropagation();
                     event.preventDefault();
                 }
             }, style: (_d = baseOptions === null || baseOptions === void 0 ? void 0 : baseOptions.header) === null || _d === void 0 ? void 0 : _d.style, className: "dialog-header ".concat(baseOptions.draggable && !fullscreen ? 'drag-handle' : ''), children: [header(dialog), (baseOptions.closeable || baseOptions.fullscreen) &&
-                    (0, jsx_runtime_1.jsx)(context_1.WithHeaderFooterContext, { dialog: dialog, fullscreen: fullscreen, setFullscreen: setFullscreen, children: (0, jsx_runtime_1.jsxs)(Features_1.DialogHeaderActionsWrapper, { children: [baseOptions.fullscreen &&
-                                    (0, jsx_runtime_1.jsx)(Features_1.DialogFullscreenAction, {}), baseOptions.closeable &&
-                                    (0, jsx_runtime_1.jsx)(Features_1.DialogCloseAction, {}), baseOptions.about &&
-                                    (0, jsx_runtime_1.jsx)(Features_1.DialogInfoAction, {})] }) })] });
+                    (0, jsx_runtime_1.jsx)(_context_1.WithHeaderFooterContext, { dialog: dialog, fullscreen: fullscreen, setFullscreen: setFullscreen, children: (0, jsx_runtime_1.jsxs)(_features_1.DialogHeaderActionsWrapper, { children: [baseOptions.fullscreen &&
+                                    (0, jsx_runtime_1.jsx)(_features_1.DialogFullscreenAction, {}), baseOptions.closeable &&
+                                    (0, jsx_runtime_1.jsx)(_features_1.DialogCloseAction, {}), baseOptions.about &&
+                                    (0, jsx_runtime_1.jsx)(_features_1.DialogInfoAction, {})] }) })] });
     }
     return (0, jsx_runtime_1.jsx)("div", { style: (_e = baseOptions === null || baseOptions === void 0 ? void 0 : baseOptions.header) === null || _e === void 0 ? void 0 : _e.style, className: 'drag-handle dialog-header', children: header });
 };

package/components/DialogWithBackdropWrapper.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogWithBackdropWrapper = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DialogContent_1 = require("./DialogContent");
-var hexToRgb_1 = require("../helpers/hexToRgb");
-var DialogContentContextProvider_1 = require("../context/DialogContentContextProvider");
+var _components_1 = require("./index.js");
+var _helpers_1 = require("../helpers/index.js");
+var _context_1 = require("../context/index.js");
 var DialogWithBackdropWrapper = function () {
-    var _a = (0, react_1.useContext)(DialogContentContextProvider_1.DialogContentContext), dialog = _a.dialog, backdropRef = _a.backdropRef, baseZoomEffect = _a.baseZoomEffect;
+    var _a = (0, react_1.useContext)(_context_1.DialogContentContext), dialog = _a.dialog, backdropRef = _a.backdropRef, baseZoomEffect = _a.baseZoomEffect;
     var _b = dialog.dialogOptions.backdrop, backgroundColor = _b.backgroundColor, opacity = _b.opacity;
-    var bgCl = (0, hexToRgb_1.hexToRgb)(backgroundColor, opacity);
+    var bgCl = (0, _helpers_1.hexToRgb)(backgroundColor, opacity);
     return (0, jsx_runtime_1.jsx)("div", { className: "dialog-backdrop dialog-backdrop-show", ref: backdropRef, style: {
             justifyContent: dialog.dialogOptions.base.initialAnchor.horizontal,
             // alignItems: dialogOptions.base.initialAnchor.vertical,
@@ -22,6 +22,6 @@ var DialogWithBackdropWrapper = function () {
                 return;
             }
             baseZoomEffect();
-        }, children: (0, jsx_runtime_1.jsx)(DialogContent_1.DialogContent, {}) });
+        }, children: (0, jsx_runtime_1.jsx)(_components_1.DialogContent, {}) });
 };
 exports.DialogWithBackdropWrapper = DialogWithBackdropWrapper;

package/components/RippleButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { CSSProperties, ReactNode } from "react";
-import { TBVariant, TBColor } from '../types/DialogActionTypes';
+import { TBVariant, TBColor } from '../types/index.js';
 declare const _default: React.ForwardRefExoticComponent<{
     variant: TBVariant;
     color: TBColor;

package/components/index.d.ts

@@ -2,8 +2,9 @@ export { default as CircularProgress } from "./CircularProgress";
 export { DialogContentFooter } from "./DialogContentFooter";
 export { DialogContentBody } from "./DialogContentBody";
 export { DialogContent } from "./DialogContent";
-export { default as DialogActionBase } from "./DialogActionBase";
 export { DialogContentHeader } from "./DialogContentHeader";
 export { DialogWithBackdropWrapper } from "./DialogWithBackdropWrapper";
 export { Actions } from "./Actions";
 export { default as RippleButton } from "./RippleButton";
+export { default as DialogBase } from "./DialogBase";
+export { default as DialogActionBase } from "./DialogActionBase";

package/components/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RippleButton = exports.Actions = exports.DialogWithBackdropWrapper = exports.DialogContentHeader = exports.DialogActionBase = exports.DialogContent = exports.DialogContentBody = exports.DialogContentFooter = exports.CircularProgress = void 0;
+exports.DialogActionBase = exports.DialogBase = exports.RippleButton = exports.Actions = exports.DialogWithBackdropWrapper = exports.DialogContentHeader = exports.DialogContent = exports.DialogContentBody = exports.DialogContentFooter = exports.CircularProgress = void 0;
 var CircularProgress_1 = require("./CircularProgress");
 Object.defineProperty(exports, "CircularProgress", { enumerable: true, get: function () { return __importDefault(CircularProgress_1).default; } });
 var DialogContentFooter_1 = require("./DialogContentFooter");
@@ -12,8 +12,6 @@ var DialogContentBody_1 = require("./DialogContentBody");
 Object.defineProperty(exports, "DialogContentBody", { enumerable: true, get: function () { return DialogContentBody_1.DialogContentBody; } });
 var DialogContent_1 = require("./DialogContent");
 Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return DialogContent_1.DialogContent; } });
-var DialogActionBase_1 = require("./DialogActionBase");
-Object.defineProperty(exports, "DialogActionBase", { enumerable: true, get: function () { return __importDefault(DialogActionBase_1).default; } });
 var DialogContentHeader_1 = require("./DialogContentHeader");
 Object.defineProperty(exports, "DialogContentHeader", { enumerable: true, get: function () { return DialogContentHeader_1.DialogContentHeader; } });
 var DialogWithBackdropWrapper_1 = require("./DialogWithBackdropWrapper");
@@ -22,3 +20,7 @@ var Actions_1 = require("./Actions");
 Object.defineProperty(exports, "Actions", { enumerable: true, get: function () { return Actions_1.Actions; } });
 var RippleButton_1 = require("./RippleButton");
 Object.defineProperty(exports, "RippleButton", { enumerable: true, get: function () { return __importDefault(RippleButton_1).default; } });
+var DialogBase_1 = require("./DialogBase");
+Object.defineProperty(exports, "DialogBase", { enumerable: true, get: function () { return __importDefault(DialogBase_1).default; } });
+var DialogActionBase_1 = require("./DialogActionBase");
+Object.defineProperty(exports, "DialogActionBase", { enumerable: true, get: function () { return __importDefault(DialogActionBase_1).default; } });

package/context/DialogContentContextProvider.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DialogContentContextProviderProps, DialogContentContextProviderSharedProps } from "../types/DialogContentContextTypes";
+import { DialogContentContextProviderProps, DialogContentContextProviderSharedProps } from "../types/index.js";
 export declare const DialogContentContext: React.Context<DialogContentContextProviderSharedProps>;
 declare const DialogContentContextProvider: React.FC<DialogContentContextProviderProps>;
-export default DialogContentContextProvider;
+export { DialogContentContextProvider };

package/context/DialogContentContextProvider.js

@@ -55,10 +55,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogContentContext = void 0;
+exports.DialogContentContextProvider = exports.DialogContentContext = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importStar(require("react"));
-var resizeManager_1 = require("../components/utils/resizeManager");
+var _utils_1 = require("../utils/index.js");
 var formik_1 = require("formik");
 exports.DialogContentContext = react_1.default.createContext(null);
 var DialogContentContextProvider = function (props) {
@@ -71,7 +71,7 @@ var DialogContentContextProvider = function (props) {
     // snackbarRef,
     // prevDialogRect,
     restProps = __rest(props, ["dialogBase", "children"]);
-    var resizeableObject = (0, react_1.useState)((0, resizeManager_1.resizeManager)(props.dialogRef, props.dialogBase))[0];
+    var resizeableObject = (0, react_1.useState)((0, _utils_1.resizeManager)(props.dialogRef, props.dialogBase))[0];
     // const bounds = props.dialogBase.dialogOptions.base?.memoBounds ? getDialogBounds(dialogBase.dialogOptions.base.id) : null;
     var baseZoomEffect = function () {
         var _a = props.dialogBase.dialogTranslate, lastX = _a.lastX, lastY = _a.lastY;
@@ -103,4 +103,4 @@ var DialogContentContextProvider = function (props) {
     });
     return (0, jsx_runtime_1.jsx)(exports.DialogContentContext.Provider, { value: values, children: children });
 };
-exports.default = DialogContentContextProvider;
+exports.DialogContentContextProvider = DialogContentContextProvider;

package/context/WithHeaderFooterContext.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+export declare const WithHeaderFooterContext: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeaderFooterContext: React.Context<any>;

package/context/WithHeaderFooterContext.js

@@ -0,0 +1,54 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogHeaderFooterContext = exports.WithHeaderFooterContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var React = __importStar(require("react"));
+var WithHeaderFooterContext = function (props) {
+    return (0, jsx_runtime_1.jsx)(exports.DialogHeaderFooterContext.Provider, { value: __assign({}, props), children: props.children });
+};
+exports.WithHeaderFooterContext = WithHeaderFooterContext;
+exports.DialogHeaderFooterContext = React.createContext(null);

package/context/index.d.ts

@@ -1,3 +1,2 @@
-import * as React from "react";
-export declare const WithHeaderFooterContext: (props: any) => import("react/jsx-runtime").JSX.Element;
-export declare const DialogHeaderFooterContext: React.Context<any>;
+export * from "./WithHeaderFooterContext";
+export * from "./DialogContentContextProvider";