react-dialogger 1.1.24 → 1.1.26

package/components/DialogBase.js

@@ -530,6 +530,8 @@ var DialogBase = /** @class */ (function (_super) {
              * eget momoize islemi uygulanmissa read from memory
              * */
             var bounds = _this._storedBounds;
+            // console.log('MAIN DOM', window.getComputedStyle(this.props.dom).zIndex);
+            var domZIndex = window.getComputedStyle(_this.props.dom).zIndex;
             return (0, jsx_runtime_1.jsx)(react_draggable_1.default, { disabled: !_this._draggable || _this.state.fullscreenMode, axis: 'both', handle: _this._draggable ? '.drag-handle' : '', scale: 1, ref: _this._backdropRef, onDrag: function (event, data) {
                     event.stopPropagation();
                     _this._dialogTranslate = { lastX: data.lastX, lastY: data.lastY };
@@ -555,7 +557,9 @@ var DialogBase = /** @class */ (function (_super) {
                     }, 
                     // className={this._dialogSize.width === 'auto' ? 'auto' : `dialog-width-${this._dialogSize.width} dialog-main show-opacity show-position-${this._dialogOptions.base.initialAnchor.vertical}`}
                     className: _this._dialogOptions.base.size.width === 'auto' ? 'auto' : "dialog-width-".concat(_this._dialogOptions.base.size.width, " dialog-main show-opacity show-position-").concat(_this._dialogOptions.base.initialAnchor.vertical), style: __assign(__assign(__assign(__assign(__assign({ alignSelf: _this._dialogOptions.base.initialAnchor.vertical, height: (_b = _this._dialogOptions.base.size.height) !== null && _b !== void 0 ? _b : 'auto' }, typeof _this._dialogOptions.base.size.width === "number" ? { width: _this._dialogOptions.base.size.width } : null), (_a = { outline: 'none' }, _a[yKey] = _this.dialogPosFromMultipleDialogs.top + 'px', _a[xKey] = _this.dialogPosFromMultipleDialogs.left + 'px', _a)), _this._dialogOptions.base.style), { fontFamily: _this._fontFamily }), bounds ? { position: 'absolute', top: bounds.y, left: bounds.x, width: bounds.width, height: bounds.height } : null), children: [(0, jsx_runtime_1.jsxs)(WithSnackbar, { snackbarRef: _this._snackbarRef, maxSnack: _this._dialogOptions.snackbar.maxSnack, children: [(_this._header || _this._dialogOptions.slot.header) && _this.Header(header), _this.Body(body), (0, jsx_runtime_1.jsx)(_this.Footer, { ref: _this._footeRef, actions: actions })] }), (_this._dialogOptions.base.resizeable) &&
-                            (0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "resizable-handle", onMouseDown: (_c = _this._Resizeable) === null || _c === void 0 ? void 0 : _c.resizeHandleMouseDown, children: (0, jsx_runtime_1.jsx)(ResizeIcon_1.default, { color: '#286e94' }) }) })] }) });
+                            (0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "resizable-handle", style: {
+                                        zIndex: parseInt(domZIndex) + 1
+                                    }, onMouseDown: (_c = _this._Resizeable) === null || _c === void 0 ? void 0 : _c.resizeHandleMouseDown, children: (0, jsx_runtime_1.jsx)(ResizeIcon_1.default, { color: '#286e94' }) }) })] }) });
         };
         // render = () => {
         //

package/models/Dialog.d.ts

@@ -3,6 +3,7 @@ import { DialogAction } from "./DialogAction";
 import DialogBase from "../components/DialogBase";
 import { TInitialHolder, TAccessFrom, ComponentOrderPositions, ISnackbarAnchor, DialogValues } from "../types/types";
 import { IDialogSize, TDialogStateListenerCallbackType, DialogOptionsType, IDialogDef, TDialogCallbackNodeFn, TDialogCallbackVoidFn } from "../types/DialogTypes";
+import { FormikProps } from "formik";
 declare class Dialog extends DialogBase {
     constructor(dialogRef?: React.RefObject<IDialogDef | undefined | null> | null, options?: DialogOptionsType);
     /**
@@ -13,6 +14,7 @@ declare class Dialog extends DialogBase {
     get accessFrom(): TAccessFrom;
     setHeader(header: TDialogCallbackNodeFn): this;
     setBody(body: TDialogCallbackNodeFn): this;
+    setFormik(formik: FormikProps<any>): this;
     addActions(actions: Array<DialogAction>): this;
     addAction(action: DialogAction): this;
     /**

package/models/Dialog.js

@@ -98,6 +98,10 @@ var Dialog = /** @class */ (function (_super) {
         _super.prototype.setBody.call(this, body);
         return this;
     };
+    Dialog.prototype.setFormik = function (formik) {
+        this.formikProps = formik;
+        return this;
+    };
     Dialog.prototype.addActions = function (actions) {
         _super.prototype.addActions.call(this, actions); // overrided
         return this;

package/package.json

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