react-dialogger 1.1.53 → 1.1.55

package/context/index.js

@@ -1,15 +1,4 @@
 "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);
@@ -21,34 +10,9 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     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 });
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-exports.WithHeaderFooterContext = WithHeaderFooterContext;
-exports.DialogHeaderFooterContext = React.createContext(null);
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./WithHeaderFooterContext"), exports);
+__exportStar(require("./DialogContentContextProvider"), exports);

package/features/DialogCloseAction.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogCloseAction = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var _icons_1 = require("../icons/index.js");
+var react_1 = require("react");
+var _context_1 = require("../context/index.js");
+var DialogCloseAction = function () {
+    var _a, _b, _c, _d, _e, _f;
+    var dialog = (0, react_1.useContext)(_context_1.DialogHeaderFooterContext).dialog;
+    return (0, jsx_runtime_1.jsx)("div", { className: 'close-icon-wrapper', onClick: function (event) {
+            dialog.close();
+        }, children: (0, jsx_runtime_1.jsx)(_icons_1.CloseIcon, { size: (_c = (_b = (_a = dialog.dialogOptions.base) === null || _a === void 0 ? void 0 : _a.headerControllerIcons) === null || _b === void 0 ? void 0 : _b.size) !== null && _c !== void 0 ? _c : 24, color: (_f = (_e = (_d = dialog.dialogOptions.base) === null || _d === void 0 ? void 0 : _d.headerControllerIcons) === null || _e === void 0 ? void 0 : _e.color) !== null && _f !== void 0 ? _f : null }) });
+};
+exports.DialogCloseAction = DialogCloseAction;

