@stackcraftmx/calcita 0.32.1 → 0.47.0

package/dist/forms/listRules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listRules.js","sources":["../../src/forms/listRules.js"],"sourcesContent":["// Las reglas de yup para una lista de renglones (FormRepeatingFields), con sus mensajes en el idioma activo:\n//\n//   uniqueInListRule('tiers', 'min_quantity')            sin repetidos en esa columna («Ya está en el renglón 2»)\n//   orderedInListRule('tiers', 'min_quantity')           de menor a mayor («Debe ir entre 10 (renglón 1) y 50 (renglón 3)»)\n//   listTotalAtMostRule('amount', (values) => values.credit_limit, {currency: 'MXN'})\n//                                                        lo que suman entre todos no pasa de un tope (con Money, sin floats)\n//\n//   Yup.object({\n//       tiers: Yup.array().of(Yup.object({\n//           min_quantity: Yup.string().required().test(uniqueInListRule('tiers', 'min_quantity'))\n//               .test(orderedInListRule('tiers', 'min_quantity')),\n//       })),\n//       split: Yup.array().of(…).test(listTotalAtMostRule('amount', (values) => values.credit_limit)),\n//   })\n//\n// El repetido y el fuera de orden se marcan en SU renglón (no se borra lo que escribió la persona): el primero que aparece\n// se queda bien y el que repite dice con cuál choca. Un campo vacío pasa: que sea obligatorio lo dice required().\n//\n// Son objetos de .test() y no un Yup propio: el proyecto usa su copia de yup y aquí no se importa. Funcionan con formik y\n// con react-hook-form (yupResolver).\n//\n// Genérico del paquete: function (regla de la casa). Pruebas en listRules.test.js.\nimport {Money} from '@/money/money.js';\n\n/**\n * La lista completa desde la regla de un campo de un renglón: yup da en context.from los objetos de arriba (el renglón y\n * el que tiene la lista).\n *\n * @param {{from?: Array<{value: object}>}} context\n * @param {string} listName\n * @returns {object[]}\n */\nfunction rowsOf(context, listName) {\n    return context.from?.[1]?.value?.[listName] ?? [];\n}\n\n/**\n * @param {unknown} value\n * @returns {number|null} el número, o null si viene vacío o no es número\n */\nfunction numberOf(value) {\n    if (value === '' || value === null || value === undefined) {\n        return null;\n    }\n    const number = Number(value);\n    return Number.isFinite(number) ? number : null;\n}\n\n/**\n * Sin repetidos en una columna: el renglón que repite dice con cuál choca.\n *\n * @param {string} listName la lista en el formulario ('tiers')\n * @param {string} field la columna ('min_quantity')\n * @returns {import('yup').TestConfig<any, any>} para .test() de yup\n */\nexport function uniqueInListRule(listName, field) {\n    return {\n        name: 'uniqueInList',\n        message: {key: 'validation:listDuplicate'},\n        test: (value, context) => {\n            if (value === '' || value === null || value === undefined) {\n                return true;\n            }\n            const firstIndex = rowsOf(context, listName).findIndex((row) => String(row?.[field] ?? '') === String(value));\n            if (firstIndex === -1 || firstIndex >= context.options.index) {\n                return true;\n            }\n            return context.createError({message: {key: 'validation:listDuplicate', values: {row: firstIndex + 1}}});\n        },\n    };\n}\n\n/**\n * En orden por una columna, comparado con el renglón de arriba y el de abajo que tengan valor.\n *\n * @param {string} listName\n * @param {string} field\n * @param {{ascending?: boolean, allowEqual?: boolean, displayOf?: (text: string) => string}} [options] ascending: de menor\n *     a mayor (por omisión); displayOf: cómo se dice el valor del vecino en el mensaje (p. ej. con %)\n * @returns {import('yup').TestConfig<any, any>} para .test() de yup\n */\nexport function orderedInListRule(listName, field, {ascending = true, allowEqual = false, displayOf = (text) => text} = {}) {\n    const isInOrder = (lower, higher) => (allowEqual ? lower <= higher : lower < higher);\n    return {\n        name: 'orderedInList',\n        message: {key: 'validation:listOrderBetween'},\n        test: (value, context) => {\n            const current = numberOf(value);\n            if (current === null) {\n                return true;\n            }\n            const rows = rowsOf(context, listName);\n            const index = context.options.index;\n            const hasValue = (rowIndex) => numberOf(rows[rowIndex]?.[field]) !== null;\n            let previousIndex = index - 1;\n            while (previousIndex >= 0 && !hasValue(previousIndex)) {\n                previousIndex -= 1;\n            }\n            let nextIndex = index + 1;\n            while (nextIndex < rows.length && !hasValue(nextIndex)) {\n                nextIndex += 1;\n            }\n            const previous = previousIndex >= 0 ? numberOf(rows[previousIndex][field]) : null;\n            const next = nextIndex < rows.length ? numberOf(rows[nextIndex][field]) : null;\n            const fitsPrevious = previous === null || (ascending ? isInOrder(previous, current) : isInOrder(current, previous));\n            const fitsNext = next === null || (ascending ? isInOrder(current, next) : isInOrder(next, current));\n            if (fitsPrevious && fitsNext) {\n                return true;\n            }\n            const values = {\n                previous: previous === null ? '' : displayOf(String(rows[previousIndex][field])), previousRow: previousIndex + 1,\n                next: next === null ? '' : displayOf(String(rows[nextIndex][field])), nextRow: nextIndex + 1,\n            };\n            // entre los dos si choca con ambos; si no, solo con el que choca (de menor a mayor: mayor que el de arriba)\n            let key = 'validation:listOrderBetween';\n            if (fitsNext) {\n                key = ascending ? 'validation:listOrderAbovePrevious' : 'validation:listOrderBelowPrevious';\n            } else if (fitsPrevious) {\n                key = ascending ? 'validation:listOrderBelowNext' : 'validation:listOrderAboveNext';\n            }\n            return context.createError({message: {key, values}});\n        },\n    };\n}\n\n/**\n * Lo que suma una columna, con Money (sin errores de decimales). Los vacíos cuentan como cero y los que no son número no\n * cuentan (su propio campo ya lo dice).\n *\n * @param {object[]} rows\n * @param {string} field\n * @param {{currency?: string}} [options]\n * @returns {Money}\n */\nexport function listTotalOf(rows, field, {currency} = {}) {\n    return (rows ?? []).reduce((total, row) => {\n        try {\n            const text = String(row?.[field] ?? '').trim();\n            return text ? total.plus(Money.fromString(text, {currency})) : total;\n        } catch {\n            return total;\n        }\n    }, Money.zero({currency}));\n}\n\n/**\n * Lo que suman entre todos no pasa de un tope (el reparto de un presupuesto, de un límite de crédito). Va en la lista:\n * Yup.array().test(listTotalAtMostRule(…)); el mensaje sale abajo de la lista.\n *\n * @param {string} field la columna que se suma\n * @param {number|string|((parent: object) => number|string|null)} max el tope, o cómo sacarlo de los demás valores del\n *     formulario (el límite que se escribió arriba)\n * @param {{currency?: string}} [options]\n * @returns {import('yup').TestConfig<any, any>} para .test() de yup\n */\nexport function listTotalAtMostRule(field, max, {currency} = {}) {\n    return {\n        name: 'listTotalAtMost',\n        message: {key: 'validation:listTotalMax'},\n        test: (rows, context) => {\n            const maxText = typeof max === 'function' ? max(context.parent ?? {}) : max;\n            if (maxText === '' || maxText === null || maxText === undefined) {\n                return true;\n            }\n            let limit;\n            try {\n                limit = Money.fromString(String(maxText), {currency});\n            } catch {\n                return true;\n            }\n            const total = listTotalOf(Array.isArray(rows) ? rows : [], field, {currency});\n            if (!total.isGreaterThan(limit)) {\n                return true;\n            }\n            return context.createError({message: {key: 'validation:listTotalMax', values: {total: total.format(), max: limit.format()}}});\n        },\n    };\n}\n"],"names":[],"mappings":"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"}

