@digigov/form 0.6.9 → 0.7.1

package/es/validators/utils/iban.js

@@ -0,0 +1,123 @@
+export function validateIban(value, countryCode) {
+  value = value.replace(/\s/g, '').replace(/-/g, '');
+
+  if (value.match(/^[0-9]*$/i)) {
+    // this is for greek iban without the country code
+    if (value.length !== 25) {
+      return false;
+    }
+  } else {
+    value = value.toUpperCase();
+
+    if (countryCode) {
+      if (!value.startsWith(countryCode.toUpperCase())) {
+        return false;
+      }
+
+      if (value.length === ibanCountryCodesLengths[countryCode.toUpperCase()]) {
+        return true;
+      }
+    }
+
+    if (value.length !== 27) {
+      // this is for greek iban
+      return false;
+    }
+  }
+
+  return true;
+}
+export var IBAN_VALIDATOR = function IBAN_VALIDATOR(field) {
+  var _field$extra;
+
+  var countryCode = field === null || field === void 0 ? void 0 : (_field$extra = field.extra) === null || _field$extra === void 0 ? void 0 : _field$extra.country;
+  return {
+    name: 'iban-validator',
+    message: 'form.error.iban',
+    test: function test(value) {
+      if (!value) {
+        return true;
+      }
+
+      return validateIban(value, countryCode);
+    }
+  };
+};
+var ibanCountryCodesLengths = {
+  AD: 24,
+  AT: 20,
+  AZ: 28,
+  BH: 22,
+  BY: 28,
+  BE: 16,
+  BA: 20,
+  BR: 29,
+  BG: 22,
+  CR: 22,
+  HR: 21,
+  CY: 28,
+  CZ: 24,
+  DK: 18,
+  DO: 28,
+  EG: 29,
+  SV: 28,
+  EE: 20,
+  FO: 18,
+  FI: 18,
+  FR: 27,
+  GE: 22,
+  DE: 22,
+  GI: 23,
+  GR: 27,
+  GL: 18,
+  GT: 28,
+  VA: 22,
+  HU: 28,
+  IS: 26,
+  IQ: 23,
+  IE: 22,
+  IL: 23,
+  IT: 27,
+  JO: 30,
+  KZ: 20,
+  XK: 20,
+  KW: 30,
+  LV: 21,
+  LB: 28,
+  LI: 21,
+  LT: 20,
+  LU: 20,
+  MT: 31,
+  MR: 27,
+  MU: 30,
+  MD: 24,
+  MC: 27,
+  ME: 22,
+  NL: 18,
+  MK: 19,
+  NO: 15,
+  PK: 24,
+  PS: 29,
+  PL: 28,
+  PT: 25,
+  QA: 29,
+  RO: 24,
+  LC: 32,
+  SM: 27,
+  ST: 25,
+  SA: 24,
+  RS: 22,
+  SC: 31,
+  SK: 24,
+  SI: 19,
+  ES: 24,
+  SE: 24,
+  CH: 21,
+  TL: 23,
+  TN: 24,
+  TR: 26,
+  UA: 29,
+  AE: 23,
+  GB: 22,
+  VG: 24
+};

package/es/validators/utils/index.js

