@stackcraftmx/calcita 0.32.1 → 0.47.0

package/dist/mexico/mexicoIdentifiers.js

@@ -0,0 +1,86 @@
+const RFC_PATTERN = /^([A-ZÑ&]{3,4})(\d{2})(\d{2})(\d{2})([A-Z\d]{2})([A\d])$/;
+const GENERIC_RFCS = Object.freeze(["XAXX010101000", "XEXX010101000"]);
+const RFC_CHECK_TABLE = "0123456789ABCDEFGHIJKLMN&OPQRSTUVWXYZ Ñ";
+const RFC_CHECK_MODULUS = 11;
+const RFC_CHECK_LENGTH = 12;
+const CURP_PATTERN = /^[A-Z][AEIOUX][A-Z]{2}(\d{2})(\d{2})(\d{2})[HMX](AS|BC|BS|CC|CL|CM|CS|CH|DF|DG|GT|GR|HG|JC|MC|MN|MS|NT|NL|OC|PL|QT|QR|SP|SL|SR|TC|TS|TL|VZ|YN|ZS|NE)[B-DF-HJ-NP-TV-Z]{3}[A-Z\d]\d$/;
+const CURP_CHECK_TABLE = "0123456789ABCDEFGHIJKLMNÑOPQRSTUVWXYZ";
+const CURP_BODY_LENGTH = 17;
+const CLABE_PATTERN = /^\d{18}$/;
+const CLABE_WEIGHTS = Object.freeze([3, 7, 1]);
+const DECIMAL_BASE = 10;
+const RFC_KIND = Object.freeze({ company: "company", person: "person", generic: "generic" });
+function isRealShortDate(year, month, day) {
+  const date = new Date(Date.UTC(2e3 + Number(year), Number(month) - 1, Number(day)));
+  return date.getUTCMonth() === Number(month) - 1 && date.getUTCDate() === Number(day);
+}
+function rfcCheckDigitOf(rfc) {
+  const body = rfc.slice(0, -1).toUpperCase();
+  const padded = body.padStart(RFC_CHECK_LENGTH, " ");
+  let sum = 0;
+  for (let position = 0; position < RFC_CHECK_LENGTH; position += 1) {
+    sum += RFC_CHECK_TABLE.indexOf(padded[position]) * (RFC_CHECK_LENGTH + 1 - position);
+  }
+  const rest = sum % RFC_CHECK_MODULUS;
+  if (rest === 0) {
+    return "0";
+  }
+  return rest === 1 ? "A" : String(RFC_CHECK_MODULUS - rest);
+}
+function rfcKindOf(rfc) {
+  const clean = (rfc ?? "").trim().toUpperCase();
+  if (GENERIC_RFCS.includes(clean)) {
+    return RFC_KIND.generic;
+  }
+  const match = RFC_PATTERN.exec(clean);
+  if (!match) {
+    return null;
+  }
+  return match[1].length === 3 ? RFC_KIND.company : RFC_KIND.person;
+}
+function isValidRfc(rfc, { strict = false } = {}) {
+  const clean = (rfc ?? "").trim().toUpperCase();
+  if (GENERIC_RFCS.includes(clean)) {
+    return true;
+  }
+  const match = RFC_PATTERN.exec(clean);
+  if (!match || !isRealShortDate(match[2], match[3], match[4])) {
+    return false;
+  }
+  return !strict || rfcCheckDigitOf(clean) === clean.at(-1);
+}
+function curpCheckDigitOf(curp) {
+  const body = curp.slice(0, CURP_BODY_LENGTH).toUpperCase();
+  let sum = 0;
+  for (let position = 0; position < CURP_BODY_LENGTH; position += 1) {
+    sum += CURP_CHECK_TABLE.indexOf(body[position]) * (CURP_BODY_LENGTH + 1 - position);
+  }
+  return String((DECIMAL_BASE - sum % DECIMAL_BASE) % DECIMAL_BASE);
+}
+function isValidCurp(curp) {
+  const clean = (curp ?? "").trim().toUpperCase();
+  const match = CURP_PATTERN.exec(clean);
+  return Boolean(match) && isRealShortDate(match[1], match[2], match[3]) && curpCheckDigitOf(clean) === clean.at(-1);
+}
+function clabeCheckDigitOf(clabe) {
+  let sum = 0;
+  for (let position = 0; position < 17; position += 1) {
+    sum += Number(clabe[position]) * CLABE_WEIGHTS[position % CLABE_WEIGHTS.length] % DECIMAL_BASE;
+  }
+  return String((DECIMAL_BASE - sum % DECIMAL_BASE) % DECIMAL_BASE);
+}
+function isValidClabe(clabe) {
+  const clean = (clabe ?? "").replace(/\s/g, "");
+  return CLABE_PATTERN.test(clean) && clabeCheckDigitOf(clean) === clean.at(-1);
+}
+export {
+  RFC_KIND,
+  clabeCheckDigitOf,
+  curpCheckDigitOf,
+  isValidClabe,
+  isValidCurp,
+  isValidRfc,
+  rfcCheckDigitOf,
+  rfcKindOf
+};
+//# sourceMappingURL=mexicoIdentifiers.js.map

