@digigov/form 2.0.0-60d81ed8 → 2.0.0-66d7c5e2

package/cjs/validators/utils/phone.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/validators/utils/phone.ts"],
-  "sourcesContent": ["import { FieldSpec } from '@digigov/form/types';\nimport { ValidatorSchema } from '@digigov/form/validators/types';\n\nexport type PhoneNumberType = 'landline' | 'mobile' | null;\n// add more countries from here libphonenumber-js/metadata.full.json\nconst countryPhoneData = {\n  GR: [\n    '30',\n    '00',\n    '5005000\\\\d{3}|8\\\\d{9,11}|(?:[269]\\\\d|70)\\\\d{8}',\n    [10, 11, 12],\n    [\n      ['(\\\\d{2})(\\\\d{4})(\\\\d{4})', '$1 $2 $3', ['21|7']],\n      [\n        '(\\\\d{4})(\\\\d{6})',\n        '$1 $2',\n        ['2(?:2|3[2-57-9]|4[2-469]|5[2-59]|6[2-9]|7[2-69]|8[2-49])|5'],\n      ],\n      ['(\\\\d{3})(\\\\d{3})(\\\\d{4})', '$1 $2 $3', ['[2689]']],\n      ['(\\\\d{3})(\\\\d{3,4})(\\\\d{5})', '$1 $2 $3', ['8']],\n    ],\n    0,\n    0,\n    0,\n    0,\n    0,\n    0,\n    [\n      [\n        '2(?:1\\\\d\\\\d|2(?:2[1-46-9]|[36][1-8]|4[1-7]|5[1-4]|7[1-5]|[89][1-9])|3(?:1\\\\d|2[1-57]|[35][1-3]|4[13]|7[1-7]|8[124-6]|9[1-79])|4(?:1\\\\d|2[1-8]|3[1-4]|4[13-5]|6[1-578]|9[1-5])|5(?:1\\\\d|[29][1-4]|3[1-5]|4[124]|5[1-6])|6(?:1\\\\d|[269][1-6]|3[1245]|4[1-7]|5[13-9]|7[14]|8[1-5])|7(?:1\\\\d|2[1-5]|3[1-6]|4[1-7]|5[1-57]|6[135]|9[125-7])|8(?:1\\\\d|2[1-5]|[34][1-4]|9[1-57]))\\\\d{6}',\n        [10],\n      ],\n      ['68[57-9]\\\\d{7}|(?:69|94)\\\\d{8}', [10]],\n      ['800\\\\d{7,9}'],\n      ['90[19]\\\\d{7}', [10]],\n      ['70\\\\d{8}', [10]],\n      0,\n      ['5005000\\\\d{3}', [10]],\n      0,\n      0,\n      ['8(?:0[16]|12|[27]5|50)\\\\d{7}', [10]],\n    ],\n  ],\n};\n\nfunction expandPhoneNumberStructure(compressed) {\n  const countries = Object.keys(compressed);\n  const expanded: any = {};\n  for (const country of countries) {\n    expanded[country] = {\n      fixedLine: {\n        possibleLengths: {\n          _national: compressed[country][3].map(String),\n        },\n        nationalNumberPattern: compressed[country][11][0][0],\n      },\n      mobile: {\n        nationalNumberPattern: compressed[country][11][1][0],\n      },\n      tollFree: {\n        nationalNumberPattern: compressed[country][11][2][0],\n      },\n      premiumRate: {\n        nationalNumberPattern: compressed[country][11][3][0],\n      },\n      sharedCost: {\n        nationalNumberPattern: compressed[country][11][9][0],\n      },\n      personalNumber: {\n        nationalNumberPattern: compressed[country][11][4][0],\n      },\n      uan: {\n        nationalNumberPattern: compressed[country][11][6][0],\n      },\n      id: country,\n      countryCode: compressed[country][0],\n      internationalPrefix: compressed[country][1],\n    };\n  }\n  return expanded;\n}\nconst PHONENUMBER_SPEC = expandPhoneNumberStructure(countryPhoneData);\nexport function discoverPhoneType(phoneNumber: string, config: any): string {\n  const cleanNumber = phoneNumber\n    .replace(/\\D/g, '')\n    .replace(/\\s/g, '')\n    .replace(/^\\+/, '')\n    .replace(new RegExp('^' + config.internationalPrefix, ''), '')\n    .replace(new RegExp('^' + config.countryCode, ''), '');\n  const categories = {\n    landline: config.fixedLine,\n    mobile: config.mobile,\n    'toll-free': config.tollFree,\n    'premium-rate': config.premiumRate,\n  };\n\n  for (const [categoryName, categoryDetails] of Object.entries(categories)) {\n    const pattern = new RegExp(\n      '^(' + categoryDetails.nationalNumberPattern.replace(/\\s/g, '') + ')$',\n      ''\n    );\n    if (cleanNumber.match(pattern)) {\n      return categoryName; // Returns the category name if the number matches the pattern\n    }\n  }\n\n  // If no category matches, return 'Unknown'\n  return 'unknown';\n}\nfunction getNumberType(phoneNumber: string, country: string) {\n  const spec = PHONENUMBER_SPEC[country.toUpperCase()];\n  if (!spec) {\n    throw new Error(`Country ${country} is not supported`);\n  }\n  const type = discoverPhoneType(phoneNumber, spec);\n  return type;\n}\n\nfunction isPhoneNumberValid(\n  phoneNumber: string,\n  countries: string[],\n  types = ['mobile', 'landline']\n) {\n  return countries.some((country) => {\n    const numberType = getNumberType(phoneNumber, country);\n    if (numberType && types.includes(numberType)) {\n      return true;\n    }\n    return false;\n  });\n}\nfunction isNumberOfType(phoneNumber: string, country: string, type: string) {\n  const numberType = getNumberType(phoneNumber, country);\n  if (numberType === type) {\n    return true;\n  }\n  return false;\n}\nexport function validatePhoneNumber(\n  phoneNumber: string,\n  countries: Array<string> = ['gr'],\n  typeOfPhoneNumber?: PhoneNumberType\n): boolean {\n  if (!countries || countries.length === 0) {\n    return true;\n  }\n  return isPhoneNumberValid(\n    phoneNumber,\n    countries,\n    typeOfPhoneNumber ? [typeOfPhoneNumber] : undefined\n  );\n}\n\nfunction validateMobile(value): boolean {\n  return isNumberOfType(value, 'gr', 'mobile');\n}\n\nexport const MOBILE_PHONE_VALIDATOR = {\n  name: 'mobile-phone-validator',\n  message: 'form.error.mobile_phone',\n  test: (value): boolean => {\n    if (value) {\n      return validateMobile(value);\n    }\n    return true;\n  },\n};\n\nexport const PHONE_NUMBER_VALIDATOR = (field: FieldSpec): ValidatorSchema => {\n  const countryCodes = field?.extra?.countries;\n  const typeOfPhone: PhoneNumberType | null = field?.extra?.phoneType;\n  return {\n    name: 'phone-number-validator',\n    message: (): string => {\n      if (typeOfPhone === 'mobile') {\n        return 'form.error.mobile_phone';\n      }\n      if (typeOfPhone === 'landline') {\n        return 'form.error.landline';\n      } else {\n        return 'form.error.phone_number';\n      }\n    },\n    test: (value: string): boolean => {\n      if (!value) {\n        return true;\n      }\n      return validatePhoneNumber(value, countryCodes, typeOfPhone);\n    },\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { FieldSpec } from '@digigov/form/types';\nimport type { ValidatorSchema } from '@digigov/form/validators/types';\n\nexport type PhoneNumberType = 'landline' | 'mobile' | null;\n// add more countries from here libphonenumber-js/metadata.full.json\nconst countryPhoneData = {\n  GR: [\n    '30',\n    '00',\n    '5005000\\\\d{3}|8\\\\d{9,11}|(?:[269]\\\\d|70)\\\\d{8}',\n    [10, 11, 12],\n    [\n      ['(\\\\d{2})(\\\\d{4})(\\\\d{4})', '$1 $2 $3', ['21|7']],\n      [\n        '(\\\\d{4})(\\\\d{6})',\n        '$1 $2',\n        ['2(?:2|3[2-57-9]|4[2-469]|5[2-59]|6[2-9]|7[2-69]|8[2-49])|5'],\n      ],\n      ['(\\\\d{3})(\\\\d{3})(\\\\d{4})', '$1 $2 $3', ['[2689]']],\n      ['(\\\\d{3})(\\\\d{3,4})(\\\\d{5})', '$1 $2 $3', ['8']],\n    ],\n    0,\n    0,\n    0,\n    0,\n    0,\n    0,\n    [\n      [\n        '2(?:1\\\\d\\\\d|2(?:2[1-46-9]|[36][1-8]|4[1-7]|5[1-4]|7[1-5]|[89][1-9])|3(?:1\\\\d|2[1-57]|[35][1-3]|4[13]|7[1-7]|8[124-6]|9[1-79])|4(?:1\\\\d|2[1-8]|3[1-4]|4[13-5]|6[1-578]|9[1-5])|5(?:1\\\\d|[29][1-4]|3[1-5]|4[124]|5[1-6])|6(?:1\\\\d|[269][1-6]|3[1245]|4[1-7]|5[13-9]|7[14]|8[1-5])|7(?:1\\\\d|2[1-5]|3[1-6]|4[1-7]|5[1-57]|6[135]|9[125-7])|8(?:1\\\\d|2[1-5]|[34][1-4]|9[1-57]))\\\\d{6}',\n        [10],\n      ],\n      ['68[57-9]\\\\d{7}|(?:69|94)\\\\d{8}', [10]],\n      ['800\\\\d{7,9}'],\n      ['90[19]\\\\d{7}', [10]],\n      ['70\\\\d{8}', [10]],\n      0,\n      ['5005000\\\\d{3}', [10]],\n      0,\n      0,\n      ['8(?:0[16]|12|[27]5|50)\\\\d{7}', [10]],\n    ],\n  ],\n};\n\nfunction expandPhoneNumberStructure(compressed) {\n  const countries = Object.keys(compressed);\n  const expanded: any = {};\n  for (const country of countries) {\n    expanded[country] = {\n      fixedLine: {\n        possibleLengths: {\n          _national: compressed[country][3].map(String),\n        },\n        nationalNumberPattern: compressed[country][11][0][0],\n      },\n      mobile: {\n        nationalNumberPattern: compressed[country][11][1][0],\n      },\n      tollFree: {\n        nationalNumberPattern: compressed[country][11][2][0],\n      },\n      premiumRate: {\n        nationalNumberPattern: compressed[country][11][3][0],\n      },\n      sharedCost: {\n        nationalNumberPattern: compressed[country][11][9][0],\n      },\n      personalNumber: {\n        nationalNumberPattern: compressed[country][11][4][0],\n      },\n      uan: {\n        nationalNumberPattern: compressed[country][11][6][0],\n      },\n      id: country,\n      countryCode: compressed[country][0],\n      internationalPrefix: compressed[country][1],\n    };\n  }\n  return expanded;\n}\nconst PHONENUMBER_SPEC = expandPhoneNumberStructure(countryPhoneData);\nexport function discoverPhoneType(phoneNumber: string, config: any): string {\n  const cleanNumber = phoneNumber\n    .replace(/\\D/g, '')\n    .replace(/\\s/g, '')\n    .replace(/^\\+/, '')\n    .replace(new RegExp('^' + config.internationalPrefix, ''), '')\n    .replace(new RegExp('^' + config.countryCode, ''), '');\n  const categories = {\n    landline: config.fixedLine,\n    mobile: config.mobile,\n    'toll-free': config.tollFree,\n    'premium-rate': config.premiumRate,\n  };\n\n  for (const [categoryName, categoryDetails] of Object.entries(categories)) {\n    const pattern = new RegExp(\n      '^(' + categoryDetails.nationalNumberPattern.replace(/\\s/g, '') + ')$',\n      ''\n    );\n    if (cleanNumber.match(pattern)) {\n      return categoryName; // Returns the category name if the number matches the pattern\n    }\n  }\n\n  // If no category matches, return 'Unknown'\n  return 'unknown';\n}\nfunction getNumberType(phoneNumber: string, country: string) {\n  const spec = PHONENUMBER_SPEC[country.toUpperCase()];\n  if (!spec) {\n    throw new Error(`Country ${country} is not supported`);\n  }\n  const type = discoverPhoneType(phoneNumber, spec);\n  return type;\n}\n\nfunction isPhoneNumberValid(\n  phoneNumber: string,\n  countries: string[],\n  types = ['mobile', 'landline']\n) {\n  return countries.some((country) => {\n    const numberType = getNumberType(phoneNumber, country);\n    if (numberType && types.includes(numberType)) {\n      return true;\n    }\n    return false;\n  });\n}\nfunction isNumberOfType(phoneNumber: string, country: string, type: string) {\n  const numberType = getNumberType(phoneNumber, country);\n  if (numberType === type) {\n    return true;\n  }\n  return false;\n}\nexport function validatePhoneNumber(\n  phoneNumber: string,\n  countries: string[] = ['gr'],\n  typeOfPhoneNumber?: PhoneNumberType\n): boolean {\n  if (!countries || countries.length === 0) {\n    return true;\n  }\n  return isPhoneNumberValid(\n    phoneNumber,\n    countries,\n    typeOfPhoneNumber ? [typeOfPhoneNumber] : undefined\n  );\n}\n\nfunction validateMobile(value): boolean {\n  return isNumberOfType(value, 'gr', 'mobile');\n}\n\nexport const MOBILE_PHONE_VALIDATOR = {\n  name: 'mobile-phone-validator',\n  message: 'form.error.mobile_phone',\n  test: (value): boolean => {\n    if (value) {\n      return validateMobile(value);\n    }\n    return true;\n  },\n};\n\nexport const PHONE_NUMBER_VALIDATOR = (field: FieldSpec): ValidatorSchema => {\n  const countryCodes = field?.extra?.countries;\n  const typeOfPhone: PhoneNumberType | null = field?.extra?.phoneType;\n  return {\n    name: 'phone-number-validator',\n    message: (): string => {\n      if (typeOfPhone === 'mobile') {\n        return 'form.error.mobile_phone';\n      }\n      if (typeOfPhone === 'landline') {\n        return 'form.error.landline';\n      } else {\n        return 'form.error.phone_number';\n      }\n    },\n    test: (value: string): boolean => {\n      if (!value) {\n        return true;\n      }\n      return validatePhoneNumber(value, countryCodes, typeOfPhone);\n    },\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/cjs/validators/utils/postal_code.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/validators/utils/postal_code.ts"],
-  "sourcesContent": ["import { FieldSpec } from '@digigov/form/types';\nimport { ValidatorSchema } from '@digigov/form/validators/types';\n\nconst CODE_REGEX = /^[12345678][0-9]{4}$/;\nexport function validatePostalCode(\n  number: string,\n  countries: Array<string>\n): boolean {\n  if (!countries) {\n    return false;\n  } else {\n    if (countries.length === 1 && countries[0].toUpperCase() === 'GR') {\n      // Greek postal code must be 5 digits long and shouldn't start with 0 or 9.\n      return CODE_REGEX.test(number);\n    } else {\n      return true;\n    }\n  }\n}\n\nexport const POSTALCODE_VALIDATOR = (field: FieldSpec): ValidatorSchema => {\n  const countryCode = field?.extra?.countries;\n  return {\n    name: 'postal-code-validator',\n    message: 'form.error.postalCode',\n    test: (value: string): boolean => {\n      if (!value) {\n        return true;\n      }\n      return validatePostalCode(value, countryCode);\n    },\n  };\n};\n"],
+  "sourcesContent": ["import type { FieldSpec } from '@digigov/form/types';\nimport type { ValidatorSchema } from '@digigov/form/validators/types';\n\nconst CODE_REGEX = /^[12345678][0-9]{4}$/;\nexport function validatePostalCode(\n  number: string,\n  countries: string[]\n): boolean {\n  if (!countries) {\n    return false;\n  } else {\n    if (countries.length === 1 && countries[0].toUpperCase() === 'GR') {\n      // Greek postal code must be 5 digits long and shouldn't start with 0 or 9.\n      return CODE_REGEX.test(number);\n    } else {\n      return true;\n    }\n  }\n}\n\nexport const POSTALCODE_VALIDATOR = (field: FieldSpec): ValidatorSchema => {\n  const countryCode = field?.extra?.countries;\n  return {\n    name: 'postal-code-validator',\n    message: 'form.error.postalCode',\n    test: (value: string): boolean => {\n      if (!value) {\n        return true;\n      }\n      return validatePostalCode(value, countryCode);\n    },\n  };\n};\n"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,MAAM,aAAa;AACZ,SAAS,mBACd,QACA,WACS;AACT,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT,OAAO;AACL,QAAI,UAAU,WAAW,KAAK,UAAU,CAAC,EAAE,YAAY,MAAM,MAAM;AAEjE,aAAO,WAAW,KAAK,MAAM;AAAA,IAC/B,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,uBAAuB,CAAC,UAAsC;AACzE,QAAM,cAAc,OAAO,OAAO;AAClC,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM,CAAC,UAA2B;AAChC,UAAI,CAAC,OAAO;AACV,eAAO;AAAA,MACT;AACA,aAAO,mBAAmB,OAAO,WAAW;AAAA,IAC9C;AAAA,EACF;AACF;",
   "names": []
 }