package/dist/forms/serverProblemFields.js

@@ -18,8 +18,25 @@ function formLevelMessageOf(errorsByField, formFieldNames, generalMessage) {
   const hasFieldErrors = Object.keys(errorsByField ?? {}).length > 0;
   return hasFieldErrors ? null : generalMessage || null;
 }
+const ROW_SEGMENT = /(^|\.)\d+(\.|$)|\[\d+\]/;
+function splitRowFieldErrors(rawErrors, existsInForm) {
+  const rowFieldErrors = {};
+  const otherErrors = {};
+  if (!rawErrors || typeof rawErrors !== "object" || Array.isArray(rawErrors)) {
+    return { rowFieldErrors, otherErrors };
+  }
+  for (const [path, messages] of Object.entries(rawErrors)) {
+    if (ROW_SEGMENT.test(path) && existsInForm(path)) {
+      rowFieldErrors[path] = (Array.isArray(messages) ? messages : [messages]).map(String).join(" ");
+    } else {
+      otherErrors[path] = messages;
+    }
+  }
+  return { rowFieldErrors, otherErrors };
+}
 export {
   formLevelMessageOf,
+  splitRowFieldErrors,
   splitServerFieldErrors
 };
 //# sourceMappingURL=serverProblemFields.js.map

package/dist/forms/serverProblemFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"serverProblemFields.js","sources":["../../src/forms/serverProblemFields.js"],"sourcesContent":["// Reparte los errores por campo de un 422 entre los campos que EXISTEN en el formulario y los que no.\n//\n// Lo que no tiene campo no se pierde: va al aviso de arriba del formulario. Un error invisible es peor que uno mal\n// colocado.\n//\n// Función pura sin imports (se prueba con node --test en serverProblemFields.test.js); la usan applyServerProblem y\n// las pantallas que pintan el aviso desde su máquina de estados.\n\n/**\n * @param {Record<string, string[]>} errorsByField lo que regresa fieldErrorsOf(problem)\n * @param {string[]} formFieldNames campos del formulario (Object.keys de sus valores iniciales)\n * @returns {{fieldErrors: Record<string, string>, unassignedMessages: string[]}}\n */\nexport function splitServerFieldErrors(errorsByField, formFieldNames) {\n    const fieldErrors = {};\n    const unassignedMessages = [];\n\n    for (const [fieldName, messages] of Object.entries(errorsByField ?? {})) {\n        if (formFieldNames.includes(fieldName)) {\n            fieldErrors[fieldName] = messages.join(' ');\n        } else {\n            unassignedMessages.push(...messages);\n        }\n    }\n\n    return {fieldErrors, unassignedMessages};\n}\n\n/**\n * Mensaje del aviso de arriba: lo que quedó sin campo, o el mensaje general si el error no trae errores por campo.\n * Si todo cayó en sus campos, no se repite arriba (null).\n *\n * @param {Record<string, string[]>} errorsByField\n * @param {string[]} formFieldNames\n * @param {string|null|undefined} generalMessage el message del ApiError (ya traducido)\n * @returns {string|null}\n */\nexport function formLevelMessageOf(errorsByField, formFieldNames, generalMessage) {\n    const {unassignedMessages} = splitServerFieldErrors(errorsByField, formFieldNames);\n    if (unassignedMessages.length > 0) {\n        return unassignedMessages.join(' ');\n    }\n    const hasFieldErrors = Object.keys(errorsByField ?? {}).length > 0;\n    return hasFieldErrors ? null : (generalMessage || null);\n}\n"],"names":[],"mappings":"AAaO,SAAS,uBAAuB,eAAe,gBAAgB;AAClE,QAAM,cAAc,CAAA;AACpB,QAAM,qBAAqB,CAAA;AAE3B,aAAW,CAAC,WAAW,QAAQ,KAAK,OAAO,QAAQ,iBAAiB,CAAA,CAAE,GAAG;AACrE,QAAI,eAAe,SAAS,SAAS,GAAG;AACpC,kBAAY,SAAS,IAAI,SAAS,KAAK,GAAG;AAAA,IAC9C,OAAO;AACH,yBAAmB,KAAK,GAAG,QAAQ;AAAA,IACvC;AAAA,EACJ;AAEA,SAAO,EAAC,aAAa,mBAAkB;AAC3C;AAWO,SAAS,mBAAmB,eAAe,gBAAgB,gBAAgB;AAC9E,QAAM,EAAC,mBAAkB,IAAI,uBAAuB,eAAe,cAAc;AACjF,MAAI,mBAAmB,SAAS,GAAG;AAC/B,WAAO,mBAAmB,KAAK,GAAG;AAAA,EACtC;AACA,QAAM,iBAAiB,OAAO,KAAK,iBAAiB,CAAA,CAAE,EAAE,SAAS;AACjE,SAAO,iBAAiB,OAAQ,kBAAkB;AACtD;"}
+{"version":3,"file":"serverProblemFields.js","sources":["../../src/forms/serverProblemFields.js"],"sourcesContent":["// Reparte los errores por campo de un 422 entre los campos que EXISTEN en el formulario y los que no.\n//\n// Lo que no tiene campo no se pierde: va al aviso de arriba del formulario. Un error invisible es peor que uno mal\n// colocado.\n//\n// Función pura sin imports (se prueba con node --test en serverProblemFields.test.js); la usan applyServerProblem y\n// las pantallas que pintan el aviso desde su máquina de estados.\n\n/**\n * @param {Record<string, string[]>} errorsByField lo que regresa fieldErrorsOf(problem)\n * @param {string[]} formFieldNames campos del formulario (Object.keys de sus valores iniciales)\n * @returns {{fieldErrors: Record<string, string>, unassignedMessages: string[]}}\n */\nexport function splitServerFieldErrors(errorsByField, formFieldNames) {\n    const fieldErrors = {};\n    const unassignedMessages = [];\n\n    for (const [fieldName, messages] of Object.entries(errorsByField ?? {})) {\n        if (formFieldNames.includes(fieldName)) {\n            fieldErrors[fieldName] = messages.join(' ');\n        } else {\n            unassignedMessages.push(...messages);\n        }\n    }\n\n    return {fieldErrors, unassignedMessages};\n}\n\n/**\n * Mensaje del aviso de arriba: lo que quedó sin campo, o el mensaje general si el error no trae errores por campo.\n * Si todo cayó en sus campos, no se repite arriba (null).\n *\n * @param {Record<string, string[]>} errorsByField\n * @param {string[]} formFieldNames\n * @param {string|null|undefined} generalMessage el message del ApiError (ya traducido)\n * @returns {string|null}\n */\nexport function formLevelMessageOf(errorsByField, formFieldNames, generalMessage) {\n    const {unassignedMessages} = splitServerFieldErrors(errorsByField, formFieldNames);\n    if (unassignedMessages.length > 0) {\n        return unassignedMessages.join(' ');\n    }\n    const hasFieldErrors = Object.keys(errorsByField ?? {}).length > 0;\n    return hasFieldErrors ? null : (generalMessage || null);\n}\n\n// un renglón en la ruta del servidor: 'contacts.2.email' (Laravel) o 'contacts[2].email'\nconst ROW_SEGMENT = /(^|\\.)\\d+(\\.|$)|\\[\\d+\\]/;\n\n/**\n * Separa los errores de un 422 que son de un campo DENTRO de un renglón que el formulario sí tiene ('contacts.2.email'\n * con contacts[2] en los valores): esos van a su renglón con la ruta completa. Los demás siguen el camino de siempre\n * (fieldErrorsOf los reduce a su último nombre: 'rows.3.email' → 'email').\n *\n * @param {object|null|undefined} rawErrors problem.errors tal cual ({ruta: [mensajes]})\n * @param {(path: string) => boolean} existsInForm si esa ruta existe en los valores del formulario\n * @returns {{rowFieldErrors: Record<string, string>, otherErrors: Record<string, unknown>}}\n */\nexport function splitRowFieldErrors(rawErrors, existsInForm) {\n    const rowFieldErrors = {};\n    const otherErrors = {};\n    if (!rawErrors || typeof rawErrors !== 'object' || Array.isArray(rawErrors)) {\n        return {rowFieldErrors, otherErrors};\n    }\n    for (const [path, messages] of Object.entries(rawErrors)) {\n        if (ROW_SEGMENT.test(path) && existsInForm(path)) {\n            rowFieldErrors[path] = (Array.isArray(messages) ? messages : [messages]).map(String).join(' ');\n        } else {\n            otherErrors[path] = messages;\n        }\n    }\n    return {rowFieldErrors, otherErrors};\n}\n\n"],"names":[],"mappings":"AAaO,SAAS,uBAAuB,eAAe,gBAAgB;AAClE,QAAM,cAAc,CAAA;AACpB,QAAM,qBAAqB,CAAA;AAE3B,aAAW,CAAC,WAAW,QAAQ,KAAK,OAAO,QAAQ,iBAAiB,CAAA,CAAE,GAAG;AACrE,QAAI,eAAe,SAAS,SAAS,GAAG;AACpC,kBAAY,SAAS,IAAI,SAAS,KAAK,GAAG;AAAA,IAC9C,OAAO;AACH,yBAAmB,KAAK,GAAG,QAAQ;AAAA,IACvC;AAAA,EACJ;AAEA,SAAO,EAAC,aAAa,mBAAkB;AAC3C;AAWO,SAAS,mBAAmB,eAAe,gBAAgB,gBAAgB;AAC9E,QAAM,EAAC,mBAAkB,IAAI,uBAAuB,eAAe,cAAc;AACjF,MAAI,mBAAmB,SAAS,GAAG;AAC/B,WAAO,mBAAmB,KAAK,GAAG;AAAA,EACtC;AACA,QAAM,iBAAiB,OAAO,KAAK,iBAAiB,CAAA,CAAE,EAAE,SAAS;AACjE,SAAO,iBAAiB,OAAQ,kBAAkB;AACtD;AAGA,MAAM,cAAc;AAWb,SAAS,oBAAoB,WAAW,cAAc;AACzD,QAAM,iBAAiB,CAAA;AACvB,QAAM,cAAc,CAAA;AACpB,MAAI,CAAC,aAAa,OAAO,cAAc,YAAY,MAAM,QAAQ,SAAS,GAAG;AACzE,WAAO,EAAC,gBAAgB,YAAW;AAAA,EACvC;AACA,aAAW,CAAC,MAAM,QAAQ,KAAK,OAAO,QAAQ,SAAS,GAAG;AACtD,QAAI,YAAY,KAAK,IAAI,KAAK,aAAa,IAAI,GAAG;AAC9C,qBAAe,IAAI,KAAK,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAC,QAAQ,GAAG,IAAI,MAAM,EAAE,KAAK,GAAG;AAAA,IACjG,OAAO;AACH,kBAAY,IAAI,IAAI;AAAA,IACxB;AAAA,EACJ;AACA,SAAO,EAAC,gBAAgB,YAAW;AACvC;"}