@@ -0,0 +1,105 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import * as yup from 'yup';
+export * from '@digigov/form/validators/utils/afm';
+export * from '@digigov/form/validators/utils/file';
+export * from '@digigov/form/validators/utils/iban';
+export * from '@digigov/form/validators/utils/phone';
+export * from '@digigov/form/validators/utils/postal_code';
+export * from '@digigov/form/validators/utils/uuid4';
+export function getYupField(field, yupTypeMap) {
+  var yupField = yupTypeMap[field.type] || yupTypeMap.string;
+  return yupField(field);
+}
+export function computeShape(fields, yupTypeMap, validatorRegistry) {
+  var fieldSchemas = {};
+  var objectFields = {};
+  fields.forEach(function (field) {
+    if (field.key.includes('.')) {
+      var _field$key$split = field.key.split(/\.(.+)/),
+          _field$key$split2 = _slicedToArray(_field$key$split, 2),
+          objectKey = _field$key$split2[0],
+          fieldKey = _field$key$split2[1];
+
+      if (!objectFields[objectKey]) {
+        objectFields[objectKey] = [];
+      }
+
+      objectFields[objectKey].push(_extends({}, field, {
+        key: fieldKey
+      }));
+      return;
+    }
+
+    var yupField = getYupField(field, yupTypeMap);
+
+    if (field.condition) {
+      for (var key in field.condition) {
+        var then = void 0,
+            otherwise = void 0;
+
+        if (field.condition[key].then) {
+          var _field$condition$key$, _field$condition$key$2;
+
+          if (((_field$condition$key$ = field.condition[key].then) === null || _field$condition$key$ === void 0 ? void 0 : _field$condition$key$.required) === false) {
+            then = yupField;
+          } else if (((_field$condition$key$2 = field.condition[key].then) === null || _field$condition$key$2 === void 0 ? void 0 : _field$condition$key$2.required) === true) {
+            then = yupField.required('form.error.required');
+          }
+        }
+
+        if (field.condition[key]["else"]) {
+          var _field$condition$key$3, _field$condition$key$4;
+
+          if (((_field$condition$key$3 = field.condition[key]["else"]) === null || _field$condition$key$3 === void 0 ? void 0 : _field$condition$key$3.required) === false) {
+            otherwise = yupField;
+          } else if (((_field$condition$key$4 = field.condition[key]["else"]) === null || _field$condition$key$4 === void 0 ? void 0 : _field$condition$key$4.required) === true) {
+            otherwise = yupField.required('form.error.required');
+          }
+        }
+
+        if (then || otherwise) {
+          yupField = yupField.when(key, {
+            is: field.condition[key].is,
+            then: then,
+            otherwise: otherwise
+          });
+        }
+      }
+    } else if (field.required) {
+      yupField = yupField.required('form.error.required');
+    }
+
+    if (validatorRegistry && field.type && validatorRegistry[field.type]) {
+      validatorRegistry[field.type].forEach(function (validator) {
+        yupField = yupField.test(validator);
+      });
+    }
+
+    if (field.validators) {
+      field.validators.forEach(function (validator) {
+        yupField = yupField.test(validator);
+      });
+    }
+
+    fieldSchemas[field.key] = yupField;
+  });
+
+  for (var objectKey in objectFields) {
+    fieldSchemas[objectKey] = getYupObjectShape(objectFields[objectKey], yupTypeMap, validatorRegistry);
+  }
+
+  return fieldSchemas;
+}
+export function getYupObjectShape( // eslint-disable-next-line @typescript-eslint/no-explicit-any
+fields, yupTypeMap, validatorRegistry) {
+  if (!fields.current) {
+    var fieldSchemas = computeShape(fields, yupTypeMap, validatorRegistry);
+    return yup.object().shape(fieldSchemas);
+  }
+
+  return yup.lazy(function () {
+    var fieldSchemas = computeShape(Object.values(fields.current), yupTypeMap, validatorRegistry);
+    return yup.object().shape(fieldSchemas);
+  });
+}

package/es/validators/utils/phone.js

