react-dialogger 1.1.94 → 1.1.96

package/components/DialogContentFooter.js

@@ -74,10 +74,12 @@ var DialogContentFooter = (0, react_1.forwardRef)(function (props, ref) {
     };
     var footerProps = {};
     if (dialogOptions.slotProps.footer) {
-        footerProps = dialogOptions.slotProps.footer({
-            dialogOptions: dialogOptions,
-            inProcess: dialog.isInProcess()
-        });
+        // footerProps = dialogOptions.slotProps.footer({
+        //     dialogOptions: dialogOptions,
+        //     inProcess: dialog.isInProcess()
+        // })
+        // footerProps = {...dialogOptions.slotProps.footer, dialogOptions: dialogOptions, inProcess: dialog.isInProcess() }
+        footerProps = dialogOptions.slotProps.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))

package/components/DialogContentHeader.js

@@ -43,7 +43,6 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var _this = this;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogContentHeader = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
@@ -79,13 +78,19 @@ var DialogContentHeader = function (_a) {
         dialog: dialog
     };
     if (dialogOptions.slot.header) {
-        var headerProps = dialogOptions.slotProps.header ? __assign({}, dialogOptions.slotProps.header(staticProps)) : {};
+        // const headerProps = dialogOptions.slotProps.header ? {...dialogOptions.slotProps.header(staticProps)} : {};
+        console.log('CustomHeader_Content', dialogOptions.slot.header, fullscreen);
+        var headerProps = dialogOptions.slotProps.header;
         return (0, jsx_runtime_1.jsx)("div", { onDoubleClick: function (event) {
-                var _a;
-                if ((_a = dialog === null || dialog === void 0 ? void 0 : dialog.dialogOptions.base) === null || _a === void 0 ? void 0 : _a.fullscreen) {
+                if (baseOptions.fullscreen) {
+                    if (bounds) {
+                        (0, _helpers_1.setDialogBounds)(dialog.dialogOptions.base.id, __assign(__assign({}, bounds), { fullscreen: !fullscreen }), dialogRef);
+                    }
                     setFullscreen(!fullscreen);
+                    event.stopPropagation();
+                    event.preventDefault();
                 }
-            }, 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 && !fullscreen ? 'drag-handle' : ''), children: (0, jsx_runtime_1.jsx)(_context_1.WithHeaderFooterContext, { dialog: dialog, fullscreen: fullscreen, setFullscreen: setFullscreen, children: (0, jsx_runtime_1.jsx)(CustomHeader, __assign({}, staticProps, headerProps)) }) });
     }
     if (header instanceof Function) {
         return (0, jsx_runtime_1.jsxs)("div", { onDoubleClick: function (event) {
@@ -98,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/DialogFullscreenAction.js

@@ -10,6 +10,7 @@ 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;
+    console.log('DialogFullscreenAction', fullscreen, setFullscreen);
     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);

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.94",
+  "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/styles/snackbar.css

@@ -3,4 +3,5 @@ div[role=alert][aria-describedby=notistack-snackbar] {
 }
 div[role=alert][aria-describedby=notistack-snackbar] > div:nth-of-type(2) {
   margin-left: auto !important;
+  padding-left: initial !important;
 }

package/types/DialogTypes.d.ts

@@ -88,8 +88,8 @@ interface kSlotProps {
         style?: React.CSSProperties;
         [k: string]: any;
     };
-    footer?: (props: IBaseFooterProps) => Record<string, any>;
-    header?: (props: IBaseHeaderProps) => Record<string, any>;
+    footer?: Record<string, any>;
+    header?: Record<string, any>;
 }
 export interface IBaseDialogOptions {
     closeable?: boolean;
@@ -129,11 +129,11 @@ export interface IBaseDialogProgressOptions {
 export interface IBaseFooterProps extends BaseDialogSlotProps {
     inProcess?: IInProcess;
 }
-type FooterSlotProps = ReturnType<NonNullable<kSlotProps['footer']>>;
+type FooterSlotProps = kSlotProps['footer'];
 export type IFooterProps = IBaseFooterProps & FooterSlotProps;
 export interface IBaseHeaderProps extends BaseDialogSlotProps {
 }
-type HeaderSlotProps = ReturnType<NonNullable<kSlotProps['header']>>;
+type HeaderSlotProps = kSlotProps['header'];
 export type IHeaderProps = IBaseHeaderProps & HeaderSlotProps;
 export interface BaseDialogSlotProps {
     dialogOptions: DialogOptionsType;

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 };