cozy-ui-plus 4.3.0 → 4.4.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.4.0](https://github.com/cozy/cozy-libs/compare/cozy-ui-plus@4.3.0...cozy-ui-plus@4.4.0) (2026-01-15)
+
+### Features
+
+- **ContactForm:** Add `validate` attr on fields ([d8f36a0](https://github.com/cozy/cozy-libs/commit/d8f36a03c7474ebe581691d376d4b7b8a107a22a))
+
 # [4.3.0](https://github.com/cozy/cozy-libs/compare/cozy-ui-plus@4.2.0...cozy-ui-plus@4.3.0) (2026-01-14)
 
 ### Features

package/dist/Contacts/AddModal/ContactForm/FieldInputLayout.js

@@ -29,7 +29,7 @@ var _helpers = require("./helpers");
 
 var _locales = require("./locales");
 
-var _excluded = ["layout", "icon", "isSecondary"],
+var _excluded = ["layout", "icon", "isSecondary", "validate"],
     _excluded2 = ["name", "label"];
 
 var FieldInputLayout = function FieldInputLayout(_ref) {
@@ -37,6 +37,7 @@ var FieldInputLayout = function FieldInputLayout(_ref) {
       layout = _ref$attributes.layout,
       icon = _ref$attributes.icon,
       isSecondary = _ref$attributes.isSecondary,
+      validate = _ref$attributes.validate,
       attributes = (0, _objectWithoutProperties2.default)(_ref$attributes, _excluded),
       contacts = _ref.contacts,
       showSecondaryFields = _ref.showSecondaryFields,

package/dist/Contacts/AddModal/ContactForm/helpers.js

@@ -87,15 +87,25 @@ exports.makeIsRequiredError = makeIsRequiredError;
 
 var validateFields = function validateFields(values, fields, t) {
   var errors = {};
-  var fieldsRequired = fields.filter(function (field) {
-    return field.required;
-  });
 
   var _values = getFirstValueIfArray(values);
 
-  fieldsRequired.forEach(function (field) {
-    if (!(0, _get.default)(_values, field.name)) {
-      errors[field.name] = field.layout === 'array' ? [(0, _defineProperty2.default)({}, field.name, t('Contacts.AddModal.ContactForm.fields.required'))] : t('Contacts.AddModal.ContactForm.fields.required');
+  fields.forEach(function (field) {
+    // test if required fields are empty
+    if (field.required) {
+      if (!(0, _get.default)(_values, field.name)) {
+        errors[field.name] = field.layout === 'array' ? [(0, _defineProperty2.default)({}, field.name, t('Contacts.AddModal.ContactForm.fields.required'))] : t('Contacts.AddModal.ContactForm.fields.required');
+      }
+    } // test if validate fn on field is verified
+
+
+    if (field.validate) {
+      var fieldValue = _values[field.name];
+      var isFieldValid = field.validate(fieldValue);
+
+      if (!isFieldValid) {
+        errors[field.name] = t('Contacts.AddModal.ContactForm.fields.not-valid');
+      }
     }
   });
   return errors;

package/dist/Contacts/AddModal/ContactForm/locales/index.js

@@ -32,7 +32,8 @@ var en = {
           relationship: "Relationship",
           note: "Notes",
           label: "Label",
-          required: "All required fields must be filled in"
+          required: "All required fields must be filled in",
+          "not-valid": "Some fields are not filled correctly"
         },
         label: {
           none: "None",
@@ -107,7 +108,8 @@ var fr = {
           relationship: "Relation",
           note: "Notes",
           label: "Libell\xE9",
-          required: "Tous les champs requis doivent \xEAtre renseign\xE9s"
+          required: "Tous les champs requis doivent \xEAtre renseign\xE9s",
+          "not-valid": "Certains champs ne sont pas correctement remplis"
         },
         label: {
           none: "Aucun",
@@ -182,7 +184,8 @@ var ru = {
           relationship: "\u041E\u0442\u043D\u043E\u0448\u0435\u043D\u0438\u0435",
           note: "\u0417\u0430\u043C\u0435\u0442\u043A\u0438",
           label: "\u041C\u0435\u0442\u043A\u0430",
-          required: "\u0412\u0441\u0435 \u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u043F\u043E\u043B\u044F \u0434\u043E\u043B\u0436\u043D\u044B \u0431\u044B\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u044B"
+          required: "\u0412\u0441\u0435 \u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u043F\u043E\u043B\u044F \u0434\u043E\u043B\u0436\u043D\u044B \u0431\u044B\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u044B",
+          "not-valid": "\u041D\u0435\u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043F\u043E\u043B\u044F \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u044B \u043D\u0435\u0432\u0435\u0440\u043D\u043E"
         },
         label: {
           none: "\u041D\u0435\u0442",
@@ -257,7 +260,8 @@ var vi = {
           relationship: "M\u1ED1i quan h\u1EC7",
           note: "Ghi ch\xFA",
           label: "Nh\xE3n",
-          required: "T\u1EA5t c\u1EA3 c\xE1c tr\u01B0\u1EDDng b\u1EAFt bu\u1ED9c ph\u1EA3i \u0111\u01B0\u1EE3c \u0111i\u1EC1n"
+          required: "T\u1EA5t c\u1EA3 c\xE1c tr\u01B0\u1EDDng b\u1EAFt bu\u1ED9c ph\u1EA3i \u0111\u01B0\u1EE3c \u0111i\u1EC1n",
+          "not-valid": "M\u1ED9t s\u1ED1 tr\u01B0\u1EDDng kh\xF4ng \u0111\u01B0\u1EE3c \u0111i\u1EC1n ch\xEDnh x\xE1c"
         },
         label: {
           none: "Kh\xF4ng c\xF3",

package/dist/src/Contacts/AddModal/ContactForm/FieldInputLayout.d.ts

@@ -1,10 +1,11 @@
 export default FieldInputLayout;
-declare function FieldInputLayout({ attributes: { layout, icon, isSecondary, ...attributes }, contacts, showSecondaryFields, formProps }: {
+declare function FieldInputLayout({ attributes: { layout, icon, isSecondary, validate, ...attributes }, contacts, showSecondaryFields, formProps }: {
     attributes: {
         [x: string]: any;
         layout: any;
         icon: any;
         isSecondary: any;
+        validate: any;
     };
     contacts: any;
     showSecondaryFields: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui-plus",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "description": "Cozy-ui-plus is an extension of cozy-ui and provides components based on cozy-client",
   "main": "dist/index.js",
   "license": "MIT",
@@ -74,5 +74,5 @@
     "react-dom": "^16 || ^17 || ^18",
     "twake-i18n": ">=0.3.0"
   },
-  "gitHead": "4ac3dd488a839d34625533d597919709c3bc72b8"
+  "gitHead": "053df29f6dfe606ecadd3f6668f0461bb1bd6021"
 }

package/src/Contacts/AddModal/ContactForm/FieldInputLayout.jsx

@@ -12,7 +12,8 @@ import { makeIsRequiredError } from './helpers'
 import { locales } from './locales'
 
 const FieldInputLayout = ({
-  attributes: { layout, icon, isSecondary, ...attributes }, // ⚠️ `layout` `icon` `isSecondary` here are removed from attributes to avoid DOM propagration
+  // eslint-disable-next-line no-unused-vars
+  attributes: { layout, icon, isSecondary, validate, ...attributes }, // ⚠️ `layout` `icon` `isSecondary` `validate` here are removed from attributes to avoid DOM propagration
   contacts,
   showSecondaryFields,
   formProps

package/src/Contacts/AddModal/ContactForm/helpers.js

@@ -50,19 +50,33 @@ export const makeIsRequiredError = (required, formProps) => {
  */
 export const validateFields = (values, fields, t) => {
   const errors = {}
-  const fieldsRequired = fields.filter(field => field.required)
   const _values = getFirstValueIfArray(values)
 
-  fieldsRequired.forEach(field => {
-    if (!get(_values, field.name)) {
-      errors[field.name] =
-        field.layout === 'array'
-          ? [
-              {
-                [field.name]: t('Contacts.AddModal.ContactForm.fields.required')
-              }
-            ]
-          : t('Contacts.AddModal.ContactForm.fields.required')
+  fields.forEach(field => {
+    // test if required fields are empty
+    if (field.required) {
+      if (!get(_values, field.name)) {
+        errors[field.name] =
+          field.layout === 'array'
+            ? [
+                {
+                  [field.name]: t(
+                    'Contacts.AddModal.ContactForm.fields.required'
+                  )
+                }
+              ]
+            : t('Contacts.AddModal.ContactForm.fields.required')
+      }
+    }
+
+    // test if validate fn on field is verified
+    if (field.validate) {
+      const fieldValue = _values[field.name]
+      const isFieldValid = field.validate(fieldValue)
+
+      if (!isFieldValid) {
+        errors[field.name] = t('Contacts.AddModal.ContactForm.fields.not-valid')
+      }
     }
   })
 

package/src/Contacts/AddModal/ContactForm/helpers.spec.js

@@ -14,7 +14,7 @@ import {
 } from './helpers'
 import { locales } from './locales'
 
-const t = x => get(locales.en, x)
+const t = x => get(locales.en, x, x)
 
 describe('makeCustomLabel', () => {
   it('should return custom type and supported label', () => {
@@ -731,4 +731,13 @@ describe('validateFields', () => {
 
     expect(res).toEqual({})
   })
+
+  it('should return errors for not validated fields', () => {
+    const values = { mail: '0mymail@domain.com' }
+    const fields = [{ name: 'mail', validate: () => false }]
+
+    const res = validateFields(values, fields, t)
+
+    expect(res).toEqual({ mail: 'Some fields are not filled correctly' })
+  })
 })

package/src/Contacts/AddModal/ContactForm/locales/en.json

@@ -26,7 +26,8 @@
           "relationship": "Relationship",
           "note": "Notes",
           "label": "Label",
-          "required": "All required fields must be filled in"
+          "required": "All required fields must be filled in",
+          "not-valid": "Some fields are not filled correctly"
         },
         "label": {
           "none": "None",

package/src/Contacts/AddModal/ContactForm/locales/fr.json

@@ -26,7 +26,8 @@
           "relationship": "Relation",
           "note": "Notes",
           "label": "Libellé",
-          "required": "Tous les champs requis doivent être renseignés"
+          "required": "Tous les champs requis doivent être renseignés",
+          "not-valid": "Certains champs ne sont pas correctement remplis"
         },
         "label": {
           "none": "Aucun",

package/src/Contacts/AddModal/ContactForm/locales/ru.json

@@ -26,7 +26,8 @@
           "relationship": "Отношение",
           "note": "Заметки",
           "label": "Метка",
-          "required": "Все обязательные поля должны быть заполнены"
+          "required": "Все обязательные поля должны быть заполнены",
+          "not-valid": "Некоторые поля заполнены неверно"
         },
         "label": {
           "none": "Нет",

package/src/Contacts/AddModal/ContactForm/locales/vi.json

@@ -26,7 +26,8 @@
           "relationship": "Mối quan hệ",
           "note": "Ghi chú",
           "label": "Nhãn",
-          "required": "Tất cả các trường bắt buộc phải được điền"
+          "required": "Tất cả các trường bắt buộc phải được điền",
+          "not-valid": "Một số trường không được điền chính xác"
         },
         "label": {
           "none": "Không có",