react-dialogger 1.1.42 → 1.1.45

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
      * */
@@ -133,7 +134,7 @@ declare class DialogBase<Values extends Record<string, any>> extends Component<B
      * use outside Content component
      * */
     private baseZoomEffect;
-    private withBackdrop;
+    private WithBackdrop;
     switchFullScreen: () => void;
     private Placeholder;
     private Header;

package/components/DialogBase.js

@@ -334,9 +334,11 @@ var DialogBase = /** @class */ (function (_super) {
                 iterations: 1
             });
         };
-        _this.withBackdrop = function (body, header, actions) {
+        // private withBackdrop = ( body: TDialogCallbackNodeFn, header: TDialogCallbackNodeFn, actions?: Array<DialogAction> ) => {
+        _this.WithBackdrop = function (_a) {
+            var body = _a.body, header = _a.header, actions = _a.actions;
             _this.orderPositionWithReference();
-            var _a = _this._dialogOptions.backdrop, backgroundColor = _a.backgroundColor, opacity = _a.opacity;
+            var _b = _this._dialogOptions.backdrop, backgroundColor = _b.backgroundColor, opacity = _b.opacity;
             var bgCl = hexToRgb(backgroundColor, opacity);
             return (0, jsx_runtime_1.jsx)("div", { className: "dialog-backdrop dialog-backdrop-show", ref: _this._backdropRef, style: {
                     justifyContent: _this._dialogOptions.base.initialAnchor.horizontal,
@@ -350,7 +352,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, initialValues: _this._initialValues }) });
         };
         _this.switchFullScreen = function () {
             if (!_this.state.fullscreenMode) {
@@ -613,7 +615,8 @@ var DialogBase = /** @class */ (function (_super) {
         //     return this.withBackdrop(this._body, this._header, this._actions)
         // }
         _this.render = function () {
-            return _this.withBackdrop(_this._body, _this._header, _this._actions);
+            // return this.withBackdrop(this._body, this._header, this._actions)
+            return (0, jsx_runtime_1.jsx)(_this.WithBackdrop, { body: _this._body, header: _this._header, actions: _this._actions });
         };
         _this.state = __assign(__assign({}, _this._initialState), { fullscreenMode: false, isResizing: false, 
             /**@deprecated use FormikProps Values*/
@@ -710,6 +713,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,8 +12,8 @@ interface IContentProps {
     dialogOptions: DialogOptionsType;
     dom: HTMLDivElement;
     keyboardListener: BaseDialogProps['keyboardListener'];
-    resizeHandleMouseDown: () => void;
     dialog: DialogBase<any>;
+    initialValues: BaseDialogProps['initialValues'];
 }
 declare const DialogContent: React.FC<IContentProps>;
 export { DialogContent };

package/components/DialogContent.js

@@ -58,6 +58,7 @@ var notistack_1 = require("notistack");
 var DialogContentHeader_1 = require("./DialogContentHeader");
 var DialogContentBody_1 = require("./DialogContentBody");
 var DialogContenFooter_1 = require("./DialogContenFooter");
+var formik_1 = require("formik");
 var WithSnackbar = function (props) {
     return (0, jsx_runtime_1.jsx)(notistack_1.SnackbarProvider, { ref: props.snackbarRef, maxSnack: props.maxSnack, children: props.children });
 };
@@ -77,11 +78,19 @@ 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, initialValues = _a.initialValues;
     var position = dialogAutoPos();
     var snackbarRef = React.useRef(null);
     var _f = React.useState(false), fullscreenMode = _f[0], setFullscreenMode = _f[1];
     var baseOptions = dialogOptions.base;
+    dialog.formikProps = (0, formik_1.useFormik)({
+        enableReinitialize: true,
+        initialValues: initialValues,
+        onSubmit: function (values, formikHelpers) {
+            // No Necessary
+        }
+    });
+    // dialog.formikProps = formikProps;
     if (dialogRef.current) {
         // Öncelikle ref'i al ve input elemanlarını bul
         var inputElements = dialogRef.current.querySelectorAll("input");
@@ -134,6 +143,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/DialogContentBody.js

@@ -16,6 +16,7 @@ var Placeholder = function (_a) {
 };
 var DialogContentBody = function (_a) {
     var body = _a.body, dialog = _a.dialog;
+    console.log('DialogContentBody', dialog);
     if (body instanceof Function) {
         return (0, jsx_runtime_1.jsxs)("div", { className: 'dialog-body', style: { height: '100%' }, children: [dialog.holder && (0, jsx_runtime_1.jsx)(Placeholder, { dialogOptions: dialog.dialogOptions, placeholder: dialog.holder }), body(dialog)] });
     }

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.45",
   "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",