react-dialogger 1.1.95 → 1.1.97

package/components/DialogBase.js

@@ -161,11 +161,11 @@ var DialogBase = /** @class */ (function (_super) {
                 }, 50);
             };
             setTimeout(function () {
-                var _a, _b, _c, _d;
-                if (_this._footerRef.current.inProcess && !_this.state.aborted) {
-                    var notify = (_a = _this._dialogOptions.base.notifyOnClosing) !== null && _a !== void 0 ? _a : "snackbar";
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+                if (((_b = (_a = _this._footerRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.inProcess) && !_this.state.aborted) {
+                    var notify = (_e = (_d = (_c = _this._dialogOptions) === null || _c === void 0 ? void 0 : _c.base) === null || _d === void 0 ? void 0 : _d.notifyOnClosing) !== null && _e !== void 0 ? _e : "snackbar";
                     if (notify === "snackbar") {
-                        var busyMessage = (_d = (_c = (_b = _this._dialogOptions) === null || _b === void 0 ? void 0 : _b.localText) === null || _c === void 0 ? void 0 : _c.busyMessage) !== null && _d !== void 0 ? _d : 'In Process, Please wait...';
+                        var busyMessage = (_h = (_g = (_f = _this._dialogOptions) === null || _f === void 0 ? void 0 : _f.localText) === null || _g === void 0 ? void 0 : _g.busyMessage) !== null && _h !== void 0 ? _h : 'In Process, Please wait...';
                         _this.snackbar.open(busyMessage, "warning", null, function (key, snackbarRef) {
                             var _a, _b, _c;
                             return (0, jsx_runtime_1.jsx)(_components_1.DialogActionBase, { name: 'force_close', onClick: handleAbort, options: {
@@ -176,19 +176,20 @@ var DialogBase = /** @class */ (function (_super) {
                         });
                     }
                     else {
-                        _this._dialogWithBackDropRef.current.baseZoomEffect();
+                        (_k = (_j = _this._dialogWithBackDropRef) === null || _j === void 0 ? void 0 : _j.current) === null || _k === void 0 ? void 0 : _k.baseZoomEffect();
                     }
                     return;
                 }
                 _this.kill(callbackFn);
-                if (typeof _this.props.onClose === "function") {
+                if (typeof ((_l = _this.props) === null || _l === void 0 ? void 0 : _l.onClose) === "function") {
                     _this.props.onClose(_this);
                 }
             }, 150);
         };
         _this.focus = function () {
-            if (_this._dialogRef.current) {
-                _this._dialogRef.current.focus();
+            var _a, _b, _c;
+            if ((_a = _this._dialogRef) === null || _a === void 0 ? void 0 : _a.current) {
+                (_c = (_b = _this._dialogRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
             }
         };
         _this.getDom = function () {

package/components/DialogContentHeader.js

@@ -103,7 +103,7 @@ var DialogContentHeader = function (_a) {
                     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)(_context_1.WithHeaderFooterContext, { dialog: dialog, fullscreen: fullscreen, setFullscreen: setFullscreen, children: (0, jsx_runtime_1.jsxs)(_features_1.DialogActionsWrapper, { 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, {})] }) })] });

package/features/DialogActionsWrapper.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IProps {
+    gap?: number;
+    children?: React.ReactNode;
+}
+declare const DialogActionsWrapper: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export { DialogActionsWrapper };

package/features/{DialogHeaderActionsWrapper.js → DialogActionsWrapper.js}

@@ -11,10 +11,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogHeaderActionsWrapper = void 0;
+exports.DialogActionsWrapper = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var DialogHeaderActionsWrapper = function (props) {
+var DialogActionsWrapper = function (props) {
     var _a;
-    return ((0, jsx_runtime_1.jsx)("div", __assign({}, props, { className: 'header-actions-wrapper', style: { columnGap: "".concat((_a = props.gap) !== null && _a !== void 0 ? _a : 10, "px") }, children: props.children })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({}, props, { className: 'actions-wrapper', style: { columnGap: "".concat((_a = props.gap) !== null && _a !== void 0 ? _a : 10, "px") }, children: props.children })));
 };
-exports.DialogHeaderActionsWrapper = DialogHeaderActionsWrapper;
+exports.DialogActionsWrapper = DialogActionsWrapper;

package/features/index.d.ts

@@ -2,4 +2,4 @@ export { DialogCloseAction } from "./DialogCloseAction";
 export { DialogInfoAction } from "./DialogInfoAction";
 export { DialogProcessing } from "./DialogProcessing";
 export { DialogFullscreenAction } from "./DialogFullscreenAction";
-export { DialogHeaderActionsWrapper } from "./DialogHeaderActionsWrapper";
+export { DialogActionsWrapper } from "./DialogActionsWrapper";

package/features/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogHeaderActionsWrapper = exports.DialogFullscreenAction = exports.DialogProcessing = exports.DialogInfoAction = exports.DialogCloseAction = void 0;
+exports.DialogActionsWrapper = exports.DialogFullscreenAction = exports.DialogProcessing = exports.DialogInfoAction = exports.DialogCloseAction = void 0;
 var DialogCloseAction_1 = require("./DialogCloseAction");
 Object.defineProperty(exports, "DialogCloseAction", { enumerable: true, get: function () { return DialogCloseAction_1.DialogCloseAction; } });
 var DialogInfoAction_1 = require("./DialogInfoAction");
@@ -9,5 +9,5 @@ var DialogProcessing_1 = require("./DialogProcessing");
 Object.defineProperty(exports, "DialogProcessing", { enumerable: true, get: function () { return DialogProcessing_1.DialogProcessing; } });
 var DialogFullscreenAction_1 = require("./DialogFullscreenAction");
 Object.defineProperty(exports, "DialogFullscreenAction", { enumerable: true, get: function () { return DialogFullscreenAction_1.DialogFullscreenAction; } });
-var DialogHeaderActionsWrapper_1 = require("./DialogHeaderActionsWrapper");
-Object.defineProperty(exports, "DialogHeaderActionsWrapper", { enumerable: true, get: function () { return DialogHeaderActionsWrapper_1.DialogHeaderActionsWrapper; } });
+var DialogActionsWrapper_1 = require("./DialogActionsWrapper");
+Object.defineProperty(exports, "DialogActionsWrapper", { enumerable: true, get: function () { return DialogActionsWrapper_1.DialogActionsWrapper; } });

package/index.d.ts

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

package/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.InitDialogMemoizeBounds = exports.baseDialogOptions = exports.ActionProgress = exports.DialogAction = exports.DialogInfoAction = exports.DialogHeaderActionsWrapper = exports.DialogFullscreenAction = exports.DialogCloseAction = exports.DialogProcessing = exports.default = void 0;
+exports.InitDialogMemoizeBounds = exports.baseDialogOptions = exports.ActionProgress = exports.DialogAction = exports.DialogInfoAction = exports.DialogActionsWrapper = exports.DialogFullscreenAction = exports.DialogCloseAction = exports.DialogProcessing = exports.default = void 0;
 require("./styles/dialog.css");
 require("./styles/dialog.action.css");
 require("./styles/circular-progress.css");
@@ -15,7 +15,7 @@ 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, "DialogActionsWrapper", { enumerable: true, get: function () { return features_1.DialogActionsWrapper; } });
 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; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.95",
+  "version": "1.1.97",
   "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/styles/dialog.css

@@ -209,6 +209,13 @@
   flex-direction: column;
   overflow: clip;
 }
+.dialog-main .actions-wrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: min-content;
+}
 .dialog-main .dialog-header {
   min-height: 3rem;
   padding: 10px 20px 10px 20px;
@@ -218,12 +225,6 @@
   align-items: center;
   border-bottom: 0.5px solid rgba(0, 0, 0, 0.2);
 }
-.dialog-main .dialog-header .header-actions-wrapper {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-}
 .dialog-main .dialog-header .icon-base {
   display: flex;
 }

package/features/DialogHeaderActionsWrapper.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface IProps {
-    gap?: number;
-    children?: React.ReactNode;
-}
-declare const DialogHeaderActionsWrapper: (props: IProps) => import("react/jsx-runtime").JSX.Element;
-export { DialogHeaderActionsWrapper };