EN · DE · RU · FR · ES
← Индекс · ← Индекс файлов · ← Пред. · След. → · 📄 исходник

#2646: ValidationManager.jsx

projectforge-webapp/src/components/design/input/ValidationManager.jsx React-компонент, projectforge-webapp/src/components/design/input/ValidationManager.jsx 68 строк · 53 кода · 6 комментариев · 9 пустых
Назначение: React-веб-приложение: ValidationManager.jsx. ValidationManager.jsx является частью приложения для управления проектами с открытым исходным кодом ProjectForge.

Исходный код (первые 100 строк)

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

// Автоматически проверяет вложенные поля ввода. (Только первый уровень)
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;

                // Проверка required и maxLength
                if (
                    (required && !(value || checked))
                    || (maxLength && value && value.length > maxLength)
                ) {
                    valid = false;
                }

                // Проверка пользовательской валидации.
                if (customValidation) {
                    valid = false;

                    if (additionalLabel) {
                        // Добавить сообщение валидации к существующей дополнительной метке
                        additionalLabel += ` - ${customValidation.message}`;
                    } else {
                        // или установить дополнительную метку как сообщение валидации.
                        additionalLabel = customValidation.message;
                    }
                }

                return {
                    ...child,
                    // Манипулирование пропсами дочернего элемента.
                    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

f867698d3 wip: обновление версий пакетов
3685edd6c wip: переход на React 18
a73905c14 Исправление опечаток в директориях projectforge*/ Найдено с помощью codespell См. c3b0602a893
253b9f38b обновление некоторых зависимостей и исправление ошибок eslint
bbd81edc3 es-lint, новые версии js.

f867698d3

wip: обновление версий пакетов
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';
 
 // Автоматически проверяет вложенные поля ввода. (Только первый уровень)
 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 }) {
                         // или установить дополнительную метку как сообщение валидации.
                         additionalLabel = customValidation.message;
                     }
-
-                    if (type === DayPickerInput) {
-                        extraLabel = <AdditionalLabel title={additionalLabel} />;
-                    }
                 }
 
                 return {

3685edd6c

wip: переход на React 18
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

Исправление опечаток в директориях projectforge*/ Найдено с помощью codespell См. 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,
-                    // Манипулирование пропсами дочернего элемента.
+                    // Манипулирование пропсами дочернего элемента.
                     props: {
                         ...child.props,
                         additionalLabel,

253b9f38b

обновление некоторых зависимостей и исправление ошибок eslint
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';
 
 // Автоматически проверяет вложенные поля ввода. (Только первый уровень)
 function ValidationManager({ children, customValidation }) {
-    let extraLabel = <></>;
+    let extraLabel = null;
 
     return (
         <>

bbd81edc3

es-lint, новые версии js.
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';
 
 // Автоматически проверяет вложенные поля ввода. (Только первый уровень)
 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>
+        </>
     );
 }