package/cjs/validators/utils/text_limit.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/validators/utils/text_limit.ts"],
-  "sourcesContent": ["import { FieldSpec } from '@digigov/form/types';\nimport { ValidatorSchema } from '@digigov/form/validators/types';\n\nexport function validateText(value: string, min: number, max: number): boolean {\n  let validator;\n  if (min || max) {\n    if (value.length < min || value.length > max) {\n      return (validator = false);\n    } else {\n      return (validator = true);\n    }\n  }\n  return validator;\n}\n\nexport const TEXT_LIMIT_VALIDATOR = (field: FieldSpec): ValidatorSchema => {\n  const min: number = field?.extra?.limit?.min;\n  const max: number = field?.extra?.limit?.max;\n  return {\n    name: 'text-limit-validator',\n    message: (v: any): any => {\n      if (min || max) {\n        if (v.value.length < min) {\n          return {\n            key: 'form.error.text.less_than',\n            context: { min: field?.extra?.limit?.min },\n          };\n        }\n        if (v.value.length > max) {\n          return {\n            key: 'form.error.text.more_than',\n            context: { max: field?.extra?.limit?.max },\n          };\n        }\n      }\n    },\n    test: (value: string): boolean => {\n      if (!value) {\n        return true;\n      }\n      return validateText(value, min as number, max as number);\n    },\n  };\n};\n"],
+  "sourcesContent": ["import type { FieldSpec } from '@digigov/form/types';\nimport type { ValidatorSchema } from '@digigov/form/validators/types';\n\nexport function validateText(value: string, min: number, max: number): boolean {\n  let validator;\n  if (min || max) {\n    if (value.length < min || value.length > max) {\n      return (validator = false);\n    } else {\n      return (validator = true);\n    }\n  }\n  return validator;\n}\n\nexport const TEXT_LIMIT_VALIDATOR = (field: FieldSpec): ValidatorSchema => {\n  const min: number = field?.extra?.limit?.min;\n  const max: number = field?.extra?.limit?.max;\n  return {\n    name: 'text-limit-validator',\n    message: (v: any): any => {\n      if (min || max) {\n        if (v.value.length < min) {\n          return {\n            key: 'form.error.text.less_than',\n            context: { min: field?.extra?.limit?.min },\n          };\n        }\n        if (v.value.length > max) {\n          return {\n            key: 'form.error.text.more_than',\n            context: { max: field?.extra?.limit?.max },\n          };\n        }\n      }\n    },\n    test: (value: string): boolean => {\n      if (!value) {\n        return true;\n      }\n      return validateText(value, min as number, max as number);\n    },\n  };\n};\n"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,SAAS,aAAa,OAAe,KAAa,KAAsB;AAC7E,MAAI;AACJ,MAAI,OAAO,KAAK;AACd,QAAI,MAAM,SAAS,OAAO,MAAM,SAAS,KAAK;AAC5C,aAAQ,YAAY;AAAA,IACtB,OAAO;AACL,aAAQ,YAAY;AAAA,IACtB;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,CAAC,UAAsC;AACzE,QAAM,MAAc,OAAO,OAAO,OAAO;AACzC,QAAM,MAAc,OAAO,OAAO,OAAO;AACzC,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS,CAAC,MAAgB;AACxB,UAAI,OAAO,KAAK;AACd,YAAI,EAAE,MAAM,SAAS,KAAK;AACxB,iBAAO;AAAA,YACL,KAAK;AAAA,YACL,SAAS,EAAE,KAAK,OAAO,OAAO,OAAO,IAAI;AAAA,UAC3C;AAAA,QACF;AACA,YAAI,EAAE,MAAM,SAAS,KAAK;AACxB,iBAAO;AAAA,YACL,KAAK;AAAA,YACL,SAAS,EAAE,KAAK,OAAO,OAAO,OAAO,IAAI;AAAA,UAC3C;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,MAAM,CAAC,UAA2B;AAChC,UAAI,CAAC,OAAO;AACV,eAAO;AAAA,MACT;AACA,aAAO,aAAa,OAAO,KAAe,GAAa;AAAA,IACzD;AAAA,EACF;AACF;",
   "names": []
 }