package/dist/mexico/mexicoIdentifiers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mexicoIdentifiers.js","sources":["../../src/mexico/mexicoIdentifiers.js"],"sourcesContent":["// Las claves de México que se escriben en casi cualquier sistema: el RFC (SAT), la CURP (RENAPO) y la CLABE (Banxico). Revisan\n// la forma de cada una y su dígito verificador, para avisar ANTES de mandar algo mal escrito. Lo que de verdad vale (que el\n// RFC exista, que la CLABE sea de esa persona) lo dice el SAT o el banco, del lado del servidor.\n//\n// Son estándares nacionales, no reglas de un cliente.\n//\n// Puro (sin React): se prueba con node (mexicoIdentifiers.test.js).\n//\n// Genérico del paquete: function (regla de la casa).\n\n// RFC: 3 letras (persona moral) o 4 (persona física), la fecha AAMMDD y la homoclave de 3 (la última es el dígito)\nconst RFC_PATTERN = /^([A-ZÑ&]{3,4})(\\d{2})(\\d{2})(\\d{2})([A-Z\\d]{2})([A\\d])$/;\n// los genéricos del SAT: público en general (nacional) y extranjero\nconst GENERIC_RFCS = Object.freeze(['XAXX010101000', 'XEXX010101000']);\nconst RFC_CHECK_TABLE = '0123456789ABCDEFGHIJKLMN&OPQRSTUVWXYZ Ñ';\nconst RFC_CHECK_MODULUS = 11;\nconst RFC_CHECK_LENGTH = 12;\n\n// CURP: 4 letras, la fecha AAMMDD, el sexo (H, M o X), el estado (o NE: nacido en el extranjero), 3 consonantes, el carácter\n// que distingue al siglo y el dígito\nconst CURP_PATTERN = /^[A-Z][AEIOUX][A-Z]{2}(\\d{2})(\\d{2})(\\d{2})[HMX](AS|BC|BS|CC|CL|CM|CS|CH|DF|DG|GT|GR|HG|JC|MC|MN|MS|NT|NL|OC|PL|QT|QR|SP|SL|SR|TC|TS|TL|VZ|YN|ZS|NE)[B-DF-HJ-NP-TV-Z]{3}[A-Z\\d]\\d$/;\nconst CURP_CHECK_TABLE = '0123456789ABCDEFGHIJKLMNÑOPQRSTUVWXYZ';\nconst CURP_BODY_LENGTH = 17;\n\n// CLABE: 18 dígitos; los pesos 3, 7, 1 se repiten sobre los primeros 17\nconst CLABE_PATTERN = /^\\d{18}$/;\nconst CLABE_WEIGHTS = Object.freeze([3, 7, 1]);\nconst DECIMAL_BASE = 10;\n\n/** De qué tipo es un RFC. */\nexport const RFC_KIND = Object.freeze({company: 'company', person: 'person', generic: 'generic'});\n\n/**\n * ¿La fecha AAMMDD existe? (el 31 de febrero no).\n *\n * @param {string} year dos dígitos\n * @param {string} month\n * @param {string} day\n * @returns {boolean}\n */\nfunction isRealShortDate(year, month, day) {\n    // el siglo no importa para saber si el día existe, salvo el 29 de febrero: 2000 fue bisiesto y 1900 no, y las dos se\n    // escriben «00». Se toma el 2000 (el de cualquier persona viva nacida un 29 de febrero «00»)\n    const date = new Date(Date.UTC(2000 + Number(year), Number(month) - 1, Number(day)));\n    return date.getUTCMonth() === Number(month) - 1 && date.getUTCDate() === Number(day);\n}\n\n/**\n * El dígito verificador de un RFC (el último carácter), calculado con el resto de 11 del SAT.\n *\n * @param {string} rfc el RFC completo (se ignora su último carácter)\n * @returns {string} '0'-'9' o 'A'\n */\nexport function rfcCheckDigitOf(rfc) {\n    const body = rfc.slice(0, -1).toUpperCase();\n    // la persona moral (11 sin el dígito) se rellena a 12 con un espacio al frente\n    const padded = body.padStart(RFC_CHECK_LENGTH, ' ');\n    let sum = 0;\n    for (let position = 0; position < RFC_CHECK_LENGTH; position += 1) {\n        sum += RFC_CHECK_TABLE.indexOf(padded[position]) * (RFC_CHECK_LENGTH + 1 - position);\n    }\n    const rest = sum % RFC_CHECK_MODULUS;\n    if (rest === 0) {\n        return '0';\n    }\n    return rest === 1 ? 'A' : String(RFC_CHECK_MODULUS - rest);\n}\n\n/**\n * De qué tipo es un RFC bien formado; null si no tiene la forma.\n *\n * @param {string|null|undefined} rfc\n * @returns {string|null} RFC_KIND\n */\nexport function rfcKindOf(rfc) {\n    const clean = (rfc ?? '').trim().toUpperCase();\n    if (GENERIC_RFCS.includes(clean)) {\n        return RFC_KIND.generic;\n    }\n    const match = RFC_PATTERN.exec(clean);\n    if (!match) {\n        return null;\n    }\n    return match[1].length === 3 ? RFC_KIND.company : RFC_KIND.person;\n}\n\n/**\n * ¿El RFC está bien escrito? Revisa su forma (persona moral, física o genérico) y que la fecha exista.\n *\n * El dígito verificador va aparte (strict) y no por omisión: si un RFC real no lo cumpliera, la persona se quedaría sin poder\n * seguir, y quien dice si un RFC existe es el SAT.\n *\n * @param {string|null|undefined} rfc\n * @param {{strict?: boolean}} [options] strict: además, el dígito verificador\n * @returns {boolean}\n */\nexport function isValidRfc(rfc, {strict = false} = {}) {\n    const clean = (rfc ?? '').trim().toUpperCase();\n    if (GENERIC_RFCS.includes(clean)) {\n        return true;\n    }\n    const match = RFC_PATTERN.exec(clean);\n    if (!match || !isRealShortDate(match[2], match[3], match[4])) {\n        return false;\n    }\n    return !strict || rfcCheckDigitOf(clean) === clean.at(-1);\n}\n\n/**\n * El dígito verificador de una CURP (el último).\n *\n * @param {string} curp la CURP completa (se ignora su último carácter)\n * @returns {string}\n */\nexport function curpCheckDigitOf(curp) {\n    const body = curp.slice(0, CURP_BODY_LENGTH).toUpperCase();\n    let sum = 0;\n    for (let position = 0; position < CURP_BODY_LENGTH; position += 1) {\n        sum += CURP_CHECK_TABLE.indexOf(body[position]) * (CURP_BODY_LENGTH + 1 - position);\n    }\n    return String((DECIMAL_BASE - (sum % DECIMAL_BASE)) % DECIMAL_BASE);\n}\n\n/**\n * ¿La CURP está bien escrita? Su forma (con el estado y el sexo), que la fecha exista y su dígito verificador.\n *\n * @param {string|null|undefined} curp\n * @returns {boolean}\n */\nexport function isValidCurp(curp) {\n    const clean = (curp ?? '').trim().toUpperCase();\n    const match = CURP_PATTERN.exec(clean);\n    return Boolean(match) && isRealShortDate(match[1], match[2], match[3]) && curpCheckDigitOf(clean) === clean.at(-1);\n}\n\n/**\n * El dígito verificador de una CLABE (el 18.º).\n *\n * @param {string} clabe la CLABE completa o sus primeros 17 dígitos\n * @returns {string}\n */\nexport function clabeCheckDigitOf(clabe) {\n    let sum = 0;\n    for (let position = 0; position < 17; position += 1) {\n        sum += (Number(clabe[position]) * CLABE_WEIGHTS[position % CLABE_WEIGHTS.length]) % DECIMAL_BASE;\n    }\n    return String((DECIMAL_BASE - (sum % DECIMAL_BASE)) % DECIMAL_BASE);\n}\n\n/**\n * ¿La CLABE está bien escrita? 18 dígitos (los espacios no cuentan) y su dígito verificador.\n *\n * @param {string|null|undefined} clabe\n * @returns {boolean}\n */\nexport function isValidClabe(clabe) {\n    const clean = (clabe ?? '').replace(/\\s/g, '');\n    return CLABE_PATTERN.test(clean) && clabeCheckDigitOf(clean) === clean.at(-1);\n}\n"],"names":[],"mappings":"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"}

