react-dialogger 1.1.126 → 1.1.128

package/components/DialogContent.js

@@ -173,7 +173,15 @@ var DialogContent = function (props) {
                 y: y / scale,
                 fullscreen: false
             }, dialogRef);
-        }, children: (0, jsx_runtime_1.jsxs)("div", { id: "dialog-main", ref: dialogRef, onClick: function (e) {
+        }, children: (0, jsx_runtime_1.jsxs)("div", { onBlur: function (event) {
+                if (dialog.dialogOptions.backdrop.dimOnInactive) {
+                    dialogRef.current.classList.add('inactive');
+                }
+            }, onFocus: function (event) {
+                if (dialog.dialogOptions.backdrop.dimOnInactive) {
+                    dialogRef.current.classList.remove('inactive');
+                }
+            }, id: "dialog-main", ref: dialogRef, onClick: function (e) {
                 e.stopPropagation();
                 if (dialog.dialogOptions.backdrop.throughable) {
                     var toppest = dialog.props.zFinder();

package/models/baseDialogOptions.js

@@ -33,6 +33,7 @@ var BASE_DIALOG_OPTIONS = {
         backgroundColor: "#282828",
         opacity: 0.6,
         hideOnClick: false,
+        dimOnInactive: false
     },
     scaleable: false,
     scale: 1,

package/package.json

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

@@ -205,6 +205,10 @@
   -ms-user-select: none; /* IE/Edge */
 }
 
+.dialog-main.inactive {
+  opacity: 0.6 !important;
+}
+
 .dialog-main {
   top: 100px;
   box-shadow: 0 0 20px #252525;
@@ -214,6 +218,7 @@
   flex-direction: column;
   overflow: clip;
   pointer-events: auto;
+  opacity: 1; /* Başlangıçta 1 */
 }
 .dialog-main .dialog-zoom-root {
   display: flex;

package/types/DialogTypes.d.ts

@@ -233,6 +233,7 @@ export interface IBackdropOptions {
     opacity?: number;
     hideOnClick?: boolean;
     throughable?: boolean;
+    dimOnInactive?: boolean;
 }
 export type TNotifyOnClosing = "snackbar" | "zoom" | undefined;
 export type TInitialHolder = any;