package/cjs/validators/utils/uuid4.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/validators/utils/uuid4.ts"],
-  "sourcesContent": ["const UUID4_PATTERN = /^[0-9A-F]{8}-[0-9A-F]{4}-[4][0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i;\n\nexport function validateUUID4(uuid4: string): boolean {\n  if (uuid4.length !== 36) {\n    // This uuid4 should be 36 characters long\n    return false;\n  }\n\n  return UUID4_PATTERN.test(uuid4);\n}\n\nexport const UUID4_VALIDATOR = {\n  name: 'uuid4-validator',\n  message: 'form.error.uuid4',\n  test: (value): boolean => {\n    if (value) {\n      return validateUUID4(value);\n    }\n    return true;\n  },\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,gBAAgB;AAEf,SAAS,cAAc,OAAwB;AACpD,MAAI,MAAM,WAAW,IAAI;AAEvB,WAAO;AAAA,EACT;AAEA,SAAO,cAAc,KAAK,KAAK;AACjC;AAEO,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM,CAAC,UAAmB;AACxB,QAAI,OAAO;AACT,aAAO,cAAc,KAAK;AAAA,IAC5B;AACA,WAAO;AAAA,EACT;AACF;",
+  "sourcesContent": ["const UUID4_PATTERN =\n  /^[0-9A-F]{8}-[0-9A-F]{4}-[4][0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i;\n\nexport function validateUUID4(uuid4: string): boolean {\n  if (uuid4.length !== 36) {\n    // This uuid4 should be 36 characters long\n    return false;\n  }\n\n  return UUID4_PATTERN.test(uuid4);\n}\n\nexport const UUID4_VALIDATOR = {\n  name: 'uuid4-validator',\n  message: 'form.error.uuid4',\n  test: (value): boolean => {\n    if (value) {\n      return validateUUID4(value);\n    }\n    return true;\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,gBACJ;AAEK,SAAS,cAAc,OAAwB;AACpD,MAAI,MAAM,WAAW,IAAI;AAEvB,WAAO;AAAA,EACT;AAEA,SAAO,cAAc,KAAK,KAAK;AACjC;AAEO,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM,CAAC,UAAmB;AACxB,QAAI,OAAO;AACT,aAAO,cAAc,KAAK;AAAA,IAC5B;AACA,WAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/hooks/useFieldFocusManager/index.js

@@ -0,0 +1,116 @@
+import { useCallback, useEffect, useRef } from "react";
+import {
+  extractFieldEntries,
+  mapElementsToFields,
+  sortElementsByPosition
+} from "@digigov/form/hooks/utils";
+function useFieldFocusManager({
+  enabled = true,
+  control,
+  subscribe,
+  setFocus
+}) {
+  const customFocusableElements = useRef(/* @__PURE__ */ new Map());
+  const focusableElements = useRef(/* @__PURE__ */ new Map());
+  useEffect(() => {
+    if (!enabled) {
+      customFocusableElements.current.clear();
+      focusableElements.current.clear();
+      return;
+    }
+  }, [enabled]);
+  const updateFocusableElements = useCallback(() => {
+    focusableElements.current.clear();
+    const formElements = extractFieldEntries(control._fields);
+    const customFieldRefs = mapElementsToFields(
+      customFocusableElements.current
+    );
+    const customElements = extractFieldEntries(customFieldRefs);
+    const combinedElements = new Map(formElements);
+    customElements.forEach((element, fieldName) => {
+      combinedElements.set(fieldName, element);
+    });
+    focusableElements.current = sortElementsByPosition(combinedElements);
+  }, [control._fields]);
+  const registerCustomFocusableElement = useCallback(
+    (fieldName, element) => {
+      if (fieldName && element) {
+        customFocusableElements.current.set(fieldName, element);
+        updateFocusableElements();
+      }
+      return function unregister() {
+        customFocusableElements.current.delete(fieldName);
+        updateFocusableElements();
+      };
+    },
+    [updateFocusableElements]
+  );
+  useEffect(() => {
+    if (!enabled || !subscribe) return;
+    const callback = subscribe({
+      formState: {
+        errors: true
+        // Subscribe to any form state change that might indicate field structure changes
+      },
+      callback: () => {
+        setTimeout(updateFocusableElements, 0);
+      }
+    });
+    updateFocusableElements();
+    return () => callback();
+  }, [enabled, updateFocusableElements, subscribe]);
+  const focusOnError = useCallback(
+    (errors) => {
+      if (!enabled) return;
+      if (!errors || Object.keys(errors).length === 0) return;
+      for (const [fieldName, element] of Array.from(
+        focusableElements.current
+      )) {
+        if (hasFieldError(errors, fieldName)) {
+          if (element && typeof element.focus === "function") {
+            element.focus();
+            return;
+          } else if (element && element.name) {
+            setFocus(fieldName);
+            return;
+          }
+        }
+      }
+    },
+    [enabled, setFocus]
+  );
+  return {
+    /**
+     * Registers a custom focusable element with the given field name.
+     *
+     * Returns a callback function to unregister the element by field name.
+     *
+     * @param fieldName - The name of the field to associate with the element.
+     * @param element - The HTML element to register as focusable.
+     */
+    registerCustomFocusableElement,
+    focusOnError
+  };
+}
+function hasFieldError(errors, fieldName) {
+  if (!errors || typeof errors !== "object") return false;
+  if (errors[fieldName]) {
+    return true;
+  }
+  const keys = fieldName.split(/[.[\]]+/).filter(Boolean);
+  let current = errors;
+  for (const key of keys) {
+    if (current && typeof current === "object") {
+      current = current[key];
+    } else {
+      return false;
+    }
+  }
+  return !!current;
+}
+var useFieldFocusManager_default = useFieldFocusManager;
+export {
+  useFieldFocusManager_default as default,
+  useFieldFocusManager
+};
+//# sourceMappingURL=useFieldFocusManager.js.map

package/hooks/useFieldFocusManager/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/hooks/useFieldFocusManager/index.js"
+}

package/hooks/useFieldFocusManager.d.ts

@@ -0,0 +1,25 @@
+import type { Control, FieldValues, UseFormReturn } from 'react-hook-form';
+export interface UseFieldFocusManagerProps<T extends FieldValues> {
+    enabled?: boolean;
+    control: Control<T>;
+    subscribe: UseFormReturn['subscribe'];
+    setFocus: UseFormReturn['setFocus'];
+}
+/**
+ * Custom hook to manage focus on form fields.
+ *
+ * It collects all focusable elements from the form fields and sorts them according to their position in the DOM.
+ */
+export declare function useFieldFocusManager<T extends FieldValues>({ enabled, control, subscribe, setFocus, }: UseFieldFocusManagerProps<T>): {
+    /**
+     * Registers a custom focusable element with the given field name.
+     *
+     * Returns a callback function to unregister the element by field name.
+     *
+     * @param fieldName - The name of the field to associate with the element.
+     * @param element - The HTML element to register as focusable.
+     */
+    registerCustomFocusableElement: (fieldName: string, element: HTMLElement) => () => void;
+    focusOnError: (errors: Record<string, any>) => void;
+};
+export default useFieldFocusManager;

package/hooks/useFieldFocusManager.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/useFieldFocusManager.ts"],
+  "sourcesContent": ["import { useCallback, useEffect, useRef } from 'react';\nimport type { Control, FieldValues, Ref, UseFormReturn } from 'react-hook-form';\nimport {\n  extractFieldEntries,\n  mapElementsToFields,\n  sortElementsByPosition,\n} from '@digigov/form/hooks/utils';\n\nexport interface UseFieldFocusManagerProps<T extends FieldValues> {\n  enabled?: boolean;\n  control: Control<T>;\n  subscribe: UseFormReturn['subscribe'];\n  setFocus: UseFormReturn['setFocus'];\n}\n\n/**\n * Custom hook to manage focus on form fields.\n *\n * It collects all focusable elements from the form fields and sorts them according to their position in the DOM.\n */\nexport function useFieldFocusManager<T extends FieldValues>({\n  enabled = true,\n  control,\n  subscribe,\n  setFocus,\n}: UseFieldFocusManagerProps<T>) {\n  /** Array to hold any external focusable elements registered by the user */\n  const customFocusableElements = useRef(new Map<string, HTMLElement>());\n  /** Map to hold focusable elements by field name */\n  const focusableElements = useRef(new Map<string, Ref>());\n\n  // When disabled, clear custom focusable elements and focusable elements map\n  useEffect(() => {\n    if (!enabled) {\n      customFocusableElements.current.clear();\n      focusableElements.current.clear();\n      return;\n    }\n  }, [enabled]);\n\n  const updateFocusableElements = useCallback(() => {\n    // Clear existing focusable elements\n    focusableElements.current.clear();\n    // Extract from form fields\n    const formElements = extractFieldEntries(control._fields);\n    // Extract from custom elements (convert to FieldRefs format first)\n    const customFieldRefs = mapElementsToFields(\n      customFocusableElements.current\n    );\n    const customElements = extractFieldEntries(customFieldRefs);\n\n    // Combine both maps\n    const combinedElements = new Map(formElements);\n    customElements.forEach((element, fieldName) => {\n      combinedElements.set(fieldName, element);\n    });\n\n    // Sort once by DOM position\n    focusableElements.current = sortElementsByPosition(combinedElements);\n  }, [control._fields]);\n\n  // Register / unregister custom focusable elements\n  const registerCustomFocusableElement = useCallback(\n    (fieldName: string, element: HTMLElement) => {\n      if (fieldName && element) {\n        customFocusableElements.current.set(fieldName, element);\n        updateFocusableElements();\n      }\n\n      return function unregister() {\n        customFocusableElements.current.delete(fieldName);\n        updateFocusableElements();\n      };\n    },\n    [updateFocusableElements]\n  );\n\n  // Collect focusable elements when fields change\n  useEffect(() => {\n    if (!enabled || !subscribe) return;\n    const callback = subscribe({\n      formState: {\n        errors: true,\n        // Subscribe to any form state change that might indicate field structure changes\n      },\n      callback: () => {\n        // Defer to next tick to ensure DOM is updated\n        setTimeout(updateFocusableElements, 0);\n      },\n    });\n\n    // Initial update\n    updateFocusableElements();\n\n    return () => callback();\n  }, [enabled, updateFocusableElements, subscribe]);\n\n  // Subscribe to errors and focus the first field (according to the DOM) with an error\n  const focusOnError = useCallback(\n    (errors: Record<string, any>) => {\n      if (!enabled) return;\n      if (!errors || Object.keys(errors).length === 0) return;\n      for (const [fieldName, element] of Array.from(\n        focusableElements.current\n      )) {\n        if (hasFieldError(errors, fieldName)) {\n          if (element && typeof element.focus === 'function') {\n            element.focus(); // Focus the element directly\n            return;\n          } else if (element && element.name) {\n            setFocus(fieldName); // Field is registered with react-hook-form\n            return;\n          }\n        }\n      }\n    },\n    [enabled, setFocus]\n  );\n\n  return {\n    /**\n     * Registers a custom focusable element with the given field name.\n     *\n     * Returns a callback function to unregister the element by field name.\n     *\n     * @param fieldName - The name of the field to associate with the element.\n     * @param element - The HTML element to register as focusable.\n     */\n    registerCustomFocusableElement,\n    focusOnError,\n  };\n}\n\n// Helper function to check for nested field errors\nfunction hasFieldError(\n  errors: Record<string, any>,\n  fieldName: string\n): boolean {\n  if (!errors || typeof errors !== 'object') return false;\n\n  // Handle direct field names first\n  if (errors[fieldName]) {\n    return true;\n  }\n\n  // Split the field name and traverse the error object\n  const keys = fieldName.split(/[.[\\]]+/).filter(Boolean);\n  let current = errors;\n\n  for (const key of keys) {\n    if (current && typeof current === 'object') {\n      current = current[key];\n    } else {\n      return false;\n    }\n  }\n\n  // Check if we found a truthy error value\n  return !!current;\n}\n\nexport default useFieldFocusManager;\n"],
+  "mappings": "AAAA,SAAS,aAAa,WAAW,cAAc;AAE/C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcA,SAAS,qBAA4C;AAAA,EAC1D,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAE/B,QAAM,0BAA0B,OAAO,oBAAI,IAAyB,CAAC;AAErE,QAAM,oBAAoB,OAAO,oBAAI,IAAiB,CAAC;AAGvD,YAAU,MAAM;AACd,QAAI,CAAC,SAAS;AACZ,8BAAwB,QAAQ,MAAM;AACtC,wBAAkB,QAAQ,MAAM;AAChC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,0BAA0B,YAAY,MAAM;AAEhD,sBAAkB,QAAQ,MAAM;AAEhC,UAAM,eAAe,oBAAoB,QAAQ,OAAO;AAExD,UAAM,kBAAkB;AAAA,MACtB,wBAAwB;AAAA,IAC1B;AACA,UAAM,iBAAiB,oBAAoB,eAAe;AAG1D,UAAM,mBAAmB,IAAI,IAAI,YAAY;AAC7C,mBAAe,QAAQ,CAAC,SAAS,cAAc;AAC7C,uBAAiB,IAAI,WAAW,OAAO;AAAA,IACzC,CAAC;AAGD,sBAAkB,UAAU,uBAAuB,gBAAgB;AAAA,EACrE,GAAG,CAAC,QAAQ,OAAO,CAAC;AAGpB,QAAM,iCAAiC;AAAA,IACrC,CAAC,WAAmB,YAAyB;AAC3C,UAAI,aAAa,SAAS;AACxB,gCAAwB,QAAQ,IAAI,WAAW,OAAO;AACtD,gCAAwB;AAAA,MAC1B;AAEA,aAAO,SAAS,aAAa;AAC3B,gCAAwB,QAAQ,OAAO,SAAS;AAChD,gCAAwB;AAAA,MAC1B;AAAA,IACF;AAAA,IACA,CAAC,uBAAuB;AAAA,EAC1B;AAGA,YAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,UAAW;AAC5B,UAAM,WAAW,UAAU;AAAA,MACzB,WAAW;AAAA,QACT,QAAQ;AAAA;AAAA,MAEV;AAAA,MACA,UAAU,MAAM;AAEd,mBAAW,yBAAyB,CAAC;AAAA,MACvC;AAAA,IACF,CAAC;AAGD,4BAAwB;AAExB,WAAO,MAAM,SAAS;AAAA,EACxB,GAAG,CAAC,SAAS,yBAAyB,SAAS,CAAC;AAGhD,QAAM,eAAe;AAAA,IACnB,CAAC,WAAgC;AAC/B,UAAI,CAAC,QAAS;AACd,UAAI,CAAC,UAAU,OAAO,KAAK,MAAM,EAAE,WAAW,EAAG;AACjD,iBAAW,CAAC,WAAW,OAAO,KAAK,MAAM;AAAA,QACvC,kBAAkB;AAAA,MACpB,GAAG;AACD,YAAI,cAAc,QAAQ,SAAS,GAAG;AACpC,cAAI,WAAW,OAAO,QAAQ,UAAU,YAAY;AAClD,oBAAQ,MAAM;AACd;AAAA,UACF,WAAW,WAAW,QAAQ,MAAM;AAClC,qBAAS,SAAS;AAClB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,EACpB;AAEA,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASL;AAAA,IACA;AAAA,EACF;AACF;AAGA,SAAS,cACP,QACA,WACS;AACT,MAAI,CAAC,UAAU,OAAO,WAAW,SAAU,QAAO;AAGlD,MAAI,OAAO,SAAS,GAAG;AACrB,WAAO;AAAA,EACT;AAGA,QAAM,OAAO,UAAU,MAAM,SAAS,EAAE,OAAO,OAAO;AACtD,MAAI,UAAU;AAEd,aAAW,OAAO,MAAM;AACtB,QAAI,WAAW,OAAO,YAAY,UAAU;AAC1C,gBAAU,QAAQ,GAAG;AAAA,IACvB,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAGA,SAAO,CAAC,CAAC;AACX;AAEA,IAAO,+BAAQ;",
+  "names": []
+}