@@ -0,0 +1,122 @@
+import * as gPhoneNumber from 'google-libphonenumber';
+export function validatePhoneNumber(phoneNumber) {
+  var countries = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['gr'];
+  var typeOfPhoneNumber = arguments.length > 2 ? arguments[2] : undefined;
+  var phoneUtil = gPhoneNumber.PhoneNumberUtil.getInstance();
+
+  if (!countries || countries.length === 0) {
+    return true;
+  }
+
+  return countries.some(function (country) {
+    try {
+      var phone = phoneUtil.parse(phoneNumber, country.toUpperCase());
+
+      if (phoneUtil.isValidNumber(phone)) {
+        if (typeOfPhoneNumber) {
+          if (matchTypeOfPhoneNumber(phone, typeOfPhoneNumber, phoneUtil)) {
+            return true;
+          } else {
+            return false;
+          }
+        } else {
+          return true;
+        }
+      }
+
+      return false;
+    } catch (error) {
+      console.error(error);
+      return false;
+    }
+  });
+}
+var phoneNumberTypes = {
+  0: 'landline',
+  1: 'mobile',
+  2: 'landline_or_mobile'
+};
+export function matchTypeOfPhoneNumber(phone, type, phoneUtil) {
+  try {
+    var phoneNumberType = phoneUtil.getNumberType(phone);
+    var numberType = phoneNumberTypes[phoneNumberType];
+
+    if (numberType === 'landline_or_mobile' || numberType === type) {
+      return true;
+    } else {
+      return false;
+    }
+  } catch (error) {
+    console.error(error);
+    return false;
+  }
+}
+
+function validateMobile(value) {
+  var phoneUtil = gPhoneNumber.PhoneNumberUtil.getInstance();
+  var origValue = value; // probably catch all the cases with a regex instead of gphonenumber
+
+  if (!value.match(/^((\+|00){0,1}\d{1,3}[- ]?)?\d{10}$/)) {
+    return false;
+  }
+
+  try {
+    var phone;
+
+    try {
+      phone = phoneUtil.parse(value);
+    } catch (err) {
+      try {
+        value = '+' + value;
+        phone = phoneUtil.parse(value);
+      } catch (err) {
+        value = '+30' + origValue;
+        phone = phoneUtil.parse(value);
+      }
+    }
+
+    return phoneUtil.isValidNumber(phone);
+  } catch (err) {
+    console.error(err);
+    return false;
+  }
+}
+
+export var MOBILE_PHONE_VALIDATOR = {
+  name: 'mobile-phone-validator',
+  message: 'form.error.mobile_phone',
+  test: function test(value) {
+    if (value) {
+      return validateMobile(value);
+    }
+
+    return true;
+  }
+};
+export var PHONE_NUMBER_VALIDATOR = function PHONE_NUMBER_VALIDATOR(field) {
+  var _field$extra, _field$extra2;
+
+  var countryCode = field === null || field === void 0 ? void 0 : (_field$extra = field.extra) === null || _field$extra === void 0 ? void 0 : _field$extra.countries;
+  var typeOfPhone = field === null || field === void 0 ? void 0 : (_field$extra2 = field.extra) === null || _field$extra2 === void 0 ? void 0 : _field$extra2.phoneType;
+  return {
+    name: 'phone-number-validator',
+    message: function message() {
+      if (typeOfPhone === 'mobile') {
+        return 'form.error.mobile_phone';
+      }
+
+      if (typeOfPhone === 'landline') {
+        return 'form.error.landline';
+      } else {
+        return 'form.error.phone_number';
+      }
+    },
+    test: function test(value) {
+      if (!value) {
+        return true;
+      }
+
+      return validatePhoneNumber(value, countryCode, typeOfPhone);
+    }
+  };
+};

package/es/validators/utils/postal_code.js

@@ -0,0 +1,29 @@
+var CODE_REGEX = /^[12345678][0-9]{4}$/;
+export function validatePostalCode(number, countries) {
+  if (!countries) {
+    return false;
+  } else {
+    if (countries.length === 1 && countries[0].toUpperCase() === 'GR') {
+      // Greek postal code must be 5 digits long and shouldn't start with 0 or 9.
+      return CODE_REGEX.test(number);
+    } else {
+      return true;
+    }
+  }
+}
+export var POSTALCODE_VALIDATOR = function POSTALCODE_VALIDATOR(field) {
+  var _field$extra;
+
+  var countryCode = field === null || field === void 0 ? void 0 : (_field$extra = field.extra) === null || _field$extra === void 0 ? void 0 : _field$extra.countries;
+  return {
+    name: 'postal-code-validator',
+    message: 'form.error.postalCode',
+    test: function test(value) {
+      if (!value) {
+        return true;
+      }
+
+      return validatePostalCode(value, countryCode);
+    }
+  };
+};

