EN · DE · RU · FR · ES
← Index · ← Dateiindex · ← Vorherige · Nächste → · 📄 Quelle

#2646: ValidationManager.jsx

projectforge-webapp/src/components/design/input/ValidationManager.jsx React-Komponente, projectforge-webapp/src/components/design/input/ValidationManager.jsx 68 Zeilen · 53 Code · 6 Kommentare · 9 leer
Zweck: React-Webapp: ValidationManager.jsx. ValidationManager.jsx ist Teil der Open-Source-Projektmanagement-Anwendung ProjectForge.

Quelltext (erste 100 Zeilen)

import PropTypes from 'prop-types';
import React from 'react';

// Automatisch die darin verschachtelten Eingabefelder validieren. (Nur erste Ebene)
function ValidationManager({ children, customValidation }) {
    const extraLabel = null;

    return (
        <>
            {React.Children.map(children, (child) => {
                if (!child) {
                    return child;
                }
                const { props: childProps } = child;
                const {
                    checked,
                    required,
                    maxLength,
                    value,
                } = childProps;

                let valid = true;
                let { additionalLabel } = childProps;

                // Erforderlich und maxLength validieren
                if (
                    (required && !(value || checked))
                    || (maxLength && value && value.length > maxLength)
                ) {
                    valid = false;
                }

                // Auf eine benutzerdefinierte Validierung prüfen.
                if (customValidation) {
                    valid = false;

                    if (additionalLabel) {
                        // Die Validierungsmeldung an das vorhandene zusätzliche Label anhängen
                        additionalLabel += ` - ${customValidation.message}`;
                    } else {
                        // oder andernfalls das zusätzliche Label auf die Validierungsmeldung setzen.
                        additionalLabel = customValidation.message;
                    }
                }

                return {
                    ...child,
                    // Manipulation der Props des Kindes.
                    props: {
                        ...child.props,
                        additionalLabel,
                        color: valid ? childProps.color : 'danger',
                    },
                };
            })}
            {extraLabel}
        </>
    );
}

ValidationManager.propTypes = {
    children: PropTypes.node.isRequired,
    customValidation: PropTypes.shape({
        message: PropTypes.string,
    }),
};

export default ValidationManager;

Git-Verlauf

f867698d3 wip: Paketversionen anheben
3685edd6c auf React 18 anheben wip
a73905c14 Tippfehler in projectforge*/ Verzeichnissen korrigiert Gefunden via codespell Siehe c3b0602a893
253b9f38b einige Abhängigkeiten aktualisiert und eslint-Fehler behoben
bbd81edc3 es-lint, neue JS-Versionen.

f867698d3

wip: Paketversionen anheben
f867698d30e539955cc1dd9aacc4986234ff36f2
diff --git a/projectforge-webapp/src/components/design/input/ValidationManager.jsx b/projectforge-webapp/src/components/design/input/ValidationManager.jsx
index ce75b3494..dbf154867 100644
--- a/projectforge-webapp/src/components/design/input/ValidationManager.jsx
+++ b/projectforge-webapp/src/components/design/input/ValidationManager.jsx
@@ -1,11 +1,9 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import DayPickerInput from 'react-day-picker/DayPickerInput';
-import AdditionalLabel from './AdditionalLabel';
 
 // Automatisch die darin verschachtelten Eingabefelder validieren. (Nur erste Ebene)
 function ValidationManager({ children, customValidation }) {
-    let extraLabel = null;
+    const extraLabel = null;
 
     return (
         <>
@@ -13,7 +11,7 @@ function ValidationManager({ children, customValidation }) {
                 if (!child) {
                     return child;
                 }
-                const { props: childProps, type } = child;
+                const { props: childProps } = child;
                 const {
                     checked,
                     required,
@@ -43,10 +41,6 @@ function ValidationManager({ children, customValidation }) {
                         // oder andernfalls das zusätzliche Label auf die Validierungsmeldung setzen.
                         additionalLabel = customValidation.message;
                     }
-
-                    if (type === DayPickerInput) {
-                        extraLabel = <AdditionalLabel title={additionalLabel} />;
-                    }
                 }
 
                 return {

3685edd6c

auf React 18 anheben wip
3685edd6c9f0dfd4582dbeb01c05491c254ccb84
diff --git a/projectforge-webapp/src/components/design/input/ValidationManager.jsx b/projectforge-webapp/src/components/design/input/ValidationManager.jsx
index 2fbb670c5..ce75b3494 100644
--- a/projectforge-webapp/src/components/design/input/ValidationManager.jsx
+++ b/projectforge-webapp/src/components/design/input/ValidationManager.jsx
@@ -71,8 +71,4 @@ ValidationManager.propTypes = {
     }),
 };
 
-ValidationManager.defaultProps = {
-    customValidation: undefined,
-};
-
 export default ValidationManager;

a73905c14

Tippfehler in projectforge*/ Verzeichnissen korrigiert Gefunden via codespell Siehe c3b0602a893
a73905c1490c145f5212a29b752628e259cd2d58
diff --git a/projectforge-webapp/src/components/design/input/ValidationManager.jsx b/projectforge-webapp/src/components/design/input/ValidationManager.jsx
index aac26aaf7..2fbb670c5 100644
--- a/projectforge-webapp/src/components/design/input/ValidationManager.jsx
+++ b/projectforge-webapp/src/components/design/input/ValidationManager.jsx
@@ -51,7 +51,7 @@ function ValidationManager({ children, customValidation }) {
 
                 return {
                     ...child,
-                    // Manupulating the props of the child.
+                    // Manipulation der Props des Kindes.
                     props: {
                         ...child.props,
                         additionalLabel,

253b9f38b

einige Abhängigkeiten aktualisiert und eslint-Fehler behoben
253b9f38b25268fbe922dbe9e4ddca94b13b98aa
diff --git a/projectforge-webapp/src/components/design/input/ValidationManager.jsx b/projectforge-webapp/src/components/design/input/ValidationManager.jsx
index 1ae5dd5f2..aac26aaf7 100644
--- a/projectforge-webapp/src/components/design/input/ValidationManager.jsx
+++ b/projectforge-webapp/src/components/design/input/ValidationManager.jsx
@@ -5,7 +5,7 @@ import AdditionalLabel from './AdditionalLabel';
 
 // Automatisch die darin verschachtelten Eingabefelder validieren. (Nur erste Ebene)
 function ValidationManager({ children, customValidation }) {
-    let extraLabel = <></>;
+    let extraLabel = null;
 
     return (
         <>

bbd81edc3

es-lint, neue JS-Versionen.
bbd81edc3f6b2fd975756421148651d4d75eaf33
diff --git a/projectforge-webapp/src/components/design/input/ValidationManager.jsx b/projectforge-webapp/src/components/design/input/ValidationManager.jsx
index b94e142da..1ae5dd5f2 100644
--- a/projectforge-webapp/src/components/design/input/ValidationManager.jsx
+++ b/projectforge-webapp/src/components/design/input/ValidationManager.jsx
@@ -5,10 +5,10 @@ import AdditionalLabel from './AdditionalLabel';
 
 // Automatisch die darin verschachtelten Eingabefelder validieren. (Nur erste Ebene)
 function ValidationManager({ children, customValidation }) {
-    let extraLabel = <React.Fragment />;
+    let extraLabel = <></>;
 
     return (
-        <React.Fragment>
+        <>
             {React.Children.map(children, (child) => {
                 if (!child) {
                     return child;
@@ -60,7 +60,7 @@ function ValidationManager({ children, customValidation }) {
                 };
             })}
             {extraLabel}
-        </React.Fragment>
+        </>
     );
 }