package/hooks/utils/index.js

@@ -0,0 +1,73 @@
+function extractFieldEntries(fields, prefix = "") {
+  const elementMap = /* @__PURE__ */ new Map();
+  const fieldEntries = Object.entries(fields);
+  if (fieldEntries.length === 0) return elementMap;
+  Object.entries(fields).forEach(([fieldName, field]) => {
+    if (!field) return;
+    const fullFieldName = prefix ? `${prefix}.${fieldName}` : fieldName;
+    if (isField(field)) {
+      const element = field._f.ref;
+      if (element) {
+        elementMap.set(fullFieldName, element);
+      }
+    } else if (isFieldRefs(field)) {
+      const keys = Object.keys(field);
+      const numericKeys = keys.filter((key) => /^\d+$/.test(key));
+      const hasNumericKeys = numericKeys.length > 0;
+      if (hasNumericKeys) {
+        numericKeys.forEach((index) => {
+          const arrayItem = field[index];
+          if (arrayItem && isFieldRefs(arrayItem)) {
+            const nestedEntries = extractFieldEntries(
+              arrayItem,
+              `${fullFieldName}.${index}`
+            );
+            nestedEntries.forEach((element, fieldName2) => {
+              elementMap.set(fieldName2, element);
+            });
+          }
+        });
+      } else {
+        const nestedEntries = extractFieldEntries(field, fullFieldName);
+        nestedEntries.forEach((element, fieldName2) => {
+          elementMap.set(fieldName2, element);
+        });
+      }
+    }
+  });
+  return elementMap;
+}
+const isField = (fieldRef) => Boolean(
+  fieldRef && typeof fieldRef === "object" && "_f" in fieldRef && fieldRef._f && "ref" in fieldRef._f
+);
+const isFieldRefs = (fieldRef) => Boolean(fieldRef && typeof fieldRef === "object" && !isField(fieldRef));
+function sortElementsByPosition(elements) {
+  const sortedEntries = Array.from(elements.entries()).sort(([, a], [, b]) => {
+    if (isActualHTMLElement(a) && isActualHTMLElement(b)) {
+      const aPosition = a.compareDocumentPosition(b);
+      if (aPosition & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
+      if (aPosition & Node.DOCUMENT_POSITION_PRECEDING) return 1;
+    }
+    return 0;
+  });
+  return new Map(sortedEntries);
+}
+const isActualHTMLElement = (ref) => ref instanceof HTMLElement && typeof ref.focus === "function";
+function mapElementsToFields(elements) {
+  const fields = {};
+  elements.forEach((element, fieldName) => {
+    fields[fieldName] = {
+      _f: {
+        ref: element,
+        name: fieldName
+      }
+    };
+  });
+  return fields;
+}
+export {
+  extractFieldEntries,
+  mapElementsToFields,
+  sortElementsByPosition
+};
+//# sourceMappingURL=utils.js.map

package/{Field → hooks}/utils/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/Field/utils/index.js"
+  "main": "../../cjs/hooks/utils/index.js"
 }