package/dist/mexico/mexicoRules.js

@@ -0,0 +1,16 @@
+import { isValidClabe, isValidCurp, isValidRfc } from "./mexicoIdentifiers.js";
+function rfcRule({ strict = false } = {}) {
+  return { name: "rfc", message: { key: "validation:rfc" }, test: (value) => !value || isValidRfc(String(value), { strict }) };
+}
+function curpRule() {
+  return { name: "curp", message: { key: "validation:curp" }, test: (value) => !value || isValidCurp(String(value)) };
+}
+function clabeRule() {
+  return { name: "clabe", message: { key: "validation:clabe" }, test: (value) => !value || isValidClabe(String(value)) };
+}
+export {
+  clabeRule,
+  curpRule,
+  rfcRule
+};
+//# sourceMappingURL=mexicoRules.js.map

package/dist/mexico/mexicoRules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mexicoRules.js","sources":["../../src/mexico/mexicoRules.js"],"sourcesContent":["// Las reglas de yup para el RFC, la CURP y la CLABE, con sus mensajes en el idioma activo (validation:rfc, validation:curp,\n// validation:clabe). Un campo vacío pasa: que sea obligatorio lo dice required().\n//\n//   Yup.object({rfc: Yup.string().required().test(rfcRule()), clabe: Yup.string().test(clabeRule())})\n//\n// Son objetos de .test() y no un Yup propio: el proyecto usa su copia de yup y aquí no se importa.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {isValidClabe, isValidCurp, isValidRfc} from '@/mexico/mexicoIdentifiers.js';\n\n/**\n * @param {{strict?: boolean}} [options] strict: también el dígito verificador (ver isValidRfc)\n * @returns {{name: string, message: {key: string}, test: (value: unknown) => boolean}}\n */\nexport function rfcRule({strict = false} = {}) {\n    return {name: 'rfc', message: {key: 'validation:rfc'}, test: (value) => !value || isValidRfc(String(value), {strict})};\n}\n\n/** @returns {{name: string, message: {key: string}, test: (value: unknown) => boolean}} */\nexport function curpRule() {\n    return {name: 'curp', message: {key: 'validation:curp'}, test: (value) => !value || isValidCurp(String(value))};\n}\n\n/** @returns {{name: string, message: {key: string}, test: (value: unknown) => boolean}} */\nexport function clabeRule() {\n    return {name: 'clabe', message: {key: 'validation:clabe'}, test: (value) => !value || isValidClabe(String(value))};\n}\n"],"names":[],"mappings":";AAcO,SAAS,QAAQ,EAAC,SAAS,MAAK,IAAI,CAAA,GAAI;AAC3C,SAAO,EAAC,MAAM,OAAO,SAAS,EAAC,KAAK,iBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,WAAW,OAAO,KAAK,GAAG,EAAC,OAAM,CAAC,EAAC;AACzH;AAGO,SAAS,WAAW;AACvB,SAAO,EAAC,MAAM,QAAQ,SAAS,EAAC,KAAK,kBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,YAAY,OAAO,KAAK,CAAC,EAAC;AAClH;AAGO,SAAS,YAAY;AACxB,SAAO,EAAC,MAAM,SAAS,SAAS,EAAC,KAAK,mBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,aAAa,OAAO,KAAK,CAAC,EAAC;AACrH;"}

package/dist/mexico.js

