react-dialogger 1.1.95 → 1.1.96

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.96",
   "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 };