react-dialogger 1.1.42 → 1.1.43

package/components/DialogBase.d.ts

@@ -74,6 +74,7 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
     initializeActionRef: (key: string) => RefObject<DialogActionBase>;
     get dialogOptions(): DialogOptionsType;
     get holder(): DialogOptionsType;
+    get Resizeable(): Resizeable;
     /**@deprecate
      * @see this.state
      * */

package/components/DialogBase.js

@@ -350,7 +350,7 @@ var DialogBase = /** @class */ (function (_super) {
                         return;
                     }
                     _this.baseZoomEffect();
-                }, children: (0, jsx_runtime_1.jsx)(DialogContent_1.DialogContent, { body: body, header: header, actions: actions, dialogRef: _this._dialogRef, footerRef: _this._footerRef, backdropRef: _this._backdropRef, dialogOptions: _this.dialogOptions, dom: _this._dom, keyboardListener: _this._keyboardListener, resizeHandleMouseDown: _this._Resizeable.resizeHandleMouseDown, dialog: _this }) });
+                }, children: (0, jsx_runtime_1.jsx)(DialogContent_1.DialogContent, { body: body, header: header, actions: actions, dialogRef: _this._dialogRef, footerRef: _this._footerRef, backdropRef: _this._backdropRef, dialogOptions: _this.dialogOptions, dom: _this._dom, keyboardListener: _this._keyboardListener, dialog: _this }) });
         };
         _this.switchFullScreen = function () {
             if (!_this.state.fullscreenMode) {
@@ -710,6 +710,13 @@ var DialogBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(DialogBase.prototype, "Resizeable", {
+        get: function () {
+            return this._Resizeable;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DialogBase.prototype, "formikProps", {
         // get state(): T | Readonly<BaseDialogState> {
         //     return super.state

package/components/DialogContent.d.ts

@@ -12,7 +12,6 @@ interface IContentProps {
     dialogOptions: DialogOptionsType;
     dom: HTMLDivElement;
     keyboardListener: BaseDialogProps['keyboardListener'];
-    resizeHandleMouseDown: () => void;
     dialog: DialogBase<any>;
 }
 declare const DialogContent: React.FC<IContentProps>;

package/components/DialogContent.js

@@ -77,7 +77,7 @@ var dialogAutoPos = function () {
 var DialogContent = function (_a) {
     var _b;
     var _c, _d, _e;
-    var body = _a.body, header = _a.header, actions = _a.actions, dialogRef = _a.dialogRef, footerRef = _a.footerRef, dialogOptions = _a.dialogOptions, dom = _a.dom, backdropRef = _a.backdropRef, keyboardListener = _a.keyboardListener, resizeHandleMouseDown = _a.resizeHandleMouseDown, dialog = _a.dialog;
+    var body = _a.body, header = _a.header, actions = _a.actions, dialogRef = _a.dialogRef, footerRef = _a.footerRef, dialogOptions = _a.dialogOptions, dom = _a.dom, backdropRef = _a.backdropRef, keyboardListener = _a.keyboardListener, dialog = _a.dialog;
     var position = dialogAutoPos();
     var snackbarRef = React.useRef(null);
     var _f = React.useState(false), fullscreenMode = _f[0], setFullscreenMode = _f[1];
@@ -134,6 +134,6 @@ var DialogContent = function (_a) {
                             dialog: dialog }), (0, jsx_runtime_1.jsx)(DialogContentBody_1.DialogContentBody, { dialog: dialog, body: body }), (0, jsx_runtime_1.jsx)(DialogContenFooter_1.DialogContentFooter, { dialog: dialog, ref: footerRef, actions: actions })] }), (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: resizeHandleMouseDown, children: (0, jsx_runtime_1.jsx)(ResizeIcon_1.default, { color: '#286e94' }) }) })] }) });
+                            }, onMouseDown: dialog.Resizeable.resizeHandleMouseDown, children: (0, jsx_runtime_1.jsx)(ResizeIcon_1.default, { color: '#286e94' }) }) })] }) });
 };
 exports.DialogContent = DialogContent;

package/components/DialogContentHeader.js

@@ -38,7 +38,7 @@ var DialogContentHeader = function (_a) {
                 if ((_a = dialog === null || dialog === void 0 ? void 0 : dialog.dialogOptions.base) === null || _a === void 0 ? void 0 : _a.fullscreen) {
                     dialog.switchFullScreen();
                 }
-            }, 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)(DialogBase_1.WithHeaderFooterContext, { 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)(DialogBase_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) {
@@ -48,7 +48,7 @@ var DialogContentHeader = function (_a) {
             }, 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 && !dialog.state.fullscreenMode ? 'drag-handle' : ''), children: [header(dialog), (baseOptions.closeable || baseOptions.fullscreen) &&
                     (0, jsx_runtime_1.jsx)(DialogBase_1.WithHeaderFooterContext, { dialog: dialog, children: (0, jsx_runtime_1.jsxs)(Futures_1.DialogHeaderActionsWrapper, { children: [baseOptions.fullscreen &&
                                     (0, jsx_runtime_1.jsx)(Futures_1.DialogFullscreenAction, {}), baseOptions.closeable &&
-                                    (0, jsx_runtime_1.jsx)(Futures_1.DialogCloseAction, {})] }) })] });
+                                    (0, jsx_runtime_1.jsx)(Futures_1.DialogCloseAction, {}), (0, jsx_runtime_1.jsx)(Futures_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/Futures/DialogCloseAction.js

@@ -11,20 +11,20 @@ var DialogBase_1 = require("../DialogBase");
 // const DialogCloseAction = ({dialog}:{dialog: React.RefObject<IDialogRef> | undefined}) => {
 // const DialogCloseAction = ({dialog, newProps}:{dialog: IDialogDef | undefined, newProps?: any}) => {
 var DialogCloseAction = function () {
-    var _a, _b, _c, _d;
-    var dialogHeaderContext = (0, react_1.useContext)(DialogBase_1.DialogHeaderFooterContext);
-    var _dialog = dialogHeaderContext.dialog;
+    var _a, _b, _c, _d, _e, _f;
+    var dialog = (0, react_1.useContext)(DialogBase_1.DialogHeaderFooterContext).dialog;
+    console.log('DialogCloseAction_dialog', dialog);
     // console.log('DialogCloseAction_props', dialogHeaderContext);
     // return <div className={'close-icon-wrapper'} onClick={event => apiRef.current.close()} >
     return (0, jsx_runtime_1.jsx)("div", { className: 'close-icon-wrapper', onClick: function (event) {
             // props.dialog.close()
-            _dialog.close();
+            dialog.close();
         }, children: (0, jsx_runtime_1.jsx)(CloseIcon_1.default
         // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
         // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
         , { 
             // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
             // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
-            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 }) });
+            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/package.json

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