@@ -0,0 +1,32 @@
+import { RFC_KIND, clabeCheckDigitOf, curpCheckDigitOf, isValidClabe, isValidCurp, isValidRfc, rfcCheckDigitOf, rfcKindOf } from "./mexico/mexicoIdentifiers.js";
+import { clabeRule, curpRule, rfcRule } from "./mexico/mexicoRules.js";
+import { CERTIFICATE_STATUS, certificateStatusOf, readCertificate } from "./mexico/certificateReader.js";
+import { CFDI_VOUCHER_TYPE, readCfdi, readCfdiFile } from "./mexico/cfdiReader.js";
+import { EFIRMA_KEY_PROBLEM, EfirmaKeyError, verifyEfirmaKey } from "./mexico/efirmaKey.js";
+import { default as default2 } from "./mexico/CfdiSummary.js";
+import { default as default3 } from "./mexico/EfirmaFields.js";
+export {
+  CERTIFICATE_STATUS,
+  CFDI_VOUCHER_TYPE,
+  default2 as CfdiSummary,
+  EFIRMA_KEY_PROBLEM,
+  default3 as EfirmaFields,
+  EfirmaKeyError,
+  RFC_KIND,
+  certificateStatusOf,
+  clabeCheckDigitOf,
+  clabeRule,
+  curpCheckDigitOf,
+  curpRule,
+  isValidClabe,
+  isValidCurp,
+  isValidRfc,
+  readCertificate,
+  readCfdi,
+  readCfdiFile,
+  rfcCheckDigitOf,
+  rfcKindOf,
+  rfcRule,
+  verifyEfirmaKey
+};
+//# sourceMappingURL=mexico.js.map

package/dist/mexico.js.map

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

package/dist/react-hook-form.js

@@ -1,32 +1,55 @@
 "use client";
-import { Controller, FormProvider, useForm, useFormContext } from "react-hook-form";
+import { Controller, FormProvider, useFieldArray, useForm, useFormContext, useWatch } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
-import { default as default2 } from "./hookForm/FormCatalogField.js";
-import { default as default3 } from "./hookForm/FormColorField.js";
-import { default as default4 } from "./hookForm/FormNumberField.js";
-import { default as default5 } from "./hookForm/FormProblemAlert.js";
-import { default as default6 } from "./hookForm/FormSelectField.js";
-import { default as default7 } from "./hookForm/FormWizard.js";
-import { default as default8 } from "./hookForm/FormTextField.js";
-import { default as default9 } from "./hookForm/SubmitButton.js";
+import { default as default2 } from "./hookForm/FormAttachmentsField.js";
+import { default as default3 } from "./hookForm/FormCatalogField.js";
+import { default as default4 } from "./hookForm/FormCheckboxGroupField.js";
+import { default as default5 } from "./hookForm/FormColorField.js";
+import { default as default6 } from "./hookForm/FormFileField.js";
+import { default as default7 } from "./hookForm/FormFileUploadField.js";
+import { default as default8 } from "./hookForm/FormImageField.js";
+import { default as default9 } from "./hookForm/FormMaskedField.js";
+import { default as default10 } from "./hookForm/FormNumberField.js";
+import { default as default11 } from "./hookForm/FormProblemAlert.js";
+import { default as default12 } from "./hookForm/FormRepeatingFields.js";
+import { default as default13 } from "./hookForm/FormTransferListField.js";
+import { listTotalAtMostRule, listTotalOf, orderedInListRule, uniqueInListRule } from "./forms/listRules.js";
+import { default as default14 } from "./hookForm/FormSelectField.js";
+import { default as default15 } from "./hookForm/FormWizard.js";
+import { default as default16 } from "./hookForm/FormTextField.js";
+import { default as default17 } from "./hookForm/SubmitButton.js";
 import { SERVER_PROBLEM_ROOT, applyServerProblem } from "./hookForm/applyServerProblem.js";
 import { useHookFormField } from "./hookForm/useHookFormField.js";
 export {
   Controller,
-  default2 as FormCatalogField,
-  default3 as FormColorField,
-  default4 as FormNumberField,
-  default5 as FormProblemAlert,
+  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,
   FormProvider,
-  default6 as FormSelectField,
-  default8 as FormTextField,
-  default7 as FormWizard,
+  default12 as FormRepeatingFields,
+  default14 as FormSelectField,
+  default16 as FormTextField,
+  default13 as FormTransferListField,
+  default15 as FormWizard,
   SERVER_PROBLEM_ROOT,
-  default9 as SubmitButton,
+  default17 as SubmitButton,
   applyServerProblem,
+  listTotalAtMostRule,
+  listTotalOf,
+  orderedInListRule,
+  uniqueInListRule,
+  useFieldArray,
   useForm,
   useFormContext,
   useHookFormField,
+  useWatch,
   yupResolver
 };
 //# sourceMappingURL=react-hook-form.js.map

package/dist/react-hook-form.js.map

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

package/dist/rich-text.js

@@ -0,0 +1,19 @@
+import { default as default2 } from "./richText/FormRichTextField.js";
+import { default as default3 } from "./richText/RichTextEditor.js";
+import { default as default4 } from "./richText/RichTextView.js";
+import { DEFAULT_RICH_TEXT_FEATURES, RICH_TEXT_FEATURE, SAFE_LINK_PROTOCOLS, isSafeLinkUrl, linkUrlOf, normalizedHtmlOf } from "./richText/richTextRules.js";
+import { RICH_TEXT_HEADING_LEVELS, richTextExtensionsOf } from "./richText/richTextExtensions.js";
+export {
+  DEFAULT_RICH_TEXT_FEATURES,
+  default2 as FormRichTextField,
+  RICH_TEXT_FEATURE,
+  RICH_TEXT_HEADING_LEVELS,
+  default3 as RichTextEditor,
+  default4 as RichTextView,
+  SAFE_LINK_PROTOCOLS,
+  isSafeLinkUrl,
+  linkUrlOf,
+  normalizedHtmlOf,
+  richTextExtensionsOf
+};
+//# sourceMappingURL=rich-text.js.map