package/dist/forms.js

@@ -1,55 +1,77 @@
 "use client";
 import { FieldArray, Form, Formik, useField, useFormikContext } from "formik";
-import { default as default2 } from "./forms/FormCatalogField.js";
-import { default as default3 } from "./forms/FormColorField.js";
-import { default as default4 } from "./forms/FormNumberField.js";
-import { default as default5 } from "./forms/FormProblemAlert.js";
-import { default as default6 } from "./forms/FormSelectField.js";
-import { default as default7 } from "./forms/FormServerProblem.js";
-import { default as default8 } from "./forms/FormTextField.js";
-import { default as default9 } from "./forms/FormWizard.js";
-import { default as default10 } from "./forms/auth/ChangePasswordForm.js";
-import { default as default11 } from "./forms/auth/ForgotPasswordForm.js";
-import { default as default12 } from "./forms/auth/SignInForm.js";
-import { SECOND_STEP_METHOD, default as default13 } from "./forms/security/SecondStepForm.js";
-import { default as default14 } from "./forms/security/TwoStepVerificationCard.js";
+import { default as default2 } from "./forms/FormAttachmentsField.js";
+import { default as default3 } from "./forms/FormCatalogField.js";
+import { default as default4 } from "./forms/FormCheckboxGroupField.js";
+import { default as default5 } from "./forms/FormColorField.js";
+import { default as default6 } from "./forms/FormFileField.js";
+import { default as default7 } from "./forms/FormFileUploadField.js";
+import { default as default8 } from "./forms/FormImageField.js";
+import { default as default9 } from "./forms/FormMaskedField.js";
+import { default as default10 } from "./forms/FormNumberField.js";
+import { default as default11 } from "./forms/FormProblemAlert.js";
+import { default as default12 } from "./forms/FormRepeatingFields.js";
+import { default as default13 } from "./forms/FormTransferListField.js";
+import { listTotalAtMostRule, listTotalOf, orderedInListRule, uniqueInListRule } from "./forms/listRules.js";
+import { default as default14 } from "./forms/FormSelectField.js";
+import { default as default15 } from "./forms/FormServerProblem.js";
+import { default as default16 } from "./forms/FormTextField.js";
+import { default as default17 } from "./forms/FormWizard.js";
+import { default as default18 } from "./forms/auth/ChangePasswordForm.js";
+import { default as default19 } from "./forms/auth/ForgotPasswordForm.js";
+import { default as default20 } from "./forms/auth/SignInForm.js";
+import { SECOND_STEP_METHOD, default as default21 } from "./forms/security/SecondStepForm.js";
+import { default as default22 } from "./forms/security/TwoStepVerificationCard.js";
 import { RECOVERY_CODE_PATTERN, TOTP_CODE_PATTERN, normalizeRecoveryCode, normalizeTotpCode } from "./forms/security/securityRules.js";
