react-dialogger 1.1.43 → 1.1.45

package/components/DialogBase.d.ts

@@ -134,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, 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*/

package/components/DialogContent.d.ts

@@ -13,6 +13,7 @@ interface IContentProps {
     dom: HTMLDivElement;
     keyboardListener: BaseDialogProps['keyboardListener'];
     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, 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");

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/package.json

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