package/es/validators/utils/uuid4.js

@@ -0,0 +1,20 @@
+var 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;
+export function validateUUID4(uuid4) {
+  if (uuid4.length !== 36) {
+    // This uuid4 should be 36 characters long
+    return false;
+  }
+
+  return UUID4_PATTERN.test(uuid4);
+}
+export var UUID4_VALIDATOR = {
+  name: 'uuid4-validator',
+  message: 'form.error.uuid4',
+  test: function test(value) {
+    if (value) {
+      return validateUUID4(value);
+    }
+
+    return true;
+  }
+};

package/{esm → es/validators}/validators.spec.js

@@ -1,4 +1,4 @@
-import { validateUUID4, validateIban, validatePostalCode, validatePhoneNumber } from '@digigov/form/validators';
+import { validateUUID4, validateIban, validatePostalCode, validatePhoneNumber } from '@digigov/form/validators/utils';
 it('validates wrong uuid4 for empty value', function () {
   expect(validateUUID4('')).toBe(false);
 });

package/esm/Field/FieldBase.js

@@ -0,0 +1,93 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["required", "name", "component", "wrapper", "control", "type", "controlled", "enabled", "editable", "defaultValue", "label", "extra", "layout", "error", "register"];
+import React from 'react';
+import FieldContainer from '@digigov/form/Field/FieldContainer';
+import { Controller } from 'react-hook-form';
+export var FieldBase = function FieldBase(props) {
+  var required = props.required,
+      name = props.name,
+      Component = props.component,
+      wrapper = props.wrapper,
+      control = props.control,
+      type = props.type,
+      _props$controlled = props.controlled,
+      controlled = _props$controlled === void 0 ? false : _props$controlled,
+      _props$enabled = props.enabled,
+      enabled = _props$enabled === void 0 ? true : _props$enabled,
+      editable = props.editable,
+      defaultValue = props.defaultValue,
+      label = props.label,
+      _props$extra = props.extra,
+      extra = _props$extra === void 0 ? {} : _props$extra,
+      layout = props.layout,
+      error = props.error,
+      register = props.register,
+      componentProps = _objectWithoutProperties(props, _excluded);
+
+  if (!enabled) {
+    return null;
+  }
+
+  if (controlled) {
+    return /*#__PURE__*/React.createElement(FieldContainer, {
+      label: label,
+      layout: layout,
+      error: error,
+      wrapper: wrapper,
+      name: name
+    }, /*#__PURE__*/React.createElement(Controller, {
+      control: control,
+      name: name,
+      render: function render(_ref) {
+        var onChange = _ref.onChange,
+            onBlur = _ref.onBlur,
+            value = _ref.value;
+        return /*#__PURE__*/React.createElement(Component, _extends({
+          name: name,
+          onChange: onChange,
+          onBlur: onBlur,
+          value: value,
+          defaultValue: defaultValue,
+          extra: extra,
+          error: !!error,
+          type: type,
+          "aria-required": !!required,
+          "aria-describedby": error && "".concat(name, "-error"),
+          required: required,
+          disabled: editable === false
+        }, componentProps));
+      }
+    }));
+  }
+
+  return /*#__PURE__*/React.createElement(FieldContainer, {
+    label: label,
+    layout: layout,
+    error: error,
+    wrapper: wrapper,
+    name: name
+  }, Component !== null && Component !== void 0 && Component.render ? /*#__PURE__*/React.createElement(Component, _extends({
+    name: name,
+    ref: register,
+    control: control,
+    error: !!error,
+    extra: extra,
+    type: type,
+    "aria-required": !!required,
+    "aria-describedby": error && "".concat(name, "-error"),
+    required: required,
+    disabled: editable === false
+  }, componentProps)) : /*#__PURE__*/React.createElement(Component, _extends({
+    name: name,
+    register: register,
+    control: control,
+    error: !!error,
+    extra: extra,
+    type: type,
+    "aria-required": !!required,
+    "aria-describedby": error && "".concat(name, "-error"),
+    required: required,
+    disabled: editable === false
+  }, componentProps)));
+};

