@digigov/form 0.6.10 → 0.8.0

package/es/validators/utils/index.js

@@ -0,0 +1,87 @@
+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 === null || field === void 0 ? void 0 : field.type) || 'string'] || yupTypeMap['string'];
+  return yupField(field);
+}
+export function computeShape(fields, yupTypeMap, validatorRegistry) {
+  var fieldSchemas = {};
+  var objectFields = {};
+  fields.forEach(function (field) {
+    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/es/{validators.spec.js → 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,85 @@
+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 field = _ref.field;
+        return /*#__PURE__*/React.createElement(Component, _extends({}, field, {
+          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({}, register(name), {
+    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/FieldConditional.js

@@ -0,0 +1,54 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { useWatch } from 'react-hook-form';
+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,
+      control = _ref.control,
+      register = _ref.register,
+      error = _ref.error;
+  var newField = evaluateFieldWithConditions(field, dependencies);
+  return /*#__PURE__*/React.createElement(FieldBase, _extends({}, newField, {
+    name: newField.key,
+    control: control,
+    register: register,
+    error: error
+  }));
+}, function (prev, next) {
+  if (!prev || !prev.dependencies) {
+    return false;
+  }
+
+  if (prev.error !== next.error) {
+    return false;
+  }
+
+  for (var dep in next.dependencies) {
+    if (next.dependencies[dep] !== prev.dependencies[dep]) {
+      return false;
+    }
+  }
+
+  return true;
+});
+export var FieldConditional = function FieldConditional(_ref2) {
+  var control = _ref2.control,
+      field = _ref2.field,
+      register = _ref2.register,
+      error = _ref2.error;
+  var dependencyKeys = Object.keys(field.condition);
+  var variables = useWatch({
+    name: dependencyKeys,
+    control: control
+  });
+  return /*#__PURE__*/React.createElement(ChildFieldMemo, {
+    dependencies: variables,
+    field: field,
+    control: control,
+    register: register,
+    error: error
+  });
+};
+export default FieldConditional;

package/esm/Field/FieldContainer.js

@@ -0,0 +1,43 @@
+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;
+
+  var errorMessage = error !== null && error !== void 0 && error.message.key ? error.message.key : (error === null || error === void 0 ? void 0 : error.message) || '';
+  var errorContext = (error === null || error === void 0 ? void 0 : error.message.context) || {};
+
+  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(errorMessage, errorContext)), 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(errorMessage, errorContext)), children));
+  }
+};
+export default FieldContainer;