math-main-components 0.0.24 → 0.0.26

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export declare function Checkbox({ text, name }: {
+export declare function Checkbox({ text, name, defaultChecked }: {
     text: any;
     name: string;
+    defaultChecked?: boolean;
 }): React.JSX.Element;

package/dist/components/InputNames/InputNames.d.ts

@@ -1,13 +1,17 @@
 import React, { MouseEvent } from 'react';
-export declare function InputNames({ width, placeholder, title, onInput, onInputFirstName, onInputLastName, }: {
+export declare function InputNames({ width, placeholder, title, defaultValue, onInput, onInputFirstName, onInputLastName, }: {
     width?: string;
     placeholder?: {
-        firstName: string;
-        lastName: string;
+        firstName?: string;
+        lastName?: string;
     };
     title?: {
-        firstName: string;
-        lastName: string;
+        firstName?: string;
+        lastName?: string;
+    };
+    defaultValue?: {
+        firstName?: string;
+        lastName?: string;
     };
     onInput?: (name: string, event: MouseEvent<HTMLInputElement>) => void;
     onInputFirstName?: (event: MouseEvent<HTMLInputElement>) => void;

package/dist/index.cjs.js

@@ -84,10 +84,10 @@ var css_248z$p = ".styles-module_container__gCCnD {\n  margin-bottom: 20px;\n  w
 var styles$p = {"container":"styles-module_container__gCCnD"};
 styleInject(css_248z$p);
 
-function Checkbox({ text, name }) {
+function Checkbox({ text, name, defaultChecked = false }) {
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", { className: styles$p.container },
-            React__default["default"].createElement("input", { type: "checkbox", name: name, id: name }),
+            React__default["default"].createElement("input", { type: "checkbox", name: name, id: name, defaultChecked: defaultChecked }),
             React__default["default"].createElement("label", { htmlFor: name }, text),
             React__default["default"].createElement(SvgIcon, { iconName: "done", size: "21px" }))));
 }
@@ -207,7 +207,7 @@ var css_248z$h = ".styles-module_container__IXTeq {\n  display: flex;\n  flex-di
 var styles$h = {"container":"styles-module_container__IXTeq","input":"styles-module_input__flMT5","form":"styles-module_form__chEvQ","label":"styles-module_label__hflX9","label_text":"styles-module_label_text__oXgFI","with_title":"styles-module_with_title__ubN0L","valid":"styles-module_valid__76xYu"};
 styleInject(css_248z$h);
 
-function InputNames({ width = "100%", placeholder = { firstName: "", lastName: "" }, title = { firstName: "Vorname", lastName: "Nachname" }, onInput = (name, event) => { }, onInputFirstName = (event) => { }, onInputLastName = (event) => { }, }) {
+function InputNames({ width = "100%", placeholder = { firstName: "", lastName: "" }, title = { firstName: "Vorname", lastName: "Nachname" }, defaultValue = { firstName: "", lastName: "" }, onInput = (name, event) => { }, onInputFirstName = (event) => { }, onInputLastName = (event) => { }, }) {
     const [value1, setValue1] = React.useState("");
     const [value2, setValue2] = React.useState("");
     function onInput1(event) {
@@ -222,11 +222,11 @@ function InputNames({ width = "100%", placeholder = { firstName: "", lastName: "
     }
     return (React__default["default"].createElement("div", { className: styles$h.container, style: { width: width } },
         React__default["default"].createElement("div", { className: styles$h.form },
-            React__default["default"].createElement("input", { className: `${styles$h.input} ${title.firstName != undefined ? styles$h.with_title : styles$h.without_title} ${value1.length > 0 ? styles$h.valid : styles$h.not_valid}`, name: "firstName", type: "name", style: { width: width != "100%" ? "100px" : width }, placeholder: placeholder.firstName, onInput: onInput1 }),
+            React__default["default"].createElement("input", { className: `${styles$h.input} ${title.firstName != undefined ? styles$h.with_title : styles$h.without_title} ${value1.length > 0 ? styles$h.valid : styles$h.not_valid}`, name: "firstName", type: "name", style: { width: width != "100%" ? "100px" : width }, placeholder: placeholder.firstName, defaultValue: defaultValue.firstName, onInput: onInput1 }),
             React__default["default"].createElement("label", { htmlFor: "text", className: styles$h.label },
                 React__default["default"].createElement("span", { className: styles$h.label_text }, title.firstName))),
         React__default["default"].createElement("div", { className: styles$h.form },
-            React__default["default"].createElement("input", { className: `${styles$h.input} ${title.lastName != undefined ? styles$h.with_title : styles$h.without_title} ${value2.length > 0 ? styles$h.valid : styles$h.not_valid}`, name: "lastName", type: "name", style: { width: width != "100%" ? "100px" : width }, placeholder: placeholder.lastName, onInput: onInput2 }),
+            React__default["default"].createElement("input", { className: `${styles$h.input} ${title.lastName != undefined ? styles$h.with_title : styles$h.without_title} ${value2.length > 0 ? styles$h.valid : styles$h.not_valid}`, name: "lastName", type: "name", style: { width: width != "100%" ? "100px" : width }, placeholder: placeholder.lastName, defaultValue: defaultValue.lastName, onInput: onInput2 }),
             React__default["default"].createElement("label", { htmlFor: "text", className: styles$h.label },
                 React__default["default"].createElement("span", { className: styles$h.label_text }, title.lastName)))));
 }

package/dist/index.esm.js

@@ -76,10 +76,10 @@ var css_248z$p = ".styles-module_container__gCCnD {\n  margin-bottom: 20px;\n  w
 var styles$p = {"container":"styles-module_container__gCCnD"};
 styleInject(css_248z$p);
 
-function Checkbox({ text, name }) {
+function Checkbox({ text, name, defaultChecked = false }) {
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: styles$p.container },
-            React.createElement("input", { type: "checkbox", name: name, id: name }),
+            React.createElement("input", { type: "checkbox", name: name, id: name, defaultChecked: defaultChecked }),
             React.createElement("label", { htmlFor: name }, text),
             React.createElement(SvgIcon, { iconName: "done", size: "21px" }))));
 }
@@ -199,7 +199,7 @@ var css_248z$h = ".styles-module_container__IXTeq {\n  display: flex;\n  flex-di
 var styles$h = {"container":"styles-module_container__IXTeq","input":"styles-module_input__flMT5","form":"styles-module_form__chEvQ","label":"styles-module_label__hflX9","label_text":"styles-module_label_text__oXgFI","with_title":"styles-module_with_title__ubN0L","valid":"styles-module_valid__76xYu"};
 styleInject(css_248z$h);
 
-function InputNames({ width = "100%", placeholder = { firstName: "", lastName: "" }, title = { firstName: "Vorname", lastName: "Nachname" }, onInput = (name, event) => { }, onInputFirstName = (event) => { }, onInputLastName = (event) => { }, }) {
+function InputNames({ width = "100%", placeholder = { firstName: "", lastName: "" }, title = { firstName: "Vorname", lastName: "Nachname" }, defaultValue = { firstName: "", lastName: "" }, onInput = (name, event) => { }, onInputFirstName = (event) => { }, onInputLastName = (event) => { }, }) {
     const [value1, setValue1] = useState("");
     const [value2, setValue2] = useState("");
     function onInput1(event) {
@@ -214,11 +214,11 @@ function InputNames({ width = "100%", placeholder = { firstName: "", lastName: "
     }
     return (React.createElement("div", { className: styles$h.container, style: { width: width } },
         React.createElement("div", { className: styles$h.form },
-            React.createElement("input", { className: `${styles$h.input} ${title.firstName != undefined ? styles$h.with_title : styles$h.without_title} ${value1.length > 0 ? styles$h.valid : styles$h.not_valid}`, name: "firstName", type: "name", style: { width: width != "100%" ? "100px" : width }, placeholder: placeholder.firstName, onInput: onInput1 }),
+            React.createElement("input", { className: `${styles$h.input} ${title.firstName != undefined ? styles$h.with_title : styles$h.without_title} ${value1.length > 0 ? styles$h.valid : styles$h.not_valid}`, name: "firstName", type: "name", style: { width: width != "100%" ? "100px" : width }, placeholder: placeholder.firstName, defaultValue: defaultValue.firstName, onInput: onInput1 }),
             React.createElement("label", { htmlFor: "text", className: styles$h.label },
                 React.createElement("span", { className: styles$h.label_text }, title.firstName))),
         React.createElement("div", { className: styles$h.form },
-            React.createElement("input", { className: `${styles$h.input} ${title.lastName != undefined ? styles$h.with_title : styles$h.without_title} ${value2.length > 0 ? styles$h.valid : styles$h.not_valid}`, name: "lastName", type: "name", style: { width: width != "100%" ? "100px" : width }, placeholder: placeholder.lastName, onInput: onInput2 }),
+            React.createElement("input", { className: `${styles$h.input} ${title.lastName != undefined ? styles$h.with_title : styles$h.without_title} ${value2.length > 0 ? styles$h.valid : styles$h.not_valid}`, name: "lastName", type: "name", style: { width: width != "100%" ? "100px" : width }, placeholder: placeholder.lastName, defaultValue: defaultValue.lastName, onInput: onInput2 }),
             React.createElement("label", { htmlFor: "text", className: styles$h.label },
                 React.createElement("span", { className: styles$h.label_text }, title.lastName)))));
 }

package/package.json

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