package/dist/rich-text.js.map

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

package/dist/richText/FormRichTextField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useFormikField } from "../forms/useFormikField.js";
+import RichTextEditor from "./RichTextEditor.js";
+function FormRichTextField({ name, ...editorProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(RichTextEditor, { ...editorProps, ...fieldProps });
+}
+export {
+  FormRichTextField as default
+};
+//# sourceMappingURL=FormRichTextField.js.map

package/dist/richText/FormRichTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRichTextField.js","sources":["../../src/richText/FormRichTextField.jsx"],"sourcesContent":["// Campo de texto con formato de formik: RichTextEditor conectado a su campo. Al formulario llega el HTML ('' si no hay nada\n// escrito).\n//\n// Con react-hook-form no hay uno listo (esta puerta no pide react-hook-form): RichTextEditor va dentro de un Controller.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useFormikField} from '@/forms/useFormikField.js';\nimport RichTextEditor from '@/richText/RichTextEditor.jsx';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/richText/RichTextEditor.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de\n *     RichTextEditor (features, maxLength, placeholder…), sin value / onChange / onBlur / error\n */\nexport default function FormRichTextField({name, ...editorProps}) {\n    const fieldProps = useFormikField(name);\n    return <RichTextEditor {...editorProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAaA,SAAwB,kBAAkB,EAAC,MAAM,GAAG,eAAc;AAC9D,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,gBAAA,EAAgB,GAAG,aAAc,GAAG,WAAA,CAAY;AAC5D;"}

package/dist/richText/RichTextEditor.js

@@ -0,0 +1,108 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useRef, useEffect } from "react";
+import { useEditor, useEditorState, EditorContent } from "@tiptap/react";
+import FormHelperText from "@mui/material/FormHelperText";
+import Paper from "@mui/material/Paper";
+import Stack from "@mui/material/Stack";
+import Box from "@mui/material/Box";
+import { translateValidationMessage } from "../forms/validationMessages.js";
+import FieldFrame from "../inputs/FieldFrame.js";
+import { richTextContentSxOf } from "./richTextContentSx.js";
+import { richTextExtensionsOf } from "./richTextExtensions.js";
+import { DEFAULT_RICH_TEXT_FEATURES, normalizedHtmlOf } from "./richTextRules.js";
+import RichTextToolbar from "./RichTextToolbar.js";
+import { piecePart, usePieceProps } from "../theme/themePieces.js";
+import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
+import { warnUnknownProps } from "../toolkit/unknownProps.js";
+const THEME_NAME = "CalcitaRichTextEditor";
+const EditorRoot = piecePart(THEME_NAME, "Root", Paper);
+const EditorToolbar = piecePart(THEME_NAME, "Toolbar", Stack);
+const EditorContentArea = piecePart(THEME_NAME, "Content", Box);
+const EditorFooter = piecePart(THEME_NAME, "Footer", Stack);
+const DEFAULT_MIN_HEIGHT = 160;
+function RichTextEditor(props) {
+  const {
+    name,
+    label,
+    value,
+    onChange,
+    onBlur,
+    placeholder,
+    error,
+    helperText = " ",
+    maxLength,
+    features = DEFAULT_RICH_TEXT_FEATURES,
+    extensions,
+    toolbarActions,
+    onEditorReady,
+    minHeight = DEFAULT_MIN_HEIGHT,
+    disabled = false,
+    sx,
+    texts,
+    ...unknownProps
+  } = usePieceProps(props, THEME_NAME);
+  warnUnknownProps(THEME_NAME, unknownProps);
+  const { t } = useToolkitTranslation("richText", texts);
+  const generatedId = useId();
+  const contentId = `${name ?? "rich-text"}-${generatedId}`;
+  const labelId = `${contentId}-label`;
+  const errorText = translateValidationMessage(t, error);
+  const latest = useRef({ onChange, onBlur, onEditorReady });
+  latest.current = { onChange, onBlur, onEditorReady };
+  const editor = useEditor({
+    extensions: richTextExtensionsOf({ features, placeholder, maxLength, extensions }),
+    content: value ?? "",
+    editable: !disabled,
+    // OJO: sin esto, al pintar en el servidor (Next) el editor avisa que no hay documento todavía
+    immediatelyRender: false,
+    editorProps: {
+      attributes: { id: contentId, role: "textbox", "aria-multiline": "true", "aria-labelledby": labelId, ...errorText && { "aria-invalid": "true" } }
+    },
+    onUpdate: ({ editor: current }) => latest.current.onChange(normalizedHtmlOf(current.getHTML())),
+    onBlur: () => latest.current.onBlur?.(),
+    onCreate: ({ editor: current }) => latest.current.onEditorReady?.(current)
+  }, [features.join(","), placeholder, maxLength, Boolean(errorText)]);
+  useEffect(() => {
+    if (editor && normalizedHtmlOf(editor.getHTML()) !== (value ?? "")) {
+      editor.commands.setContent(value ?? "", { emitUpdate: false });
+    }
+  }, [editor, value]);
+  useEffect(() => {
+    editor?.setEditable(!disabled);
+  }, [editor, disabled]);
+  const characters = useEditorState({ editor, selector: ({ editor: current }) => current?.storage.characterCount?.characters() ?? 0 });
+  return /* @__PURE__ */ jsx(FieldFrame, { inputId: contentId, labelId, label, children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(EditorRoot, { variant: "outlined", ownSx: (theme) => ({
+      borderRadius: 2,
+      overflow: "hidden",
+      opacity: disabled ? 0.6 : 1,
+      borderColor: errorText ? "error.main" : "divider",
+      "&:focus-within": { borderColor: errorText ? "error.main" : "primary.main", boxShadow: `0 0 0 1px ${(theme.vars ?? theme).palette[errorText ? "error" : "primary"].main}` }
+    }), sx, children: [
+      /* @__PURE__ */ jsx(
+        EditorToolbar,
+        {
+          role: "toolbar",
+          "aria-label": t("toolbar.label"),
+          "aria-controls": contentId,
+          direction: "row",
+          ownSx: { alignItems: "center", flexWrap: "wrap", gap: 0.25, px: 0.5, py: 0.5, borderBottom: 1, borderColor: "divider" },
+          children: /* @__PURE__ */ jsx(RichTextToolbar, { editor, features, disabled, t, actions: toolbarActions })
+        }
+      ),
+      /* @__PURE__ */ jsx(EditorContentArea, { ownSx: (theme) => {
+        const content = richTextContentSxOf(theme);
+        return { ...content, px: 2, py: 1.5, cursor: "text", "& .tiptap": { ...content["& .tiptap"], minHeight } };
+      }, onClick: () => editor?.commands.focus(), children: /* @__PURE__ */ jsx(EditorContent, { editor }) })
+    ] }),
+    /* @__PURE__ */ jsxs(EditorFooter, { direction: "row", ownSx: { justifyContent: "space-between", gap: 2 }, children: [
+      /* @__PURE__ */ jsx(FormHelperText, { error: Boolean(errorText), children: errorText ?? helperText }),
+      maxLength && /* @__PURE__ */ jsx(FormHelperText, { sx: { fontVariantNumeric: "tabular-nums", whiteSpace: "nowrap" }, children: t("counter", { count: characters, max: maxLength }) })
+    ] })
+  ] }) });
+}
+export {
+  RichTextEditor as default
+};
+//# sourceMappingURL=RichTextEditor.js.map

