math-main-components 0.0.19 → 0.0.21

package/dist/components/Dialog/Dialog.d.ts

@@ -1,3 +1,7 @@
 import React from "react";
 import { DialogProps } from "./Dialog.types";
-export declare function Dialog({ active, onClose, children }: DialogProps): React.JSX.Element;
+export interface DialogData {
+    isActive: boolean;
+    data: any;
+}
+export declare function Dialog({ data, onClose, children }: DialogProps): React.JSX.Element;

package/dist/components/Dialog/Dialog.types.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { DialogData } from "./Dialog";
 export interface DialogProps {
-    active?: boolean;
-    onClose?: (event: React.MouseEventHandler<HTMLDivElement>) => void;
+    data?: DialogData;
+    onClose?: (event: React.MouseEventHandler<HTMLDivElement>, data: any) => void;
     children: any;
 }

package/dist/index.cjs.js

@@ -135,13 +135,13 @@ var css_248z$m = ".styles-module_container__9-1MH {\n  position: fixed;\n  heigh
 var styles$m = {"container":"styles-module_container__9-1MH","active":"styles-module_active__AXoyo","disabled":"styles-module_disabled__sELpy","dialog_window":"styles-module_dialog_window__0Bn2M"};
 styleInject(css_248z$m);
 
-function Dialog({ active = false, onClose = (event) => { }, children = null }) {
+function Dialog({ data, onClose = (event, data) => { }, children = null }) {
     function onClick(event) {
-        if (event.target.id == 'dialog-backdrop') {
-            onClose(event);
+        if (event.target.id == 'dialog-backdrop' && data) {
+            onClose(event, data.data);
         }
     }
-    return (React__default["default"].createElement("div", { id: "dialog-backdrop", className: `${styles$m.container} ${active ? styles$m.active : styles$m.disabled}`, onClick: onClick },
+    return (React__default["default"].createElement("div", { id: "dialog-backdrop", className: `${styles$m.container} ${data?.isActive ? styles$m.active : styles$m.disabled}`, onClick: onClick },
         React__default["default"].createElement("div", { className: styles$m.dialog_window }, children)));
 }
 
@@ -375,7 +375,7 @@ function OptionFieldHorizontal({ title, iconName, preselected = false }) {
         React__default["default"].createElement("h3", null, title)));
 }
 
-var css_248z$a = ".styles-module_container__oNbrP {\n  padding-top: 10px;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65 {\n  padding: 10px 18px;\n  background: #0075FF;\n  border-radius: 40px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  font-size: 15px;\n  color: white;\n  align-items: center;\n  border: none;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_red__CHF3e {\n  background: #e40000;\n}";
+var css_248z$a = ".styles-module_container__oNbrP .styles-module_button__UBk65 {\n  padding: 10px 18px;\n  background: #0075FF;\n  border-radius: 40px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  font-size: 15px;\n  color: white;\n  align-items: center;\n  border: none;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_red__CHF3e {\n  background: #e40000;\n}";
 var styles$a = {"container":"styles-module_container__oNbrP","button":"styles-module_button__UBk65","red":"styles-module_red__CHF3e"};
 styleInject(css_248z$a);
 

package/dist/index.esm.js

@@ -127,13 +127,13 @@ var css_248z$m = ".styles-module_container__9-1MH {\n  position: fixed;\n  heigh
 var styles$m = {"container":"styles-module_container__9-1MH","active":"styles-module_active__AXoyo","disabled":"styles-module_disabled__sELpy","dialog_window":"styles-module_dialog_window__0Bn2M"};
 styleInject(css_248z$m);
 
-function Dialog({ active = false, onClose = (event) => { }, children = null }) {
+function Dialog({ data, onClose = (event, data) => { }, children = null }) {
     function onClick(event) {
-        if (event.target.id == 'dialog-backdrop') {
-            onClose(event);
+        if (event.target.id == 'dialog-backdrop' && data) {
+            onClose(event, data.data);
         }
     }
-    return (React.createElement("div", { id: "dialog-backdrop", className: `${styles$m.container} ${active ? styles$m.active : styles$m.disabled}`, onClick: onClick },
+    return (React.createElement("div", { id: "dialog-backdrop", className: `${styles$m.container} ${data?.isActive ? styles$m.active : styles$m.disabled}`, onClick: onClick },
         React.createElement("div", { className: styles$m.dialog_window }, children)));
 }
 
@@ -367,7 +367,7 @@ function OptionFieldHorizontal({ title, iconName, preselected = false }) {
         React.createElement("h3", null, title)));
 }
 
-var css_248z$a = ".styles-module_container__oNbrP {\n  padding-top: 10px;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65 {\n  padding: 10px 18px;\n  background: #0075FF;\n  border-radius: 40px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  font-size: 15px;\n  color: white;\n  align-items: center;\n  border: none;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_red__CHF3e {\n  background: #e40000;\n}";
+var css_248z$a = ".styles-module_container__oNbrP .styles-module_button__UBk65 {\n  padding: 10px 18px;\n  background: #0075FF;\n  border-radius: 40px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  font-size: 15px;\n  color: white;\n  align-items: center;\n  border: none;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_red__CHF3e {\n  background: #e40000;\n}";
 var styles$a = {"container":"styles-module_container__oNbrP","button":"styles-module_button__UBk65","red":"styles-module_red__CHF3e"};
 styleInject(css_248z$a);
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "math-main-components",
-    "version": "0.0.19",
+    "version": "0.0.21",
     "author": "Emilian Scheel",
     "files": [
         "dist/**/*"