package/hooks/utils.d.ts

@@ -0,0 +1,18 @@
+import type { Field, FieldRefs, Ref } from 'react-hook-form';
+/**
+ * Recursively extracts field entries from nested form field structure.
+ * Handles both regular nested objects and array-like structures.
+ */
+export declare function extractFieldEntries(fields: FieldRefs, prefix?: string): Map<string, Ref>;
+/**
+ * Sorts a map of HTML elements by their position in the DOM.
+ * Elements appearing earlier in the document order come first.
+ */
+export declare function sortElementsByPosition(elements: Map<string, Ref>): Map<string, Ref>;
+/**
+ * Maps a collection of HTML elements to a FieldRefs structure.
+ *
+ * It's not a direct conversion, but rather a way to create a simple FieldRefs
+ * structure that can be used with React Hook Form.
+ */
+export declare function mapElementsToFields(elements: Map<string, HTMLElement>): Record<string, Field>;

package/hooks/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/utils.ts"],
+  "sourcesContent": ["import type { Field, FieldRefs, Ref } from 'react-hook-form';\n\n/**\n * Recursively extracts field entries from nested form field structure.\n * Handles both regular nested objects and array-like structures.\n */\nexport function extractFieldEntries(\n  fields: FieldRefs,\n  prefix = ''\n): Map<string, Ref> {\n  const elementMap = new Map<string, Ref>();\n\n  const fieldEntries = Object.entries(fields);\n  if (fieldEntries.length === 0) return elementMap;\n\n  Object.entries(fields).forEach(([fieldName, field]) => {\n    if (!field) return;\n    const fullFieldName = prefix ? `${prefix}.${fieldName}` : fieldName;\n\n    // Handle direct field with ref\n    if (isField(field)) {\n      const element = field._f.ref;\n      if (element) {\n        elementMap.set(fullFieldName, element);\n      }\n    }\n\n    // Handle array fields (numeric keys indicate array indices)\n    else if (isFieldRefs(field)) {\n      // Check if any keys are numeric (indicating an array structure)\n      // Filter out non-numeric keys like '_f' which contains field metadata\n      const keys = Object.keys(field);\n      const numericKeys = keys.filter((key) => /^\\d+$/.test(key));\n      const hasNumericKeys = numericKeys.length > 0;\n\n      if (hasNumericKeys) {\n        // Process only the numeric array indices, ignore metadata keys like '_f'\n        numericKeys.forEach((index) => {\n          const arrayItem = field[index];\n          if (arrayItem && isFieldRefs(arrayItem)) {\n            const nestedEntries = extractFieldEntries(\n              arrayItem,\n              `${fullFieldName}.${index}`\n            );\n            // Merge nested entries into main map\n            nestedEntries.forEach((element, fieldName) => {\n              elementMap.set(fieldName, element);\n            });\n          }\n        });\n      } else {\n        // Handle regular nested objects\n        const nestedEntries = extractFieldEntries(field, fullFieldName);\n        // Merge nested entries into main map\n        nestedEntries.forEach((element, fieldName) => {\n          elementMap.set(fieldName, element);\n        });\n      }\n    }\n  });\n\n  return elementMap;\n}\n\n/** Type guard to check if a ref is a Field object */\nconst isField = (fieldRef: FieldRefs[keyof FieldRefs]): fieldRef is Field =>\n  Boolean(\n    fieldRef &&\n      typeof fieldRef === 'object' &&\n      '_f' in fieldRef &&\n      fieldRef._f &&\n      'ref' in fieldRef._f\n  );\n\n/** Type guard to check if a ref is a FieldRefs object (nested fields) */\nconst isFieldRefs = (\n  fieldRef: FieldRefs[keyof FieldRefs]\n): fieldRef is FieldRefs =>\n  Boolean(fieldRef && typeof fieldRef === 'object' && !isField(fieldRef));\n\n/**\n * Sorts a map of HTML elements by their position in the DOM.\n * Elements appearing earlier in the document order come first.\n */\nexport function sortElementsByPosition(\n  elements: Map<string, Ref>\n): Map<string, Ref> {\n  const sortedEntries = Array.from(elements.entries()).sort(([, a], [, b]) => {\n    if (isActualHTMLElement(a) && isActualHTMLElement(b)) {\n      const aPosition = a.compareDocumentPosition(b);\n      if (aPosition & Node.DOCUMENT_POSITION_FOLLOWING) return -1;\n      if (aPosition & Node.DOCUMENT_POSITION_PRECEDING) return 1;\n    }\n    return 0; // keep original order\n  });\n  return new Map(sortedEntries);\n}\n\n/** Type guard to check if a ref is an actual HTML element */\nconst isActualHTMLElement = (ref: Ref): ref is Ref & HTMLElement =>\n  ref instanceof HTMLElement && typeof ref.focus === 'function';\n\n/**\n * Maps a collection of HTML elements to a FieldRefs structure.\n *\n * It's not a direct conversion, but rather a way to create a simple FieldRefs\n * structure that can be used with React Hook Form.\n */\nexport function mapElementsToFields(\n  elements: Map<string, HTMLElement>\n): Record<string, Field> {\n  const fields = {};\n  elements.forEach((element, fieldName) => {\n    fields[fieldName] = {\n      _f: {\n        ref: element,\n        name: fieldName,\n      },\n    };\n  });\n  return fields;\n}\n"],
+  "mappings": "AAMO,SAAS,oBACd,QACA,SAAS,IACS;AAClB,QAAM,aAAa,oBAAI,IAAiB;AAExC,QAAM,eAAe,OAAO,QAAQ,MAAM;AAC1C,MAAI,aAAa,WAAW,EAAG,QAAO;AAEtC,SAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,WAAW,KAAK,MAAM;AACrD,QAAI,CAAC,MAAO;AACZ,UAAM,gBAAgB,SAAS,GAAG,MAAM,IAAI,SAAS,KAAK;AAG1D,QAAI,QAAQ,KAAK,GAAG;AAClB,YAAM,UAAU,MAAM,GAAG;AACzB,UAAI,SAAS;AACX,mBAAW,IAAI,eAAe,OAAO;AAAA,MACvC;AAAA,IACF,WAGS,YAAY,KAAK,GAAG;AAG3B,YAAM,OAAO,OAAO,KAAK,KAAK;AAC9B,YAAM,cAAc,KAAK,OAAO,CAAC,QAAQ,QAAQ,KAAK,GAAG,CAAC;AAC1D,YAAM,iBAAiB,YAAY,SAAS;AAE5C,UAAI,gBAAgB;AAElB,oBAAY,QAAQ,CAAC,UAAU;AAC7B,gBAAM,YAAY,MAAM,KAAK;AAC7B,cAAI,aAAa,YAAY,SAAS,GAAG;AACvC,kBAAM,gBAAgB;AAAA,cACpB;AAAA,cACA,GAAG,aAAa,IAAI,KAAK;AAAA,YAC3B;AAEA,0BAAc,QAAQ,CAAC,SAASA,eAAc;AAC5C,yBAAW,IAAIA,YAAW,OAAO;AAAA,YACnC,CAAC;AAAA,UACH;AAAA,QACF,CAAC;AAAA,MACH,OAAO;AAEL,cAAM,gBAAgB,oBAAoB,OAAO,aAAa;AAE9D,sBAAc,QAAQ,CAAC,SAASA,eAAc;AAC5C,qBAAW,IAAIA,YAAW,OAAO;AAAA,QACnC,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAGA,MAAM,UAAU,CAAC,aACf;AAAA,EACE,YACE,OAAO,aAAa,YACpB,QAAQ,YACR,SAAS,MACT,SAAS,SAAS;AACtB;AAGF,MAAM,cAAc,CAClB,aAEA,QAAQ,YAAY,OAAO,aAAa,YAAY,CAAC,QAAQ,QAAQ,CAAC;AAMjE,SAAS,uBACd,UACkB;AAClB,QAAM,gBAAgB,MAAM,KAAK,SAAS,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM;AAC1E,QAAI,oBAAoB,CAAC,KAAK,oBAAoB,CAAC,GAAG;AACpD,YAAM,YAAY,EAAE,wBAAwB,CAAC;AAC7C,UAAI,YAAY,KAAK,4BAA6B,QAAO;AACzD,UAAI,YAAY,KAAK,4BAA6B,QAAO;AAAA,IAC3D;AACA,WAAO;AAAA,EACT,CAAC;AACD,SAAO,IAAI,IAAI,aAAa;AAC9B;AAGA,MAAM,sBAAsB,CAAC,QAC3B,eAAe,eAAe,OAAO,IAAI,UAAU;AAQ9C,SAAS,oBACd,UACuB;AACvB,QAAM,SAAS,CAAC;AAChB,WAAS,QAAQ,CAAC,SAAS,cAAc;AACvC,WAAO,SAAS,IAAI;AAAA,MAClB,IAAI;AAAA,QACF,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
+  "names": ["fieldName"]
+}