package/dist/richText/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.js","sources":["../../src/richText/RichTextEditor.jsx"],"sourcesContent":["// El editor de texto con formato (Tiptap), con la etiqueta arriba como los demás campos del paquete: negrita, cursiva,\n// títulos, listas, cita, código, ligas seguras, alineación, deshacer y rehacer, y el contador de caracteres si hay tope.\n//\n// Viaja HTML ('<p>Hola <strong>mundo</strong></p>'); '' si no hay nada escrito (así required() funciona). Para ENSEÑAR lo\n// guardado va RichTextView, que solo deja pasar lo que el editor entiende: un <script> o un onclick pegado no llegan a la\n// página.\n//\n// Extensible sin tocar el paquete: features (qué botones trae; lo que no se pide tampoco entra al documento), extensions\n// (extensiones de Tiptap del proyecto: menciones, tablas…), toolbarActions (botones propios al final de la barra) y\n// onEditorReady (el editor de Tiptap, para lo que la barra no trae). Con formik: FormRichTextField; con react-hook-form, dentro\n// de un Controller.\n//\n// Se cambia desde el tema del proyecto, como las piezas de MUI: components.CalcitaRichTextEditor con defaultProps y\n// styleOverrides de sus partes: root, toolbar, content, footer.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useEffect, useId, useRef} from 'react';\nimport {EditorContent, useEditor, useEditorState} from '@tiptap/react';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Paper from '@mui/material/Paper';\nimport Stack from '@mui/material/Stack';\nimport Box from '@mui/material/Box';\n\nimport {translateValidationMessage} from '@/forms/validationMessages.js';\nimport FieldFrame from '@/inputs/FieldFrame.jsx';\nimport {richTextContentSxOf} from '@/richText/richTextContentSx.js';\nimport {richTextExtensionsOf} from '@/richText/richTextExtensions.js';\nimport {DEFAULT_RICH_TEXT_FEATURES, normalizedHtmlOf} from '@/richText/richTextRules.js';\nimport RichTextToolbar from '@/richText/RichTextToolbar.jsx';\nimport {piecePart, usePieceProps} from '@/theme/themePieces.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// el nombre de la pieza en el tema y sus partes (theme.components.CalcitaRichTextEditor)\nconst THEME_NAME = 'CalcitaRichTextEditor';\nconst EditorRoot = piecePart(THEME_NAME, 'Root', Paper);\nconst EditorToolbar = piecePart(THEME_NAME, 'Toolbar', Stack);\nconst EditorContentArea = piecePart(THEME_NAME, 'Content', Box);\nconst EditorFooter = piecePart(THEME_NAME, 'Footer', Stack);\n\nconst DEFAULT_MIN_HEIGHT = 160;\n\n/**\n * @param {object} props\n * @param {string} [props.name]\n * @param {import('react').ReactNode} props.label ya traducida\n * @param {string|null|undefined} props.value el HTML guardado ('' sin texto)\n * @param {(html: string) => void} props.onChange recibe el HTML ('' si se borra todo)\n * @param {() => void} [props.onBlur]\n * @param {string} [props.placeholder] ya traducido: lo que se ve con el editor vacío\n * @param {string|{key: string, values?: object}} [props.error]\n * @param {string} [props.helperText] ya traducida\n * @param {number} [props.maxLength] el tope de caracteres (con su contador abajo)\n * @param {string[]} [props.features] los botones de la barra (RICH_TEXT_FEATURE); por omisión todos\n * @param {Array<object>} [props.extensions] extensiones de Tiptap del proyecto\n * @param {import('react').ReactNode} [props.toolbarActions] botones propios al final de la barra\n * @param {(editor: import('@tiptap/react').Editor) => void} [props.onEditorReady] el editor de Tiptap, al estar listo\n * @param {number} [props.minHeight] el alto mínimo del texto en px; por omisión 160\n * @param {boolean} [props.disabled]\n * @param {object} [props.sx]\n * @param {object} [props.texts] los textos que cambian, con la forma de `richText` en los textos del paquete\n */\nexport default function RichTextEditor(props) {\n    const {\n        name, label, value, onChange, onBlur, placeholder, error, helperText = ' ', maxLength, features = DEFAULT_RICH_TEXT_FEATURES, extensions,\n        toolbarActions, onEditorReady, minHeight = DEFAULT_MIN_HEIGHT, disabled = false, sx, texts,\n        ...unknownProps\n    } = usePieceProps(props, THEME_NAME);\n    warnUnknownProps(THEME_NAME, unknownProps);\n    const {t} = useToolkitTranslation('richText', texts);\n    const generatedId = useId();\n    const contentId = `${name ?? 'rich-text'}-${generatedId}`;\n    const labelId = `${contentId}-label`;\n    const errorText = translateValidationMessage(t, error);\n    // lo último de afuera, sin rearmar el editor cada vez que la pantalla pinta otra función\n    const latest = useRef({onChange, onBlur, onEditorReady});\n    latest.current = {onChange, onBlur, onEditorReady};\n\n    const editor = useEditor({\n        extensions: richTextExtensionsOf({features, placeholder, maxLength, extensions}),\n        content: value ?? '',\n        editable: !disabled,\n        // OJO: sin esto, al pintar en el servidor (Next) el editor avisa que no hay documento todavía\n        immediatelyRender: false,\n        editorProps: {\n            attributes: {id: contentId, role: 'textbox', 'aria-multiline': 'true', 'aria-labelledby': labelId, ...(errorText && {'aria-invalid': 'true'})},\n        },\n        onUpdate: ({editor: current}) => latest.current.onChange(normalizedHtmlOf(current.getHTML())),\n        onBlur: () => latest.current.onBlur?.(),\n        onCreate: ({editor: current}) => latest.current.onEditorReady?.(current),\n    }, [features.join(','), placeholder, maxLength, Boolean(errorText)]);\n\n    // lo que llega de afuera (el formulario se reinició, llegó del servidor) entra sin avisar otro cambio\n    useEffect(() => {\n        if (editor && normalizedHtmlOf(editor.getHTML()) !== (value ?? '')) {\n            editor.commands.setContent(value ?? '', {emitUpdate: false});\n        }\n    }, [editor, value]);\n    useEffect(() => {\n        editor?.setEditable(!disabled);\n    }, [editor, disabled]);\n\n    const characters = useEditorState({editor, selector: ({editor: current}) => current?.storage.characterCount?.characters() ?? 0});\n\n    return (\n        <FieldFrame inputId={contentId} labelId={labelId} label={label}>\n            <div>\n                <EditorRoot variant=\"outlined\" ownSx={(theme) => ({\n                    borderRadius: 2, overflow: 'hidden', opacity: disabled ? 0.6 : 1,\n                    borderColor: errorText ? 'error.main' : 'divider',\n                    '&:focus-within': {borderColor: errorText ? 'error.main' : 'primary.main', boxShadow: `0 0 0 1px ${(theme.vars ?? theme).palette[errorText ? 'error' : 'primary'].main}`},\n                })} sx={sx}>\n                    <EditorToolbar role=\"toolbar\" aria-label={t('toolbar.label')} aria-controls={contentId} direction=\"row\"\n                                   ownSx={{alignItems: 'center', flexWrap: 'wrap', gap: 0.25, px: 0.5, py: 0.5, borderBottom: 1, borderColor: 'divider'}}>\n                        <RichTextToolbar editor={editor} features={features} disabled={disabled} t={t} actions={toolbarActions} />\n                    </EditorToolbar>\n                    <EditorContentArea ownSx={(theme) => {\n                        const content = richTextContentSxOf(theme);\n                        return {...content, px: 2, py: 1.5, cursor: 'text', '& .tiptap': {...content['& .tiptap'], minHeight}};\n                    }} onClick={() => editor?.commands.focus()}>\n                        <EditorContent editor={editor} />\n                    </EditorContentArea>\n                </EditorRoot>\n                <EditorFooter direction=\"row\" ownSx={{justifyContent: 'space-between', gap: 2}}>\n                    <FormHelperText error={Boolean(errorText)}>{errorText ?? helperText}</FormHelperText>\n                    {maxLength && (\n                        <FormHelperText sx={{fontVariantNumeric: 'tabular-nums', whiteSpace: 'nowrap'}}>\n                            {t('counter', {count: characters, max: maxLength})}\n                        </FormHelperText>\n                    )}\n                </EditorFooter>\n            </div>\n        </FieldFrame>\n    );\n}\n"],"names":[],"mappings":"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"}