-import { default as default15 } from "./forms/SubmitButton.js";
+import { default as default23 } from "./forms/SubmitButton.js";
 import { applyServerProblem } from "./forms/applyServerProblem.js";
-import { formLevelMessageOf, splitServerFieldErrors } from "./forms/serverProblemFields.js";
+import { formLevelMessageOf, splitRowFieldErrors, splitServerFieldErrors } from "./forms/serverProblemFields.js";
 import { useFormikField } from "./forms/useFormikField.js";
 import { buildYupLocale } from "./forms/validation.js";
 import * as Yup from "yup";
 import { translateValidationMessage } from "./forms/validationMessages.js";
 export {
-  default10 as ChangePasswordForm,
+  default18 as ChangePasswordForm,
   FieldArray,
-  default11 as ForgotPasswordForm,
+  default19 as ForgotPasswordForm,
   Form,
-  default2 as FormCatalogField,
-  default3 as FormColorField,
-  default4 as FormNumberField,
-  default5 as FormProblemAlert,
-  default6 as FormSelectField,
-  default7 as FormServerProblem,
-  default8 as FormTextField,
-  default9 as FormWizard,
+  default2 as FormAttachmentsField,
+  default3 as FormCatalogField,
+  default4 as FormCheckboxGroupField,
+  default5 as FormColorField,
+  default6 as FormFileField,
+  default7 as FormFileUploadField,
+  default8 as FormImageField,
+  default9 as FormMaskedField,
+  default10 as FormNumberField,
+  default11 as FormProblemAlert,
+  default12 as FormRepeatingFields,
+  default14 as FormSelectField,
+  default15 as FormServerProblem,
+  default16 as FormTextField,
+  default13 as FormTransferListField,
+  default17 as FormWizard,
   Formik,
   RECOVERY_CODE_PATTERN,
   SECOND_STEP_METHOD,
-  default13 as SecondStepForm,
-  default12 as SignInForm,
-  default15 as SubmitButton,
+  default21 as SecondStepForm,
+  default20 as SignInForm,
+  default23 as SubmitButton,
   TOTP_CODE_PATTERN,
-  default14 as TwoStepVerificationCard,
+  default22 as TwoStepVerificationCard,
   Yup,
   applyServerProblem,
   buildYupLocale,
   formLevelMessageOf,
+  listTotalAtMostRule,
+  listTotalOf,
   normalizeRecoveryCode,
   normalizeTotpCode,
+  orderedInListRule,
+  splitRowFieldErrors,
   splitServerFieldErrors,
   translateValidationMessage,
+  uniqueInListRule,
   useField,
   useFormikContext,
   useFormikField

package/dist/forms.js.map

@@ -1 +1 @@
-{"version":3,"file":"forms.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"forms.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/hookForm/FormAttachmentsField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import AttachmentsInput from "../upload/AttachmentsInput.js";
+function FormAttachmentsField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(AttachmentsInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormAttachmentsField as default
+};
+//# sourceMappingURL=FormAttachmentsField.js.map

package/dist/hookForm/FormAttachmentsField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormAttachmentsField.js","sources":["../../src/hookForm/FormAttachmentsField.jsx"],"sourcesContent":["// Campo de varios archivos de react-hook-form: AttachmentsInput (upload/) conectado a su campo con useController. Se ve y\n// se porta igual que el FormAttachmentsField de formik (@stackcraftmx/calcita/forms).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport AttachmentsInput from '@/upload/AttachmentsInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/upload/AttachmentsInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin\n *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormAttachmentsField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <AttachmentsInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,qBAAqB,EAAC,MAAM,SAAS,GAAG,cAAa;AACzE,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,kBAAA,EAAkB,GAAG,YAAa,GAAG,WAAA,CAAY;AAC7D;"}

package/dist/hookForm/FormCheckboxGroupField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import CheckboxGroupInput from "../inputs/CheckboxGroupInput.js";
+function FormCheckboxGroupField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(CheckboxGroupInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormCheckboxGroupField as default
+};
+//# sourceMappingURL=FormCheckboxGroupField.js.map

package/dist/hookForm/FormCheckboxGroupField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckboxGroupField.js","sources":["../../src/hookForm/FormCheckboxGroupField.jsx"],"sourcesContent":["// El grupo de casillas de react-hook-form: CheckboxGroupInput (inputs/) conectado con useController. Se ve y se porta\n// igual que el de formik (@stackcraftmx/calcita/forms).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport CheckboxGroupInput from '@/inputs/CheckboxGroupInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/inputs/CheckboxGroupInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin\n *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormCheckboxGroupField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <CheckboxGroupInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,uBAAuB,EAAC,MAAM,SAAS,GAAG,cAAa;AAC3E,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,oBAAA,EAAoB,GAAG,YAAa,GAAG,WAAA,CAAY;AAC/D;"}

package/dist/hookForm/FormFileField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import FileInput from "../upload/FileInput.js";
+function FormFileField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(FileInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormFileField as default
+};
+//# sourceMappingURL=FormFileField.js.map

package/dist/hookForm/FormFileField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFileField.js","sources":["../../src/hookForm/FormFileField.jsx"],"sourcesContent":["// Campo de un archivo de react-hook-form: FileInput (upload/) conectado a su campo con useController. Se ve y se porta igual\n// que el FormFileField de formik (@stackcraftmx/calcita/forms).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport FileInput from '@/upload/FileInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/upload/FileInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin\n *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormFileField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <FileInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,cAAc,EAAC,MAAM,SAAS,GAAG,cAAa;AAClE,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,WAAA,EAAW,GAAG,YAAa,GAAG,WAAA,CAAY;AACtD;"}

package/dist/hookForm/FormFileUploadField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import FileUploadInput from "../upload/FileUploadInput.js";
+function FormFileUploadField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(FileUploadInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormFileUploadField as default
+};
+//# sourceMappingURL=FormFileUploadField.js.map

package/dist/hookForm/FormFileUploadField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFileUploadField.js","sources":["../../src/hookForm/FormFileUploadField.jsx"],"sourcesContent":["// El cargador mini de react-hook-form: FileUploadInput (upload/) conectado a su campo con useController. Se ve y se porta\n// igual que el FormFileUploadField de formik (@stackcraftmx/calcita/forms).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport FileUploadInput from '@/upload/FileUploadInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/upload/FileUploadInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin\n *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormFileUploadField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <FileUploadInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,oBAAoB,EAAC,MAAM,SAAS,GAAG,cAAa;AACxE,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,iBAAA,EAAiB,GAAG,YAAa,GAAG,WAAA,CAAY;AAC5D;"}

package/dist/hookForm/FormImageField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import ImageInput from "../upload/ImageInput.js";
+function FormImageField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(ImageInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormImageField as default
+};
+//# sourceMappingURL=FormImageField.js.map

package/dist/hookForm/FormImageField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormImageField.js","sources":["../../src/hookForm/FormImageField.jsx"],"sourcesContent":["// Campo de una imagen de react-hook-form: ImageInput (upload/) conectado a su campo con useController. Se ve y se porta igual\n// que el FormImageField de formik (@stackcraftmx/calcita/forms).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport ImageInput from '@/upload/ImageInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/upload/ImageInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin\n *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormImageField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <ImageInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,eAAe,EAAC,MAAM,SAAS,GAAG,cAAa;AACnE,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,YAAA,EAAY,GAAG,YAAa,GAAG,WAAA,CAAY;AACvD;"}

package/dist/hookForm/FormMaskedField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import MaskedInput from "../inputs/MaskedInput.js";
+function FormMaskedField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(MaskedInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormMaskedField as default
+};
+//# sourceMappingURL=FormMaskedField.js.map

package/dist/hookForm/FormMaskedField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormMaskedField.js","sources":["../../src/hookForm/FormMaskedField.jsx"],"sourcesContent":["// Campo con máscara de react-hook-form: MaskedInput (inputs/) conectado a su campo. Al formulario llega el valor LIMPIO (sin\n// separadores, en mayúsculas): «5551234567», no «555 123 4567».\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport MaskedInput from '@/inputs/MaskedInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/inputs/MaskedInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props\n *     las de MaskedInput (mask, label, helperText, placeholder…), sin value / onChange / onBlur / error; control: el de useForm,\n *     si la pantalla no usa FormProvider\n */\nexport default function FormMaskedField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <MaskedInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAYA,SAAwB,gBAAgB,EAAC,MAAM,SAAS,GAAG,cAAa;AACpE,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,aAAA,EAAa,GAAG,YAAa,GAAG,WAAA,CAAY;AACxD;"}

package/dist/hookForm/FormRepeatingFields.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useFormContext, useFieldArray, useWatch, useFormState } from "react-hook-form";
+import RepeatingFields from "../inputs/RepeatingFields.js";
+const EMPTY_ROWS = Object.freeze([]);
+function FormRepeatingFields({ name, control, emptyRow, renderRow, removeBlockedReason, confirmRemove, onAdd, onRemove, ...viewProps }) {
+  const formContext = useFormContext();
+  const formControl = control ?? formContext?.control;
+  const { fields, append, remove: removeAt, update } = useFieldArray({ name, control: formControl });
+  const rows = useWatch({ name, control: formControl }) ?? EMPTY_ROWS;
+  const { errors } = useFormState({ name, control: formControl });
+  const listErrors = name.split(".").reduce((branch, part) => branch?.[part], errors);
+  const listErrorMessage = listErrors?.root?.message ?? listErrors?.message;
+  return /* @__PURE__ */ jsx(
+    RepeatingFields,
+    {
+      ...viewProps,
+      rowKeys: fields.map((field) => field.id),
+      renderRow: (index) => renderRow({ index, row: rows[index] ?? emptyRow, nameOf: (field) => `${name}.${index}.${field}` }),
+      onAdd: () => {
+        append({ ...emptyRow });
+        onAdd?.(fields.length);
+      },
+      onRemove: (index) => {
+        const removedRow = rows[index];
+        removeAt(index);
+        onRemove?.(removedRow, index);
+      },
+      onClear: (index) => {
+        const clearedRow = rows[index];
+        update(index, { ...emptyRow });
+        onRemove?.(clearedRow, index);
+      },
+      removeBlockedReasonOf: removeBlockedReason ? (index) => removeBlockedReason(rows[index], index) : void 0,
+      confirmRemoveOf: confirmRemove ? (index) => confirmRemove(rows[index], index) : void 0,
+      rowHasErrorOf: (index) => Boolean(listErrors?.[index]),
+      error: listErrorMessage
+    }
+  );
+}
+export {
+  FormRepeatingFields as default
+};
+//# sourceMappingURL=FormRepeatingFields.js.map

package/dist/hookForm/FormRepeatingFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRepeatingFields.js","sources":["../../src/hookForm/FormRepeatingFields.jsx"],"sourcesContent":["// Renglones que se repiten en react-hook-form: RepeatingFields (inputs/) conectado con useFieldArray. Se usa igual que el\n// FormRepeatingFields de formik (@stackcraftmx/calcita/forms): name, emptyRow, renderRow con nameOf, y lo mismo para decidir\n// si un renglón se puede quitar.\n//\n// El error de toda la lista llega de yup (yupResolver lo pone en errors.<name>.root) o de las reglas del campo.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFieldArray, useFormContext, useFormState, useWatch} from 'react-hook-form';\n\nimport RepeatingFields from '@/inputs/RepeatingFields.jsx';\n\nconst EMPTY_ROWS = Object.freeze([]);\n\n/**\n * @param {{\n *   name: string,\n *   control?: object,\n *   emptyRow: object,\n *   renderRow: (row: {index: number, row: any, nameOf: (field: string) => string}) => import('react').ReactNode,\n *   removeBlockedReason?: (row: any, index: number) => string|null,\n *   confirmRemove?: (row: any, index: number) => boolean,\n *   onAdd?: (index: number) => void,\n *   onRemove?: (row: any, index: number) => void,\n * } & Omit<Parameters<typeof import('@/inputs/RepeatingFields.jsx').default>[0], 'rowKeys'|'renderRow'|'onAdd'|'onRemove'|'onClear'|'removeBlockedReasonOf'|'confirmRemoveOf'|'rowHasErrorOf'|'error'>} props\n *     control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormRepeatingFields({name, control, emptyRow, renderRow, removeBlockedReason, confirmRemove, onAdd, onRemove, ...viewProps}) {\n    const formContext = useFormContext();\n    const formControl = control ?? formContext?.control;\n    const {fields, append, remove: removeAt, update} = useFieldArray({name, control: formControl});\n    const rows = useWatch({name, control: formControl}) ?? EMPTY_ROWS;\n    const {errors} = useFormState({name, control: formControl});\n    const listErrors = name.split('.').reduce((branch, part) => branch?.[part], errors);\n    const listErrorMessage = listErrors?.root?.message ?? listErrors?.message;\n\n    return (\n        <RepeatingFields\n            {...viewProps}\n            rowKeys={fields.map((field) => field.id)}\n            renderRow={(index) => renderRow({index, row: rows[index] ?? emptyRow, nameOf: (field) => `${name}.${index}.${field}`})}\n            onAdd={() => {\n                append({...emptyRow});\n                onAdd?.(fields.length);\n            }}\n            onRemove={(index) => {\n                const removedRow = rows[index];\n                removeAt(index);\n                onRemove?.(removedRow, index);\n            }}\n            onClear={(index) => {\n                const clearedRow = rows[index];\n                update(index, {...emptyRow});\n                onRemove?.(clearedRow, index);\n            }}\n            removeBlockedReasonOf={removeBlockedReason ? (index) => removeBlockedReason(rows[index], index) : undefined}\n            confirmRemoveOf={confirmRemove ? (index) => confirmRemove(rows[index], index) : undefined}\n            rowHasErrorOf={(index) => Boolean(listErrors?.[index])}\n            error={listErrorMessage}\n        />\n    );\n}\n"],"names":[],"mappings":";;;;AAWA,MAAM,aAAa,OAAO,OAAO,EAAE;AAenC,SAAwB,oBAAoB,EAAC,MAAM,SAAS,UAAU,WAAW,qBAAqB,eAAe,OAAO,UAAU,GAAG,UAAA,GAAY;AACjJ,QAAM,cAAc,eAAA;AACpB,QAAM,cAAc,WAAW,aAAa;AAC5C,QAAM,EAAC,QAAQ,QAAQ,QAAQ,UAAU,WAAU,cAAc,EAAC,MAAM,SAAS,YAAA,CAAY;AAC7F,QAAM,OAAO,SAAS,EAAC,MAAM,SAAS,YAAA,CAAY,KAAK;AACvD,QAAM,EAAC,WAAU,aAAa,EAAC,MAAM,SAAS,aAAY;AAC1D,QAAM,aAAa,KAAK,MAAM,GAAG,EAAE,OAAO,CAAC,QAAQ,SAAS,SAAS,IAAI,GAAG,MAAM;AAClF,QAAM,mBAAmB,YAAY,MAAM,WAAW,YAAY;AAElE,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,SAAS,OAAO,IAAI,CAAC,UAAU,MAAM,EAAE;AAAA,MACvC,WAAW,CAAC,UAAU,UAAU,EAAC,OAAO,KAAK,KAAK,KAAK,KAAK,UAAU,QAAQ,CAAC,UAAU,GAAG,IAAI,IAAI,KAAK,IAAI,KAAK,IAAG;AAAA,MACrH,OAAO,MAAM;AACT,eAAO,EAAC,GAAG,UAAS;AACpB,gBAAQ,OAAO,MAAM;AAAA,MACzB;AAAA,MACA,UAAU,CAAC,UAAU;AACjB,cAAM,aAAa,KAAK,KAAK;AAC7B,iBAAS,KAAK;AACd,mBAAW,YAAY,KAAK;AAAA,MAChC;AAAA,MACA,SAAS,CAAC,UAAU;AAChB,cAAM,aAAa,KAAK,KAAK;AAC7B,eAAO,OAAO,EAAC,GAAG,UAAS;AAC3B,mBAAW,YAAY,KAAK;AAAA,MAChC;AAAA,MACA,uBAAuB,sBAAsB,CAAC,UAAU,oBAAoB,KAAK,KAAK,GAAG,KAAK,IAAI;AAAA,MAClG,iBAAiB,gBAAgB,CAAC,UAAU,cAAc,KAAK,KAAK,GAAG,KAAK,IAAI;AAAA,MAChF,eAAe,CAAC,UAAU,QAAQ,aAAa,KAAK,CAAC;AAAA,MACrD,OAAO;AAAA,IAAA;AAAA,EAAA;AAGnB;"}

package/dist/hookForm/FormTransferListField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useHookFormField } from "./useHookFormField.js";
+import TransferListInput from "../inputs/TransferListInput.js";
+function FormTransferListField({ name, control, ...inputProps }) {
+  const fieldProps = useHookFormField(name, control);
+  return /* @__PURE__ */ jsx(TransferListInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormTransferListField as default
+};
+//# sourceMappingURL=FormTransferListField.js.map

package/dist/hookForm/FormTransferListField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTransferListField.js","sources":["../../src/hookForm/FormTransferListField.jsx"],"sourcesContent":["// La lista de transferencia de react-hook-form: TransferListInput (inputs/) conectada con useController. Se ve y se porta\n// igual que la de formik (@stackcraftmx/calcita/forms).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useHookFormField} from '@/hookForm/useHookFormField.js';\nimport TransferListInput from '@/inputs/TransferListInput.jsx';\n\n/**\n * @param {{name: string, control?: object} & Omit<Parameters<typeof import('@/inputs/TransferListInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las del campo de la casa, sin\n *     value / onChange / onBlur / error; control: el de useForm, si la pantalla no usa FormProvider\n */\nexport default function FormTransferListField({name, control, ...inputProps}) {\n    const fieldProps = useHookFormField(name, control);\n    return <TransferListInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAWA,SAAwB,sBAAsB,EAAC,MAAM,SAAS,GAAG,cAAa;AAC1E,QAAM,aAAa,iBAAiB,MAAM,OAAO;AACjD,SAAO,oBAAC,mBAAA,EAAmB,GAAG,YAAa,GAAG,WAAA,CAAY;AAC9D;"}

package/dist/hookForm/applyServerProblem.js

@@ -1,15 +1,20 @@
-import { splitServerFieldErrors, formLevelMessageOf } from "../forms/serverProblemFields.js";
+import { splitRowFieldErrors, splitServerFieldErrors, formLevelMessageOf } from "../forms/serverProblemFields.js";
 import { fieldErrorsOf } from "../problems.js";
 const SERVER_PROBLEM_ROOT = "root.server";
 const SERVER_ERROR_TYPE = "server";
 function applyServerProblem(error, { setError, getValues }) {
-  const errorsByField = fieldErrorsOf(error?.problem);
+  const { rowFieldErrors, otherErrors } = splitRowFieldErrors(error?.problem?.errors, (path) => getValues(path) !== void 0);
+  for (const [path, message] of Object.entries(rowFieldErrors)) {
+    setError(path, { type: SERVER_ERROR_TYPE, message }, { shouldFocus: false });
+  }
+  const errorsByField = fieldErrorsOf(error?.problem ? { ...error.problem, errors: otherErrors } : null);
   const formFieldNames = Object.keys(getValues() ?? {});
   const { fieldErrors } = splitServerFieldErrors(errorsByField, formFieldNames);
   for (const [fieldName, message] of Object.entries(fieldErrors)) {
     setError(fieldName, { type: SERVER_ERROR_TYPE, message }, { shouldFocus: false });
   }
-  const formLevelMessage = formLevelMessageOf(errorsByField, formFieldNames, error?.message);
+  const hasOnlyRowErrors = Object.keys(rowFieldErrors).length > 0 && Object.keys(errorsByField).length === 0;
+  const formLevelMessage = hasOnlyRowErrors ? null : formLevelMessageOf(errorsByField, formFieldNames, error?.message);
   if (formLevelMessage) {
     setError(SERVER_PROBLEM_ROOT, { type: SERVER_ERROR_TYPE, message: formLevelMessage });
   }

package/dist/hookForm/applyServerProblem.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyServerProblem.js","sources":["../../src/hookForm/applyServerProblem.js"],"sourcesContent":["// Del error del servidor (RFC 9457) a react-hook-form, con las mismas reglas que el applyServerProblem de formik:\n//   - el 422 trae `errors` por campo y cada uno se pinta EN su campo (setError);\n//   - lo que no es de un campo (401, 409, 500, sin conexión) o el error de un campo que el formulario no tiene va al aviso\n//     de arriba: errors.root.server, que pinta FormProblemAlert.\n//\n//   const form = useForm({...});\n//   const submit = form.handleSubmit(async (values) => {\n//       try { await api.save(values); } catch (error) { applyServerProblem(error, form); }\n//   });\n//\n// Función pura, no renderiza: function (regla de la casa).\nimport {formLevelMessageOf, splitServerFieldErrors} from '@/forms/serverProblemFields.js';\nimport {fieldErrorsOf} from '@/problems.js';\n\n/** Dónde queda el aviso de arriba en los errores de react-hook-form. */\nexport const SERVER_PROBLEM_ROOT = 'root.server';\nconst SERVER_ERROR_TYPE = 'server';\n\n/**\n * @param {unknown} error normalmente un ApiError (trae problem y message ya traducidos)\n * @param {{setError: Function, getValues: Function}} form lo que regresa useForm\n */\nexport function applyServerProblem(error, {setError, getValues}) {\n    const errorsByField = fieldErrorsOf(error?.problem);\n    const formFieldNames = Object.keys(getValues() ?? {});\n    const {fieldErrors} = splitServerFieldErrors(errorsByField, formFieldNames);\n\n    for (const [fieldName, message] of Object.entries(fieldErrors)) {\n        setError(fieldName, {type: SERVER_ERROR_TYPE, message}, {shouldFocus: false});\n    }\n\n    const formLevelMessage = formLevelMessageOf(errorsByField, formFieldNames, error?.message);\n    if (formLevelMessage) {\n        setError(SERVER_PROBLEM_ROOT, {type: SERVER_ERROR_TYPE, message: formLevelMessage});\n    }\n}\n"],"names":[],"mappings":";;AAeY,MAAC,sBAAsB;AACnC,MAAM,oBAAoB;AAMnB,SAAS,mBAAmB,OAAO,EAAC,UAAU,UAAS,GAAG;AAC7D,QAAM,gBAAgB,cAAc,OAAO,OAAO;AAClD,QAAM,iBAAiB,OAAO,KAAK,UAAS,KAAM,CAAA,CAAE;AACpD,QAAM,EAAC,YAAW,IAAI,uBAAuB,eAAe,cAAc;AAE1E,aAAW,CAAC,WAAW,OAAO,KAAK,OAAO,QAAQ,WAAW,GAAG;AAC5D,aAAS,WAAW,EAAC,MAAM,mBAAmB,QAAO,GAAG,EAAC,aAAa,MAAK,CAAC;AAAA,EAChF;AAEA,QAAM,mBAAmB,mBAAmB,eAAe,gBAAgB,OAAO,OAAO;AACzF,MAAI,kBAAkB;AAClB,aAAS,qBAAqB,EAAC,MAAM,mBAAmB,SAAS,iBAAgB,CAAC;AAAA,EACtF;AACJ;"}
+{"version":3,"file":"applyServerProblem.js","sources":["../../src/hookForm/applyServerProblem.js"],"sourcesContent":["// Del error del servidor (RFC 9457) a react-hook-form, con las mismas reglas que el applyServerProblem de formik:\n//   - el 422 trae `errors` por campo y cada uno se pinta EN su campo (setError); el de un campo dentro de un renglón que el\n//     formulario tiene ('contacts.2.email', FormRepeatingFields) va a ese renglón;\n//   - lo que no es de un campo (401, 409, 500, sin conexión) o el error de un campo que el formulario no tiene va al aviso\n//     de arriba: errors.root.server, que pinta FormProblemAlert.\n//\n//   const form = useForm({...});\n//   const submit = form.handleSubmit(async (values) => {\n//       try { await api.save(values); } catch (error) { applyServerProblem(error, form); }\n//   });\n//\n// Función pura, no renderiza: function (regla de la casa).\nimport {formLevelMessageOf, splitRowFieldErrors, splitServerFieldErrors} from '@/forms/serverProblemFields.js';\nimport {fieldErrorsOf} from '@/problems.js';\n\n/** Dónde queda el aviso de arriba en los errores de react-hook-form. */\nexport const SERVER_PROBLEM_ROOT = 'root.server';\nconst SERVER_ERROR_TYPE = 'server';\n\n/**\n * @param {unknown} error normalmente un ApiError (trae problem y message ya traducidos)\n * @param {{setError: Function, getValues: Function}} form lo que regresa useForm\n */\nexport function applyServerProblem(error, {setError, getValues}) {\n    // primero los de un renglón ('contacts.2.email'), con su ruta completa; los demás, como siempre\n    const {rowFieldErrors, otherErrors} = splitRowFieldErrors(error?.problem?.errors, (path) => getValues(path) !== undefined);\n    for (const [path, message] of Object.entries(rowFieldErrors)) {\n        setError(path, {type: SERVER_ERROR_TYPE, message}, {shouldFocus: false});\n    }\n    const errorsByField = fieldErrorsOf(error?.problem ? {...error.problem, errors: otherErrors} : null);\n    const formFieldNames = Object.keys(getValues() ?? {});\n    const {fieldErrors} = splitServerFieldErrors(errorsByField, formFieldNames);\n\n    for (const [fieldName, message] of Object.entries(fieldErrors)) {\n        setError(fieldName, {type: SERVER_ERROR_TYPE, message}, {shouldFocus: false});\n    }\n\n    // si todo cayó en renglones, tampoco se repite arriba\n    const hasOnlyRowErrors = Object.keys(rowFieldErrors).length > 0 && Object.keys(errorsByField).length === 0;\n    const formLevelMessage = hasOnlyRowErrors ? null : formLevelMessageOf(errorsByField, formFieldNames, error?.message);\n    if (formLevelMessage) {\n        setError(SERVER_PROBLEM_ROOT, {type: SERVER_ERROR_TYPE, message: formLevelMessage});\n    }\n}\n"],"names":[],"mappings":";;AAgBY,MAAC,sBAAsB;AACnC,MAAM,oBAAoB;AAMnB,SAAS,mBAAmB,OAAO,EAAC,UAAU,UAAS,GAAG;AAE7D,QAAM,EAAC,gBAAgB,YAAW,IAAI,oBAAoB,OAAO,SAAS,QAAQ,CAAC,SAAS,UAAU,IAAI,MAAM,MAAS;AACzH,aAAW,CAAC,MAAM,OAAO,KAAK,OAAO,QAAQ,cAAc,GAAG;AAC1D,aAAS,MAAM,EAAC,MAAM,mBAAmB,QAAO,GAAG,EAAC,aAAa,MAAK,CAAC;AAAA,EAC3E;AACA,QAAM,gBAAgB,cAAc,OAAO,UAAU,EAAC,GAAG,MAAM,SAAS,QAAQ,YAAW,IAAI,IAAI;AACnG,QAAM,iBAAiB,OAAO,KAAK,UAAS,KAAM,CAAA,CAAE;AACpD,QAAM,EAAC,YAAW,IAAI,uBAAuB,eAAe,cAAc;AAE1E,aAAW,CAAC,WAAW,OAAO,KAAK,OAAO,QAAQ,WAAW,GAAG;AAC5D,aAAS,WAAW,EAAC,MAAM,mBAAmB,QAAO,GAAG,EAAC,aAAa,MAAK,CAAC;AAAA,EAChF;AAGA,QAAM,mBAAmB,OAAO,KAAK,cAAc,EAAE,SAAS,KAAK,OAAO,KAAK,aAAa,EAAE,WAAW;AACzG,QAAM,mBAAmB,mBAAmB,OAAO,mBAAmB,eAAe,gBAAgB,OAAO,OAAO;AACnH,MAAI,kBAAkB;AAClB,aAAS,qBAAqB,EAAC,MAAM,mBAAmB,SAAS,iBAAgB,CAAC;AAAA,EACtF;AACJ;"}