package/esm/Field/{ConditionalField.js → FieldConditional.js}

@@ -1,32 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useWatch } from 'react-hook-form';
-import { FieldBase } from '@digigov/form/Field/';
-
-function evaluateFieldWithConditions(field, variables) {
-  var newField = _extends({}, field);
-
-  if (variables) {
-    for (var key in variables) {
-      if (field.condition[key] && field.condition[key].is === variables[key]) {
-        var then = field.condition[key].then || {};
-
-        for (var attr in then) {
-          newField[attr] = then[attr];
-        }
-      } else if (field.condition[key]) {
-        var otherwise = field.condition[key]["else"] || {};
-
-        for (var _attr in otherwise) {
-          newField[_attr] = otherwise[_attr];
-        }
-      }
-    }
-  }
-
-  return newField;
-}
-
+import { evaluateFieldWithConditions } from '@digigov/form/Field/utils';
+import { FieldBase } from '@digigov/form/Field/FieldBase';
 var ChildFieldMemo = /*#__PURE__*/React.memo(function ChildField(_ref) {
   var dependencies = _ref.dependencies,
       field = _ref.field,
@@ -57,7 +33,7 @@ var ChildFieldMemo = /*#__PURE__*/React.memo(function ChildField(_ref) {
 
   return true;
 });
-export var ConditionalField = function ConditionalField(_ref2) {
+export var FieldConditional = function FieldConditional(_ref2) {
   var control = _ref2.control,
       field = _ref2.field,
       register = _ref2.register,
@@ -74,4 +50,5 @@ export var ConditionalField = function ConditionalField(_ref2) {
     register: register,
     error: error
   });
-};
+};
+export default FieldConditional;

package/esm/Field/FieldContainer.js

@@ -0,0 +1,40 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import CoreField from '@digigov/react-core/Field';
+import CoreLabel from '@digigov/react-core/Label';
+import CoreFieldset from '@digigov/react-core/Fieldset';
+import Hint from '@digigov/react-core/Hint';
+import FieldsetLegend from '@digigov/react-core/FieldsetLegend';
+import ErrorMessage from '@digigov/react-core/ErrorMessage';
+import { useTranslation } from '@digigov/ui/app/i18n';
+import Label from '@digigov/form/inputs/Label';
+export var FieldContainer = function FieldContainer(_ref) {
+  var name = _ref.name,
+      wrapper = _ref.wrapper,
+      label = _ref.label,
+      children = _ref.children,
+      error = _ref.error,
+      layout = _ref.layout;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  if (wrapper === 'fieldset') {
+    return /*#__PURE__*/React.createElement(CoreField, _extends({
+      error: !!error
+    }, layout), /*#__PURE__*/React.createElement(CoreFieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
+      size: "s"
+    }, label && label.primary, label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary)), error && /*#__PURE__*/React.createElement(ErrorMessage, {
+      id: "".concat(name, "-error")
+    }, t((error === null || error === void 0 ? void 0 : error.message) || ''))), children));
+  } else {
+    return /*#__PURE__*/React.createElement(CoreField, _extends({
+      error: !!error
+    }, layout), /*#__PURE__*/React.createElement(CoreLabel, null, label && /*#__PURE__*/React.createElement(Label, {
+      label: label
+    }), error && /*#__PURE__*/React.createElement(ErrorMessage, {
+      id: "".concat(name, "-error")
+    }, t((error === null || error === void 0 ? void 0 : error.message) || '')), children));
+  }
+};
+export default FieldContainer;