package/dist/richText/RichTextLinkPopover.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Button from "@mui/material/Button";
+import Popover from "@mui/material/Popover";
+import Stack from "@mui/material/Stack";
+import TextInput from "../inputs/TextInput.js";
+import { linkUrlOf } from "./richTextRules.js";
+function RichTextLinkPopover({ anchorElement, initialUrl, onSave, onRemove, onClose, t }) {
+  const [typedUrl, setTypedUrl] = useState(initialUrl);
+  const [isRejected, setIsRejected] = useState(false);
+  const save = () => {
+    const url = linkUrlOf(typedUrl);
+    if (!url) {
+      setIsRejected(true);
+      return;
+    }
+    onSave(url);
+  };
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      open: Boolean(anchorElement),
+      anchorEl: anchorElement,
+      onClose,
+      anchorOrigin: { vertical: "bottom", horizontal: "left" },
+      slotProps: { paper: { sx: { p: 2, width: 340, maxWidth: "calc(100vw - 32px)" } } },
+      children: /* @__PURE__ */ jsxs("form", { noValidate: true, onSubmit: (event) => {
+        event.preventDefault();
+        save();
+      }, children: [
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            label: t("linkDialog.url"),
+            value: typedUrl,
+            autoFocus: true,
+            placeholder: "https://",
+            onChange: (value) => {
+              setTypedUrl(value);
+              setIsRejected(false);
+            },
+            error: isRejected ? t("linkDialog.invalid") : void 0
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { direction: "row", sx: { gap: 1, justifyContent: "flex-end" }, children: [
+          initialUrl && /* @__PURE__ */ jsx(Button, { color: "error", onClick: onRemove, children: t("linkDialog.remove") }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", variant: "contained", children: t("linkDialog.save") })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  RichTextLinkPopover as default
+};
+//# sourceMappingURL=RichTextLinkPopover.js.map

package/dist/richText/RichTextLinkPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextLinkPopover.js","sources":["../../src/richText/RichTextLinkPopover.jsx"],"sourcesContent":["// La ventanita para poner o cambiar la liga del texto elegido: la dirección (solo https, http, mailto o tel; un dominio suelto\n// se completa con https://), «Poner la liga» y «Quitar». Una dirección que no se acepta se dice en su campo.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useState} from 'react';\nimport Button from '@mui/material/Button';\nimport Popover from '@mui/material/Popover';\nimport Stack from '@mui/material/Stack';\n\nimport TextInput from '@/inputs/TextInput.jsx';\nimport {linkUrlOf} from '@/richText/richTextRules.js';\n\n/**\n * @param {object} props\n * @param {HTMLElement|null} props.anchorElement el botón de la liga (null: cerrada)\n * @param {string} props.initialUrl la liga que ya tiene el texto ('' si no tiene)\n * @param {(url: string) => void} props.onSave recibe la dirección ya revisada\n * @param {() => void} props.onRemove\n * @param {() => void} props.onClose\n * @param {(key: string) => string} props.t el traductor del editor\n */\nexport default function RichTextLinkPopover({anchorElement, initialUrl, onSave, onRemove, onClose, t}) {\n    const [typedUrl, setTypedUrl] = useState(initialUrl);\n    const [isRejected, setIsRejected] = useState(false);\n\n    const save = () => {\n        const url = linkUrlOf(typedUrl);\n        if (!url) {\n            setIsRejected(true);\n            return;\n        }\n        onSave(url);\n    };\n\n    return (\n        <Popover open={Boolean(anchorElement)} anchorEl={anchorElement} onClose={onClose}\n                 anchorOrigin={{vertical: 'bottom', horizontal: 'left'}} slotProps={{paper: {sx: {p: 2, width: 340, maxWidth: 'calc(100vw - 32px)'}}}}>\n            <form noValidate onSubmit={(event) => {\n                event.preventDefault();\n                save();\n            }}>\n                <TextInput label={t('linkDialog.url')} value={typedUrl} autoFocus placeholder=\"https://\"\n                           onChange={(value) => {\n                               setTypedUrl(value);\n                               setIsRejected(false);\n                           }}\n                           error={isRejected ? t('linkDialog.invalid') : undefined} />\n                <Stack direction=\"row\" sx={{gap: 1, justifyContent: 'flex-end'}}>\n                    {initialUrl && <Button color=\"error\" onClick={onRemove}>{t('linkDialog.remove')}</Button>}\n                    <Button type=\"submit\" variant=\"contained\">{t('linkDialog.save')}</Button>\n                </Stack>\n            </form>\n        </Popover>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;AAqBA,SAAwB,oBAAoB,EAAC,eAAe,YAAY,QAAQ,UAAU,SAAS,KAAI;AACnG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,UAAU;AACnD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,OAAO,MAAM;AACf,UAAM,MAAM,UAAU,QAAQ;AAC9B,QAAI,CAAC,KAAK;AACN,oBAAc,IAAI;AAClB;AAAA,IACJ;AACA,WAAO,GAAG;AAAA,EACd;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MAAQ,MAAM,QAAQ,aAAa;AAAA,MAAG,UAAU;AAAA,MAAe;AAAA,MACvD,cAAc,EAAC,UAAU,UAAU,YAAY,OAAA;AAAA,MAAS,WAAW,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,GAAG,OAAO,KAAK,UAAU,qBAAA,IAAqB;AAAA,MACvI,+BAAC,QAAA,EAAK,YAAU,MAAC,UAAU,CAAC,UAAU;AAClC,cAAM,eAAA;AACN,aAAA;AAAA,MACJ,GACI,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAAU,OAAO,EAAE,gBAAgB;AAAA,YAAG,OAAO;AAAA,YAAU,WAAS;AAAA,YAAC,aAAY;AAAA,YACnE,UAAU,CAAC,UAAU;AACjB,0BAAY,KAAK;AACjB,4BAAc,KAAK;AAAA,YACvB;AAAA,YACA,OAAO,aAAa,EAAE,oBAAoB,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QACzD,qBAAC,OAAA,EAAM,WAAU,OAAM,IAAI,EAAC,KAAK,GAAG,gBAAgB,WAAA,GAC/C,UAAA;AAAA,UAAA,cAAc,oBAAC,UAAO,OAAM,SAAQ,SAAS,UAAW,UAAA,EAAE,mBAAmB,EAAA,CAAE;AAAA,UAChF,oBAAC,UAAO,MAAK,UAAS,SAAQ,aAAa,UAAA,EAAE,iBAAiB,EAAA,CAAE;AAAA,QAAA,EAAA,CACpE;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}