package/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v2.0.0-60d81ed8
+/** @license Digigov v2.0.0-66d7c5e2
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/inputs/AutoCompleteInput/AutoComplete.stories.d.ts

@@ -1,6 +1,8 @@
 declare namespace _default {
     export let title: string;
     export { AutoComplete as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/inputs/AutoCompleteInput/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/inputs/AutoCompleteInput/__stories__/Multiple.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Multiple: () => React.JSX.Element;
+export declare const Multiple: (_: any) => React.JSX.Element;
 export default Multiple;

package/inputs/AutoCompleteInput/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { ControlledFieldProps } from '@digigov/form/Field/types';
-import { FieldOptionProps } from '@digigov/form/inputs/Label';
-import { AutoCompleteProps as UIAutoCompleteProps } from '@digigov/ui/form/AutoComplete';
+import type { ControlledFieldProps } from '@digigov/form/Field/types';
+import type { FieldOptionProps } from '@digigov/form/inputs/Label';
+import type { AutoCompleteProps as UIAutoCompleteProps } from '@digigov/ui/form/AutoComplete';
 export interface AutoCompleteInputExtra extends Omit<UIAutoCompleteProps, 'source' | 'id' | 'templates' | 'defaultValue' | 'onConfirm' | 'dropdownArrow'> {
-    options: Array<FieldOptionProps>;
+    options: FieldOptionProps[];
 }
 export interface AutoCompleteInputProps extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {
     extra: AutoCompleteInputExtra;

package/inputs/AutoCompleteInput/index.js

@@ -1,14 +1,13 @@
 import React, { useCallback } from "react";
-import { Hint } from "@digigov/react-core/Hint";
-import UIAutoComplete from "@digigov/ui/form/AutoComplete";
-import { Base } from "@digigov/react-core/Base";
+import { AutoComplete } from "@digigov/ui/form/AutoComplete";
+import { Hint } from "@digigov/ui/typography/Hint";
+import { Base } from "@digigov/ui/utils/Base";
 const AutoCompleteInput = ({
   name,
   type,
   extra: { options },
   onChange,
   value,
-  error,
   ...props
 }) => {
   const suggest = useCallback(
@@ -22,14 +21,15 @@ const AutoCompleteInput = ({
     [options]
   );
   return /* @__PURE__ */ React.createElement(
-    UIAutoComplete,
+    AutoComplete,
     {
       multiple: type === "choice:multiple" ? true : false,
       source: suggest,
       onConfirm: (value2) => {
         if (Array.isArray(value2)) {
           const selectedValues = value2.map((item) => item.value);
-          selectedValues.length > 0 ? onChange(selectedValues) : onChange(void 0);
+          if (selectedValues.length > 0) onChange(selectedValues);
+          else onChange(void 0);
         } else {
           onChange(value2.value);
         }
@@ -48,7 +48,8 @@ const AutoCompleteInput = ({
       ...{
         ...props,
         reset: void 0,
-        required: void 0
+        required: void 0,
+        Field: void 0
       },
       name,
       id: `${name}-id`,

package/inputs/AutoCompleteInput/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/inputs/AutoCompleteInput/index.tsx"],
-  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport { Hint } from '@digigov/react-core/Hint';\nimport UIAutoComplete, {\n  AutoCompleteProps as UIAutoCompleteProps,\n} from '@digigov/ui/form/AutoComplete';\nimport { Base } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteInputExtra\n  extends Omit<\n    UIAutoCompleteProps,\n    | 'source'\n    | 'id'\n    | 'templates'\n    | 'defaultValue'\n    | 'onConfirm'\n    | 'dropdownArrow'\n  > {\n  options: Array<FieldOptionProps>;\n}\n\nexport interface AutoCompleteInputProps\n  extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {\n  extra: AutoCompleteInputExtra;\n  value: string;\n  onChange: (v: string | string[] | undefined) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({\n  name,\n  type,\n  extra: { options },\n  onChange,\n  value,\n  error,\n  ...props\n}) => {\n  const suggest = useCallback(function suggest(\n    query: string,\n    syncResults: (options: any[]) => void\n  ): void {\n    syncResults(\n      query\n        ? options.filter(function (option) {\n          return (\n            `${option.value} ${option.label?.primary || ''} ${option.label?.secondary || ''\n              }`\n              .toLowerCase()\n              .indexOf(query.toLowerCase()) !== -1\n          );\n        })\n        : options\n    );\n  },\n    [options]);\n\n  return (\n    <UIAutoComplete\n      multiple={type === 'choice:multiple' ? true : false}\n      source={suggest}\n      onConfirm={(value) => {\n        if (Array.isArray(value)) {\n          const selectedValues = value.map(item => item.value);\n          selectedValues.length > 0 ? onChange(selectedValues) : onChange(undefined);\n        } else {\n          onChange(value.value);\n        }\n      }}\n      templates={{\n        suggestion({ label, value }) {\n          return (\n            <Base as=\"div\">\n              {(label && label.primary && label.primary) || value}\n              {label && label.secondary && <Hint>{label.secondary}</Hint>}\n            </Base>\n          );\n        },\n        inputValue: (option) => {\n          if (!option) {\n            return '';\n          }\n          return option.label.primary || option.value;\n        },\n      }}\n      {...{\n        ...props,\n        reset: undefined,\n        required: undefined,\n      }}\n      name={name}\n      id={`${name}-id`}\n      defaultValue={value}\n    />\n  );\n};\n\nexport default AutoCompleteInput;"],
-  "mappings": "AAAA,OAAO,SAAS,mBAAmB;AAGnC,SAAS,YAAY;AACrB,OAAO,oBAEA;AACP,SAAS,YAAY;AAsBd,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA,OAAO,EAAE,QAAQ;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU;AAAA,IAAY,SAASA,SACnC,OACA,aACM;AACN;AAAA,QACE,QACI,QAAQ,OAAO,SAAU,QAAQ;AACjC,iBACE,GAAG,OAAO,KAAK,IAAI,OAAO,OAAO,WAAW,EAAE,IAAI,OAAO,OAAO,aAAa,EAC3E,GACC,YAAY,EACZ,QAAQ,MAAM,YAAY,CAAC,MAAM;AAAA,QAExC,CAAC,IACC;AAAA,MACN;AAAA,IACF;AAAA,IACE,CAAC,OAAO;AAAA,EAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,SAAS,oBAAoB,OAAO;AAAA,MAC9C,QAAQ;AAAA,MACR,WAAW,CAACC,WAAU;AACpB,YAAI,MAAM,QAAQA,MAAK,GAAG;AACxB,gBAAM,iBAAiBA,OAAM,IAAI,UAAQ,KAAK,KAAK;AACnD,yBAAe,SAAS,IAAI,SAAS,cAAc,IAAI,SAAS,MAAS;AAAA,QAC3E,OAAO;AACL,mBAASA,OAAM,KAAK;AAAA,QACtB;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,WAAW,EAAE,OAAO,OAAAA,OAAM,GAAG;AAC3B,iBACE,oCAAC,QAAK,IAAG,SACL,SAAS,MAAM,WAAW,MAAM,WAAYA,QAC7C,SAAS,MAAM,aAAa,oCAAC,YAAM,MAAM,SAAU,CACtD;AAAA,QAEJ;AAAA,QACA,YAAY,CAAC,WAAW;AACtB,cAAI,CAAC,QAAQ;AACX,mBAAO;AAAA,UACT;AACA,iBAAO,OAAO,MAAM,WAAW,OAAO;AAAA,QACxC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,QACF,GAAG;AAAA,QACH,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,MACA,IAAI,GAAG,IAAI;AAAA,MACX,cAAc;AAAA;AAAA,EAChB;AAEJ;AAEA,IAAO,4BAAQ;",
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport type { ControlledFieldProps } from '@digigov/form/Field/types';\nimport type { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport type { AutoCompleteProps as UIAutoCompleteProps } from '@digigov/ui/form/AutoComplete';\nimport { AutoComplete } from '@digigov/ui/form/AutoComplete';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { Base } from '@digigov/ui/utils/Base';\nexport interface AutoCompleteInputExtra\n  extends Omit<\n    UIAutoCompleteProps,\n    | 'source'\n    | 'id'\n    | 'templates'\n    | 'defaultValue'\n    | 'onConfirm'\n    | 'dropdownArrow'\n  > {\n  options: FieldOptionProps[];\n}\n\nexport interface AutoCompleteInputProps\n  extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {\n  extra: AutoCompleteInputExtra;\n  value: string;\n  onChange: (v: string | string[] | undefined) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({\n  name,\n  type,\n  extra: { options },\n  onChange,\n  value,\n  ...props\n}) => {\n  const suggest = useCallback(\n    function suggest(\n      query: string,\n      syncResults: (options: any[]) => void\n    ): void {\n      syncResults(\n        query\n          ? options.filter(function (option) {\n              return (\n                `${option.value} ${option.label?.primary || ''} ${\n                  option.label?.secondary || ''\n                }`\n                  .toLowerCase()\n                  .indexOf(query.toLowerCase()) !== -1\n              );\n            })\n          : options\n      );\n    },\n    [options]\n  );\n\n  return (\n    <AutoComplete\n      multiple={type === 'choice:multiple' ? true : false}\n      source={suggest}\n      onConfirm={(value) => {\n        if (Array.isArray(value)) {\n          const selectedValues = value.map((item) => item.value);\n          if (selectedValues.length > 0) onChange(selectedValues);\n          else onChange(undefined);\n        } else {\n          onChange(value.value);\n        }\n      }}\n      templates={{\n        suggestion({ label, value }) {\n          return (\n            <Base as=\"div\">\n              {(label && label.primary && label.primary) || value}\n              {label && label.secondary && <Hint>{label.secondary}</Hint>}\n            </Base>\n          );\n        },\n        inputValue: (option) => {\n          if (!option) {\n            return '';\n          }\n          return option.label.primary || option.value;\n        },\n      }}\n      {...{\n        ...props,\n        reset: undefined,\n        required: undefined,\n        Field: undefined,\n      }}\n      name={name}\n      id={`${name}-id`}\n      defaultValue={value}\n    />\n  );\n};\n\nexport default AutoCompleteInput;\n"],
+  "mappings": "AAAA,OAAO,SAAS,mBAAmB;AAInC,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,YAAY;AAqBd,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA,OAAO,EAAE,QAAQ;AAAA,EACjB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU;AAAA,IACd,SAASA,SACP,OACA,aACM;AACN;AAAA,QACE,QACI,QAAQ,OAAO,SAAU,QAAQ;AAC/B,iBACE,GAAG,OAAO,KAAK,IAAI,OAAO,OAAO,WAAW,EAAE,IAC5C,OAAO,OAAO,aAAa,EAC7B,GACG,YAAY,EACZ,QAAQ,MAAM,YAAY,CAAC,MAAM;AAAA,QAExC,CAAC,IACD;AAAA,MACN;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,SAAS,oBAAoB,OAAO;AAAA,MAC9C,QAAQ;AAAA,MACR,WAAW,CAACC,WAAU;AACpB,YAAI,MAAM,QAAQA,MAAK,GAAG;AACxB,gBAAM,iBAAiBA,OAAM,IAAI,CAAC,SAAS,KAAK,KAAK;AACrD,cAAI,eAAe,SAAS,EAAG,UAAS,cAAc;AAAA,cACjD,UAAS,MAAS;AAAA,QACzB,OAAO;AACL,mBAASA,OAAM,KAAK;AAAA,QACtB;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,WAAW,EAAE,OAAO,OAAAA,OAAM,GAAG;AAC3B,iBACE,oCAAC,QAAK,IAAG,SACL,SAAS,MAAM,WAAW,MAAM,WAAYA,QAC7C,SAAS,MAAM,aAAa,oCAAC,YAAM,MAAM,SAAU,CACtD;AAAA,QAEJ;AAAA,QACA,YAAY,CAAC,WAAW;AACtB,cAAI,CAAC,QAAQ;AACX,mBAAO;AAAA,UACT;AACA,iBAAO,OAAO,MAAM,WAAW,OAAO;AAAA,QACxC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,QACF,GAAG;AAAA,QACH,OAAO;AAAA,QACP,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA;AAAA,MACA,IAAI,GAAG,IAAI;AAAA,MACX,cAAc;AAAA;AAAA,EAChB;AAEJ;AAEA,IAAO,4BAAQ;",
   "names": ["suggest", "value"]
 }

package/inputs/Checkboxes/Checkboxes.stories.d.ts

@@ -1,6 +1,8 @@
 declare namespace _default {
     export let title: string;
     export { Checkboxes as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/inputs/Checkboxes/__stories__/Conditional.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Conditional: () => React.JSX.Element;
+export declare const Conditional: (_: any) => React.JSX.Element;
 export default Conditional;

package/inputs/Checkboxes/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/inputs/Checkboxes/__stories__/WithDivider.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithDivider: () => React.JSX.Element;
+export declare const WithDivider: (_: any) => React.JSX.Element;
 export default WithDivider;

package/inputs/Checkboxes/index.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
-import { ControlledFieldProps } from '@digigov/form/Field/types';
-import { FieldOptionProps } from '@digigov/form/inputs/Label';
+import type { ControlledFieldProps } from '@digigov/form/Field/types';
+import type { FieldOptionProps } from '@digigov/form/inputs/Label';
 export interface CheckboxesProps extends Omit<ControlledFieldProps, 'extra' | 'value'> {
     value?: string[];
     extra: {
         className?: string;
-        options: Array<FieldOptionProps>;
+        options: FieldOptionProps[];
     };
     fieldComponent: React.FC<Omit<ControlledFieldProps, 'value' | 'onChange'>>;
 }
-export declare const Checkboxes: React.FC<CheckboxesProps>;
+export declare const Checkboxes: React.ForwardRefExoticComponent<CheckboxesProps & React.RefAttributes<HTMLInputElement>>;
 export default Checkboxes;