package/features/DialogFullscreenAction.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogFullscreenAction = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var _icons_1 = require("../icons/index.js");
+var react_1 = require("react");
+var _context_1 = require("../context/index.js");
+var _helpers_1 = require("../helpers/index.js");
+var DialogFullscreenAction = function () {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    // use this owned context while setFullscreen mode declared
+    var _j = (0, react_1.useContext)(_context_1.DialogHeaderFooterContext), dialog = _j.dialog, setFullscreen = _j.setFullscreen, fullscreen = _j.fullscreen;
+    return (0, jsx_runtime_1.jsx)("div", { className: 'fullscreen-icon-wrapper', onClick: function (event) {
+            setFullscreen(!fullscreen);
+            (0, _helpers_1.setDialogBound)(dialog.dialogOptions.base.id, "fullscreen", !fullscreen);
+        }, children: fullscreen ?
+            (0, jsx_runtime_1.jsx)(_icons_1.FullscreenExitIcon, { size: (_b = (_a = dialog.dialogOptions.base.headerControllerIcons) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 24, color: (_d = (_c = dialog.dialogOptions.base.headerControllerIcons) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : null })
+            :
+                (0, jsx_runtime_1.jsx)(_icons_1.FullscreenIcon, { size: (_f = (_e = dialog.dialogOptions.base.headerControllerIcons) === null || _e === void 0 ? void 0 : _e.size) !== null && _f !== void 0 ? _f : 24, color: (_h = (_g = dialog.dialogOptions.base.headerControllerIcons) === null || _g === void 0 ? void 0 : _g.color) !== null && _h !== void 0 ? _h : null }) });
+};
+exports.DialogFullscreenAction = DialogFullscreenAction;

package/{components/Features → features}/DialogInfoAction.js

@@ -39,17 +39,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogInfoAction = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var InfoIcon_1 = __importDefault(require("../icons/InfoIcon"));
+var _icons_1 = require("../icons/index.js");
 //@ts-ignore
 var package_json_1 = __importDefault(require("../../package.json"));
-var context_1 = require("../../context");
-var models_1 = __importStar(require("../../models"));
+var _context_1 = require("../context/index.js");
+var _models_1 = __importStar(require("../models/index.js"));
 // const DialogFullscreenAction = ({dialog}:{dialog: React.RefObject<IDialogRef> | undefined}) => {
 var DialogInfoAction = function () {
     var _a, _b, _c, _d;
-    var prevDialog = (0, react_1.useContext)(context_1.DialogHeaderFooterContext).dialog;
+    var prevDialog = (0, react_1.useContext)(_context_1.DialogHeaderFooterContext).dialog;
     return (0, jsx_runtime_1.jsx)("div", { className: 'info-icon-wrapper', onClick: function (event) {
-            var closeAction = new models_1.DialogAction('closeAction', {
+            var closeAction = new _models_1.DialogAction('closeAction', {
                 label: 'Close',
                 variant: 'text',
                 color: 'default'
@@ -57,7 +57,7 @@ var DialogInfoAction = function () {
             closeAction.onClick(function (button, dialog1) {
                 dialog1.close();
             });
-            var dialog = new models_1.default(null, {
+            var dialog = new _models_1.default(null, {
                 base: {
                     resizeable: false,
                     draggable: false,
@@ -85,6 +85,6 @@ var DialogInfoAction = function () {
                 closeAction
             ])
                 .show();
-        }, children: (0, jsx_runtime_1.jsx)(InfoIcon_1.default, { size: (_b = (_a = prevDialog.dialogOptions.base.headerControllerIcons) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 24, color: (_d = (_c = prevDialog.dialogOptions.base.headerControllerIcons) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : null }) });
+        }, children: (0, jsx_runtime_1.jsx)(_icons_1.InfoIcon, { size: (_b = (_a = prevDialog.dialogOptions.base.headerControllerIcons) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 24, color: (_d = (_c = prevDialog.dialogOptions.base.headerControllerIcons) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : null }) });
 };
 exports.DialogInfoAction = DialogInfoAction;

package/features/DialogProcessing.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogProcessing = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var _context_1 = require("../context/index.js");
+var _components_1 = require("../components/index.js");
+var DialogProcessing = function () {
+    var _a, _b;
+    var dialog = (0, react_1.useContext)(_context_1.DialogHeaderFooterContext).dialog;
+    var progressOption = dialog.dialogOptions.progress;
+    return (0, jsx_runtime_1.jsx)(_components_1.CircularProgress, { size: (_a = progressOption.size) !== null && _a !== void 0 ? _a : 20, inProcess: dialog.isInProcess(), color: (_b = progressOption === null || progressOption === void 0 ? void 0 : progressOption.color) !== null && _b !== void 0 ? _b : '#399aec' });
+};
+exports.DialogProcessing = DialogProcessing;

package/helpers/Resizeable.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent } from "react";
-import { DialogOptionsType } from "../types/DialogTypes";
+import { DialogOptionsType } from "../types/index.js";
 declare class Resizeable {
     onResizeListener: (callbackFn: (width: number, height: number, rect?: DOMRect) => void) => void;
     get width(): number;

package/helpers/Resizeable.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Resizeable = void 0;
-var helpers_1 = require("../helpers");
+var _helpers_1 = require("./index.js");
 var Resizeable = /** @class */ (function () {
     function Resizeable() {
         var _this = this;
@@ -32,7 +32,7 @@ var Resizeable = /** @class */ (function () {
             var _d = (_c = container === null || container === void 0 ? void 0 : container.getBoundingClientRect()) !== null && _c !== void 0 ? _c : {}, width = _d.width, height = _d.height, x = _d.x, y = _d.y;
             console.log('resizeHandleMouseUp', container === null || container === void 0 ? void 0 : container.getBoundingClientRect().toJSON());
             // setDialogBounds( this._dialogOptions.base.id, {width, height, x, y, fullscreen: false}, this._container );
-            (0, helpers_1.setDialogBounds)(_this._dialogOptions.base.id, __assign(__assign({}, container === null || container === void 0 ? void 0 : container.getBoundingClientRect().toJSON()), { fullscreen: false }), _this._container);
+            (0, _helpers_1.setDialogBounds)(_this._dialogOptions.base.id, __assign(__assign({}, container === null || container === void 0 ? void 0 : container.getBoundingClientRect().toJSON()), { fullscreen: false }), _this._container);
         };
         this.resizeHandleMouseDown = function () {
             _this.isResizing = true;

package/helpers/dialogBoundsMemoize.d.ts

@@ -1,4 +1,4 @@
-import { IDialogBoundsDef, IDialogIdentificationType } from "../types/BoundTypes";
+import { IDialogBoundsDef, IDialogIdentificationType } from "../types/index.js";
 export declare const dialogRegister: (dialogId: IDialogIdentificationType, initialBounds: IDialogBoundsDef) => IDialogBoundsDef;
 export declare const getDialogBounds: (dialogId: IDialogIdentificationType) => IDialogBoundsDef | undefined;
 export declare const setDialogBounds: (dialogId: IDialogIdentificationType, bounds: IDialogBoundsDef, dialogRef: React.RefObject<any>) => void;

package/helpers/dialogRectAuto.d.ts

@@ -1,3 +1,3 @@
-import { BaseDialogDOMRect } from "../types/types";
+import { BaseDialogDOMRect } from "../types/index.js";
 declare const dialogRectAuto: () => BaseDialogDOMRect;
 export { dialogRectAuto };

package/helpers/index.d.ts

@@ -1,3 +1,6 @@
 export { InitDialogMemoizeBounds, InitDialogMemoizeBoundsDeclared, registeredDialogs } from "./initDialogMemoizeBounds";
 export * from "./dialogBoundsMemoize";
 export { formInputKeyListeners } from "./formInputKeyListeners";
+export * from "./Resizeable";
+export { dialogRectAuto } from "./dialogRectAuto";
+export { hexToRgb } from "./hexToRgb";

package/helpers/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formInputKeyListeners = exports.registeredDialogs = exports.InitDialogMemoizeBoundsDeclared = exports.InitDialogMemoizeBounds = void 0;
+exports.hexToRgb = exports.dialogRectAuto = exports.formInputKeyListeners = exports.registeredDialogs = exports.InitDialogMemoizeBoundsDeclared = exports.InitDialogMemoizeBounds = void 0;
 var initDialogMemoizeBounds_1 = require("./initDialogMemoizeBounds");
 Object.defineProperty(exports, "InitDialogMemoizeBounds", { enumerable: true, get: function () { return initDialogMemoizeBounds_1.InitDialogMemoizeBounds; } });
 Object.defineProperty(exports, "InitDialogMemoizeBoundsDeclared", { enumerable: true, get: function () { return initDialogMemoizeBounds_1.InitDialogMemoizeBoundsDeclared; } });
@@ -22,3 +22,8 @@ Object.defineProperty(exports, "registeredDialogs", { enumerable: true, get: fun
 __exportStar(require("./dialogBoundsMemoize"), exports);
 var formInputKeyListeners_1 = require("./formInputKeyListeners");
 Object.defineProperty(exports, "formInputKeyListeners", { enumerable: true, get: function () { return formInputKeyListeners_1.formInputKeyListeners; } });
+__exportStar(require("./Resizeable"), exports);
+var dialogRectAuto_1 = require("./dialogRectAuto");
+Object.defineProperty(exports, "dialogRectAuto", { enumerable: true, get: function () { return dialogRectAuto_1.dialogRectAuto; } });
+var hexToRgb_1 = require("./hexToRgb");
+Object.defineProperty(exports, "hexToRgb", { enumerable: true, get: function () { return hexToRgb_1.hexToRgb; } });

package/helpers/initDialogMemoizeBounds.d.ts

@@ -1,4 +1,4 @@
-import { IDialogBoundsMemoKey, RegisteredDialogsMap } from "../types/BoundTypes";
+import { IDialogBoundsMemoKey, RegisteredDialogsMap } from "../types/index.js";
 export declare let registeredDialogs: RegisteredDialogsMap;
 export declare let InitDialogMemoizeBoundsDeclared: boolean;
 export declare const BOUNDS_STORE_KEY: IDialogBoundsMemoKey;

package/icons/index.d.ts

@@ -0,0 +1,5 @@
+export { default as CloseIcon } from "./CloseIcon";
+export { default as FullscreenIcon } from "./FullscreenIcon";
+export { default as FullscreenExitIcon } from "./FullscreenExitIcon";
+export { default as InfoIcon } from "./InfoIcon";
+export { default as ResizeIcon } from "./ResizeIcon";

package/icons/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResizeIcon = exports.InfoIcon = exports.FullscreenExitIcon = exports.FullscreenIcon = exports.CloseIcon = void 0;
+var CloseIcon_1 = require("./CloseIcon");
+Object.defineProperty(exports, "CloseIcon", { enumerable: true, get: function () { return __importDefault(CloseIcon_1).default; } });
+var FullscreenIcon_1 = require("./FullscreenIcon");
+Object.defineProperty(exports, "FullscreenIcon", { enumerable: true, get: function () { return __importDefault(FullscreenIcon_1).default; } });
+var FullscreenExitIcon_1 = require("./FullscreenExitIcon");
+Object.defineProperty(exports, "FullscreenExitIcon", { enumerable: true, get: function () { return __importDefault(FullscreenExitIcon_1).default; } });
+var InfoIcon_1 = require("./InfoIcon");
+Object.defineProperty(exports, "InfoIcon", { enumerable: true, get: function () { return __importDefault(InfoIcon_1).default; } });
+var ResizeIcon_1 = require("./ResizeIcon");
+Object.defineProperty(exports, "ResizeIcon", { enumerable: true, get: function () { return __importDefault(ResizeIcon_1).default; } });

package/index.d.ts

@@ -2,7 +2,7 @@ import './styles/dialog.scss';
 import './styles/dialog.action.scss';
 import './styles/circular-progress.scss';
 export { default } from "./models/Dialog";
-export { DialogProcessing, DialogCloseAction, DialogFullscreenAction, DialogHeaderActionsWrapper, DialogInfoAction } from "./components/Features";
+export { DialogProcessing, DialogCloseAction, DialogFullscreenAction, DialogHeaderActionsWrapper, DialogInfoAction } from "./features";
 export { DialogAction, ActionProgress, baseDialogOptions } from "./models";
-export { InitDialogMemoizeBounds } from "./helpers/initDialogMemoizeBounds";
-export { IDialogApiDef } from './types/DialogTypes';
+export { InitDialogMemoizeBounds } from "./helpers";
+export { IDialogApiDef } from './types';

package/index.js

@@ -10,16 +10,16 @@ require("./styles/circular-progress.css");
 // Models
 var Dialog_1 = require("./models/Dialog");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Dialog_1).default; } });
-var Features_1 = require("./components/Features");
-Object.defineProperty(exports, "DialogProcessing", { enumerable: true, get: function () { return Features_1.DialogProcessing; } });
-Object.defineProperty(exports, "DialogCloseAction", { enumerable: true, get: function () { return Features_1.DialogCloseAction; } });
-Object.defineProperty(exports, "DialogFullscreenAction", { enumerable: true, get: function () { return Features_1.DialogFullscreenAction; } });
-Object.defineProperty(exports, "DialogHeaderActionsWrapper", { enumerable: true, get: function () { return Features_1.DialogHeaderActionsWrapper; } });
-Object.defineProperty(exports, "DialogInfoAction", { enumerable: true, get: function () { return Features_1.DialogInfoAction; } });
+var features_1 = require("./features");
+Object.defineProperty(exports, "DialogProcessing", { enumerable: true, get: function () { return features_1.DialogProcessing; } });
+Object.defineProperty(exports, "DialogCloseAction", { enumerable: true, get: function () { return features_1.DialogCloseAction; } });
+Object.defineProperty(exports, "DialogFullscreenAction", { enumerable: true, get: function () { return features_1.DialogFullscreenAction; } });
+Object.defineProperty(exports, "DialogHeaderActionsWrapper", { enumerable: true, get: function () { return features_1.DialogHeaderActionsWrapper; } });
+Object.defineProperty(exports, "DialogInfoAction", { enumerable: true, get: function () { return features_1.DialogInfoAction; } });
 var models_1 = require("./models");
 Object.defineProperty(exports, "DialogAction", { enumerable: true, get: function () { return models_1.DialogAction; } });
 Object.defineProperty(exports, "ActionProgress", { enumerable: true, get: function () { return models_1.ActionProgress; } });
 Object.defineProperty(exports, "baseDialogOptions", { enumerable: true, get: function () { return models_1.baseDialogOptions; } });
 // Hooks
-var initDialogMemoizeBounds_1 = require("./helpers/initDialogMemoizeBounds");
-Object.defineProperty(exports, "InitDialogMemoizeBounds", { enumerable: true, get: function () { return initDialogMemoizeBounds_1.InitDialogMemoizeBounds; } });
+var helpers_1 = require("./helpers");
+Object.defineProperty(exports, "InitDialogMemoizeBounds", { enumerable: true, get: function () { return helpers_1.InitDialogMemoizeBounds; } });

package/models/Dialog.d.ts

@@ -1,7 +1,6 @@
 import * as React from "react";
 import { DialogAction } from "./DialogAction";
-import { TInitialHolder, DialogValues } from "../types/types";
-import { IDialogSize, TDialogStateListenerCallbackType, DialogOptionsType, IDialogApiDef, TDialogCallbackVoidFn, TDialogCallbackFn } from "../types/DialogTypes";
+import { TInitialHolder, DialogValues, IDialogSize, TDialogStateListenerCallbackType, DialogOptionsType, IDialogApiDef, TDialogCallbackVoidFn, TDialogCallbackFn } from "../types/index.js";
 interface DialogProps {
     setHeader(header: TDialogCallbackFn): Dialog;
 }

package/models/DialogAction.d.ts

@@ -1,5 +1,4 @@
-import { TDialogStateListenerForActionCallbackType, DialogActionOptionsType, DialogActionType, ActionIntentType } from "../types/DialogActionTypes";
-import DialogActionBase from "../components/DialogActionBase";
+import type { TDialogStateListenerForActionCallbackType, DialogActionOptionsType, DialogActionType, ActionIntentType, ActionIntent } from "../types/index.js";
 declare const ActionProgress: () => import("react/jsx-runtime").JSX.Element;
 export { ActionProgress };
 export declare const ACTION_INTENTS: {
@@ -16,13 +15,18 @@ export declare const ACTION_INTENTS: {
         readonly color: "primary";
     };
 };
-declare class DialogAction extends DialogActionBase {
+declare class DialogAction {
+    private readonly _name;
+    private _options;
+    private _intent;
+    _onCLick: DialogActionType;
+    _stateListener: TDialogStateListenerForActionCallbackType;
     constructor(name: string, options?: DialogActionOptionsType);
+    get name(): string;
     setIntent(intent: ActionIntentType): this;
-    getIntent(): import("../types/DialogActionTypes").ActionIntent;
+    getIntent(): ActionIntent;
     setOptions: (options: DialogActionOptionsType) => this;
     get options(): DialogActionOptionsType;
-    get name(): string;
     onClick: (callback: DialogActionType) => this;
     /**
      * Only from init */

package/models/DialogAction.js

@@ -1,19 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -25,16 +10,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogAction = exports.ACTION_INTENTS = exports.ActionProgress = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var DialogActionBase_1 = __importDefault(require("../components/DialogActionBase"));
-var components_1 = require("../components");
+var _components_1 = require("../components/index.js");
 var ActionProgress = function () {
-    return (0, jsx_runtime_1.jsx)(components_1.CircularProgress, { size: 20, inProcess: { inProcess: true } });
+    return (0, jsx_runtime_1.jsx)(_components_1.CircularProgress, { size: 20, inProcess: { inProcess: true } });
 };
 exports.ActionProgress = ActionProgress;
 exports.ACTION_INTENTS = {
@@ -51,25 +32,27 @@ exports.ACTION_INTENTS = {
         color: 'primary',
     },
 };
-var DialogAction = /** @class */ (function (_super) {
-    __extends(DialogAction, _super);
+// class DialogAction extends DialogActionBase {
+var DialogAction = /** @class */ (function () {
     function DialogAction(name, options) {
-        var _this = _super.call(this) || this;
-        _this.setOptions = function (options) {
+        var _this = this;
+        this.setOptions = function (options) {
             _this._options = options;
             return _this;
         };
-        _this.onClick = function (callback) {
-            _super.prototype.onClick.call(_this, callback);
+        this.onClick = function (callback) {
+            // super.onClick(callback);
+            _this._onCLick = callback;
             return _this;
         };
         /**
          * Only from init */
-        _this.stateListener = function (listener) {
+        this.stateListener = function (listener) {
             _this._stateListener = listener;
             return _this;
         };
-        _this._name = name;
+        // super();
+        this._name = name;
         var defaultOptions = {
             label: null,
             variant: 'contained',
@@ -77,10 +60,16 @@ var DialogAction = /** @class */ (function (_super) {
             disabled: false,
             prevDisabled: false
         };
-        _this._options = __assign(__assign({}, defaultOptions), (options !== null && options !== void 0 ? options : {}));
-        _this._intent = null;
-        return _this;
+        this._options = __assign(__assign({}, defaultOptions), (options !== null && options !== void 0 ? options : {}));
+        this._intent = null;
     }
+    Object.defineProperty(DialogAction.prototype, "name", {
+        get: function () {
+            return this._name;
+        },
+        enumerable: false,
+        configurable: true
+    });
     DialogAction.prototype.setIntent = function (intent) {
         this._intent = exports.ACTION_INTENTS[intent];
         return this;
@@ -95,13 +84,6 @@ var DialogAction = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DialogAction.prototype, "name", {
-        get: function () {
-            return this._name;
-        },
-        enumerable: false,
-        configurable: true
-    });
     return DialogAction;
-}(DialogActionBase_1.default));
+}());
 exports.DialogAction = DialogAction;

package/models/baseDialogOptions.d.ts

@@ -1,4 +1,4 @@
-import { DialogOptionsType } from "../types/DialogTypes";
+import { DialogOptionsType } from "../types/index.js";
 /**
  * Deep + safe merge
  */

package/models/index.d.ts

@@ -1,3 +1,3 @@
-export { DialogAction, ActionProgress } from "./DialogAction";
+export * from "./DialogAction";
 export { default } from "./Dialog";
 export { baseDialogOptions } from "./baseDialogOptions";

package/models/index.js

@@ -1,12 +1,24 @@
 "use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.baseDialogOptions = exports.default = exports.ActionProgress = exports.DialogAction = void 0;
-var DialogAction_1 = require("./DialogAction");
-Object.defineProperty(exports, "DialogAction", { enumerable: true, get: function () { return DialogAction_1.DialogAction; } });
-Object.defineProperty(exports, "ActionProgress", { enumerable: true, get: function () { return DialogAction_1.ActionProgress; } });
+exports.baseDialogOptions = exports.default = void 0;
+__exportStar(require("./DialogAction"), exports);
 var Dialog_1 = require("./Dialog");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Dialog_1).default; } });
 var baseDialogOptions_1 = require("./baseDialogOptions");

package/package.json

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

@@ -1,14 +1,13 @@
-import { IDialogApiDef, IListenerDialogDef } from "./DialogTypes";
-import { TValues, ICoords } from "./types";
-import DialogBase from "../components/DialogBase";
-import DialogActionBase from "../components/DialogActionBase";
-import { CSSProperties } from "react";
+import { IDialogApiDef, IListenerDialogDef, TValues, ICoords } from "./index.js";
+import { DialogBase, DialogActionBase } from "../components/index.js";
 import * as React from "react";
-import { DialogAction } from "../models";
-import { ACTION_INTENTS } from "../models/DialogAction";
+import { DialogAction, ACTION_INTENTS } from "../models/index.js";
+import { CSSProperties } from "react";
 export type ActionDialogDef = Omit<IDialogApiDef, 'switchFullScreen'>;
 export type ActionDef = Pick<DialogAction, 'onClick' | 'setOptions' | 'name'>;
-export type ActionBaseDef = Pick<DialogActionBase, 'updateOptions' | 'setInProcess' | 'getLabel' | 'options' | 'click' | 'remove' | 'name'>;
+export type ActionBaseDef = Pick<DialogActionBase, 'updateOptions' | 
+/**@deprecated use updateOptions*/
+'setOptions' | 'setInProcess' | 'getLabel' | 'options' | 'click' | 'remove' | 'name'>;
 export interface IDialogActionDef extends ActionBaseDef {
 }
 export type DialogActionType = (button: ActionBaseDef, dialog: Omit<IDialogApiDef, 'switchFullScreen'>) => void;

package/types/DialogContentContextTypes.d.ts

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