math-main-components 0.0.157 → 0.0.159

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

@@ -1,10 +1,7 @@
 import React from "react";
-export interface DialogData {
-    isActive: boolean;
-    data?: any;
-}
-export declare function Dialog({ data, text, onClose, onSubmit, children }: {
-    data?: DialogData;
+export declare function Dialog({ data, enabled, text, onClose, onSubmit, children }: {
+    data?: unknown;
+    enabled?: boolean;
     text?: any;
     onClose?: (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, data?: any | undefined) => void;
     onSubmit?: (event: React.MouseEvent<HTMLButtonElement>, data?: any | undefined) => void;

package/dist/components/InputText/InputText.d.ts

@@ -1,11 +1,12 @@
 import React, { ChangeEvent } from 'react';
-export declare function InputText({ id, title, name, placeholder, defaultValue, autoFocus, type, width, marginBottom, available, onInput }: {
+export declare function InputText({ id, title, name, placeholder, defaultValue, autoFocus, type, width, marginBottom, autoComplete, available, onInput }: {
     id?: string;
     title: string;
     name: string;
     placeholder?: string;
     defaultValue?: string;
     autoFocus?: boolean;
+    autoComplete?: string;
     type?: string;
     width?: string;
     marginBottom?: string;

package/dist/index.cjs.js

@@ -148,21 +148,21 @@ var css_248z$o = ".styles-module_container__9-1MH {\n  position: fixed;\n  heigh
 var styles$o = {"container":"styles-module_container__9-1MH","active":"styles-module_active__AXoyo","disabled":"styles-module_disabled__sELpy","dialog_window":"styles-module_dialog_window__0Bn2M","cancel_button":"styles-module_cancel_button__KhwLS","submit_button":"styles-module_submit_button__xLzux"};
 styleInject(css_248z$o);
 
-function Dialog({ data, text, onClose, onSubmit, children }) {
+function Dialog({ data, enabled, text, onClose, onSubmit = () => { }, children }) {
     function onClick(event) {
         const element = event.target;
         const id = element.id;
         if (["dialog-backdrop", "cancel-button"].includes(id)) {
             if (onClose)
-                onClose(event, data?.data);
+                onClose(event, data);
         }
     }
-    return (React__default["default"].createElement("div", { id: "dialog-backdrop", className: `${styles$o.container} ${data?.isActive ? styles$o.active : styles$o.disabled}`, onClick: onClick },
+    return (React__default["default"].createElement("div", { id: "dialog-backdrop", className: `${styles$o.container} ${enabled ? styles$o.active : styles$o.disabled}`, onClick: onClick },
         React__default["default"].createElement("div", { className: styles$o.dialog_window },
             children,
             text && React__default["default"].createElement("h1", null, text),
             React__default["default"].createElement("button", { className: styles$o.cancel_button, id: "cancel-button", onClick: onClick }, "Abbrechen"),
-            React__default["default"].createElement("button", { className: styles$o.submit_button, id: "submit-button", onClick: (event) => onSubmit && onSubmit(event, data?.data) }, "Best\u00E4tigen"))));
+            React__default["default"].createElement("button", { className: styles$o.submit_button, id: "submit-button", onClick: (event) => onSubmit(event, data) }, "Best\u00E4tigen"))));
 }
 
 var css_248z$n = ".styles-module_card__hT9fw {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: 20px;\n  padding: 100px 0px;\n}\n.styles-module_card__hT9fw h1 {\n  margin: 0;\n  font-size: 22px;\n  font-weight: 500;\n}\n.styles-module_card__hT9fw p {\n  margin: 0;\n  font-size: 16px;\n}";
@@ -309,7 +309,7 @@ function InputPassword({ id, placeholder = "", title = "Passwort", name, isVisib
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", { className: `${styles$f.container} ${isVisible ? styles$f.visible : styles$f.hidden}`, style: { width: width } },
             React__default["default"].createElement("div", { className: styles$f.form },
-                React__default["default"].createElement("input", { className: `${styles$f.input} ${title != undefined ? styles$f.with_title : styles$f.without_title} ${value.length > 0 ? styles$f.valid : styles$f.not_valid}`, name: name, minLength: minLength, autoComplete: autoComplete, placeholder: placeholder, type: hidePassword ? "password" : "text", onInput: (event) => setValue(event.target.value) }),
+                React__default["default"].createElement("input", { className: `${styles$f.input} ${title != undefined ? styles$f.with_title : styles$f.without_title} ${value.length > 0 ? styles$f.valid : styles$f.not_valid}`, name: name, id: id, minLength: minLength, autoComplete: autoComplete, placeholder: placeholder, type: hidePassword ? "password" : "text", onInput: (event) => setValue(event.target.value) }),
                 React__default["default"].createElement("label", { htmlFor: "text", className: styles$f.label },
                     React__default["default"].createElement("span", { className: styles$f.label_text }, title)),
                 React__default["default"].createElement("button", { title: hidePassword ? "Passwort anzeigen" : "Passwort verstecken", className: styles$f.hideButton, onClick: () => setHidePassword(!hidePassword), type: "button" },
@@ -401,7 +401,7 @@ var css_248z$d = ".styles-module_container__zcXGF {\n  display: flex;\n  width:
 var styles$d = {"container":"styles-module_container__zcXGF","input":"styles-module_input__Tpth8","not_available":"styles-module_not_available__CRXjB","label":"styles-module_label__appHO","label_text":"styles-module_label_text__-sKjY","with_title":"styles-module_with_title__L3eGj","valid":"styles-module_valid__zWcOz"};
 styleInject(css_248z$d);
 
-function InputText({ id, title, name, placeholder = "", defaultValue = "", autoFocus = false, type = "text", width = "100%", marginBottom, available = true, onInput = (event) => { } }) {
+function InputText({ id, title, name, placeholder = "", defaultValue = "", autoFocus = false, type = "text", width = "100%", marginBottom, autoComplete = "off", available = true, onInput = (event) => { } }) {
     const [value, setValue] = React.useState(defaultValue);
     const inputElement = React.useCallback((element) => {
         if (element && autoFocus)
@@ -409,7 +409,7 @@ function InputText({ id, title, name, placeholder = "", defaultValue = "", autoF
     }, [autoFocus]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", { className: styles$d.container, style: { width, marginBottom } },
-            React__default["default"].createElement("input", { className: `${styles$d.input} ${title != undefined ? styles$d.with_title : styles$d.without_title} ${value.length > 0 || defaultValue.length > 0 ? styles$d.valid : styles$d.not_valid} ${available ? styles$d.available : styles$d.not_available}`, name: name, id: id, type: type, placeholder: placeholder, ref: inputElement, defaultValue: defaultValue, onInput: (event) => {
+            React__default["default"].createElement("input", { className: `${styles$d.input} ${title != undefined ? styles$d.with_title : styles$d.without_title} ${value.length > 0 || defaultValue.length > 0 ? styles$d.valid : styles$d.not_valid} ${available ? styles$d.available : styles$d.not_available}`, name: name, id: id, type: type, placeholder: placeholder, autoComplete: autoComplete, ref: inputElement, defaultValue: defaultValue, onInput: (event) => {
                     setValue(event.target.value);
                     if (onInput)
                         onInput(event);

package/dist/index.esm.js

@@ -140,21 +140,21 @@ var css_248z$o = ".styles-module_container__9-1MH {\n  position: fixed;\n  heigh
 var styles$o = {"container":"styles-module_container__9-1MH","active":"styles-module_active__AXoyo","disabled":"styles-module_disabled__sELpy","dialog_window":"styles-module_dialog_window__0Bn2M","cancel_button":"styles-module_cancel_button__KhwLS","submit_button":"styles-module_submit_button__xLzux"};
 styleInject(css_248z$o);
 
-function Dialog({ data, text, onClose, onSubmit, children }) {
+function Dialog({ data, enabled, text, onClose, onSubmit = () => { }, children }) {
     function onClick(event) {
         const element = event.target;
         const id = element.id;
         if (["dialog-backdrop", "cancel-button"].includes(id)) {
             if (onClose)
-                onClose(event, data?.data);
+                onClose(event, data);
         }
     }
-    return (React.createElement("div", { id: "dialog-backdrop", className: `${styles$o.container} ${data?.isActive ? styles$o.active : styles$o.disabled}`, onClick: onClick },
+    return (React.createElement("div", { id: "dialog-backdrop", className: `${styles$o.container} ${enabled ? styles$o.active : styles$o.disabled}`, onClick: onClick },
         React.createElement("div", { className: styles$o.dialog_window },
             children,
             text && React.createElement("h1", null, text),
             React.createElement("button", { className: styles$o.cancel_button, id: "cancel-button", onClick: onClick }, "Abbrechen"),
-            React.createElement("button", { className: styles$o.submit_button, id: "submit-button", onClick: (event) => onSubmit && onSubmit(event, data?.data) }, "Best\u00E4tigen"))));
+            React.createElement("button", { className: styles$o.submit_button, id: "submit-button", onClick: (event) => onSubmit(event, data) }, "Best\u00E4tigen"))));
 }
 
 var css_248z$n = ".styles-module_card__hT9fw {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: 20px;\n  padding: 100px 0px;\n}\n.styles-module_card__hT9fw h1 {\n  margin: 0;\n  font-size: 22px;\n  font-weight: 500;\n}\n.styles-module_card__hT9fw p {\n  margin: 0;\n  font-size: 16px;\n}";
@@ -301,7 +301,7 @@ function InputPassword({ id, placeholder = "", title = "Passwort", name, isVisib
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: `${styles$f.container} ${isVisible ? styles$f.visible : styles$f.hidden}`, style: { width: width } },
             React.createElement("div", { className: styles$f.form },
-                React.createElement("input", { className: `${styles$f.input} ${title != undefined ? styles$f.with_title : styles$f.without_title} ${value.length > 0 ? styles$f.valid : styles$f.not_valid}`, name: name, minLength: minLength, autoComplete: autoComplete, placeholder: placeholder, type: hidePassword ? "password" : "text", onInput: (event) => setValue(event.target.value) }),
+                React.createElement("input", { className: `${styles$f.input} ${title != undefined ? styles$f.with_title : styles$f.without_title} ${value.length > 0 ? styles$f.valid : styles$f.not_valid}`, name: name, id: id, minLength: minLength, autoComplete: autoComplete, placeholder: placeholder, type: hidePassword ? "password" : "text", onInput: (event) => setValue(event.target.value) }),
                 React.createElement("label", { htmlFor: "text", className: styles$f.label },
                     React.createElement("span", { className: styles$f.label_text }, title)),
                 React.createElement("button", { title: hidePassword ? "Passwort anzeigen" : "Passwort verstecken", className: styles$f.hideButton, onClick: () => setHidePassword(!hidePassword), type: "button" },
@@ -393,7 +393,7 @@ var css_248z$d = ".styles-module_container__zcXGF {\n  display: flex;\n  width:
 var styles$d = {"container":"styles-module_container__zcXGF","input":"styles-module_input__Tpth8","not_available":"styles-module_not_available__CRXjB","label":"styles-module_label__appHO","label_text":"styles-module_label_text__-sKjY","with_title":"styles-module_with_title__L3eGj","valid":"styles-module_valid__zWcOz"};
 styleInject(css_248z$d);
 
-function InputText({ id, title, name, placeholder = "", defaultValue = "", autoFocus = false, type = "text", width = "100%", marginBottom, available = true, onInput = (event) => { } }) {
+function InputText({ id, title, name, placeholder = "", defaultValue = "", autoFocus = false, type = "text", width = "100%", marginBottom, autoComplete = "off", available = true, onInput = (event) => { } }) {
     const [value, setValue] = useState(defaultValue);
     const inputElement = useCallback((element) => {
         if (element && autoFocus)
@@ -401,7 +401,7 @@ function InputText({ id, title, name, placeholder = "", defaultValue = "", autoF
     }, [autoFocus]);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: styles$d.container, style: { width, marginBottom } },
-            React.createElement("input", { className: `${styles$d.input} ${title != undefined ? styles$d.with_title : styles$d.without_title} ${value.length > 0 || defaultValue.length > 0 ? styles$d.valid : styles$d.not_valid} ${available ? styles$d.available : styles$d.not_available}`, name: name, id: id, type: type, placeholder: placeholder, ref: inputElement, defaultValue: defaultValue, onInput: (event) => {
+            React.createElement("input", { className: `${styles$d.input} ${title != undefined ? styles$d.with_title : styles$d.without_title} ${value.length > 0 || defaultValue.length > 0 ? styles$d.valid : styles$d.not_valid} ${available ? styles$d.available : styles$d.not_available}`, name: name, id: id, type: type, placeholder: placeholder, autoComplete: autoComplete, ref: inputElement, defaultValue: defaultValue, onInput: (event) => {
                     setValue(event.target.value);
                     if (onInput)
                         onInput(event);

package/package.json

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