@digigov/form 1.0.0-079f34f3d → 1.0.0-23c81d9f

package/es/validators/utils/index.js

@@ -1,102 +0,0 @@
-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/otp';
-export * from '@digigov/form/validators/utils/phone';
-export * from '@digigov/form/validators/utils/postal_code';
-export * from '@digigov/form/validators/utils/uuid4';
-export * from '@digigov/form/validators/utils/text_limit';
-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) {
-      var _loop = function _loop(key) {
-        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.nullable();
-          } 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.nullable().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.nullable();
-          } 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.nullable().required('form.error.required');
-          }
-        }
-
-        if (then || otherwise) {
-          yupField = yupField.when(key, {
-            is: function is(val) {
-              //@ts-ignore
-              var is = field.condition[key].is;
-
-              if (is === val || Array.isArray(val) && val.includes(is)) {
-                return true;
-              } else {
-                return false;
-              }
-            },
-            then: then,
-            otherwise: otherwise
-          });
-        }
-      };
-
-      for (var key in field.condition) {
-        _loop(key);
-      }
-    } else if (field.required) {
-      yupField = yupField.nullable().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/validators.spec.js

@@ -1,85 +0,0 @@
-import { validateUUID4, validateIban, validatePostalCode, validatePhoneNumber } from '@digigov/form/validators/utils';
-it('validates wrong uuid4 for empty value', function () {
-  expect(validateUUID4('')).toBe(false);
-});
-it('validates wrong uuid4 because of length', function () {
-  expect(validateUUID4('9e463bc44a294bab8ee23af6cc3cbbe3')).toBe(false);
-});
-it('validates wrong uuid4 with correct length and wrong form', function () {
-  expect(validateUUID4('ab123cd1-1234-ad34-ad45-12345abcdefg')).toBe(false);
-});
-it('validates correct uuid4 validator', function () {
-  expect(validateUUID4('9e463bc4-4a29-4bab-8ee2-3af6cc3cbbe3')).toBe(true);
-});
-it('validates correct gr iban', function () {
-  expect(validateIban('GR7801100800000008009825202', 'GR')).toBe(true);
-});
-it('validates correct iban with spaces and dashes', function () {
-  expect(validateIban('GR 7801-1008 0000-0008 0098-25202', 'GR')).toBe(true);
-});
-it('validates correct foreign iban', function () {
-  expect(validateIban('DE75512108001245126199', 'DE')).toBe(true);
-});
-it('validates wrong iban for empty value', function () {
-  expect(validateIban('', '')).toBe(false);
-});
-it('validates wrong greek iban for wrong length', function () {
-  expect(validateIban('GR78011008000000080098252020', 'gr')).toBe(false);
-});
-it('validates wrong iban for non existing country code', function () {
-  expect(validateIban('AAA78011008000000080098252020', 'aaa')).toBe(false);
-});
-it('validates correct greek iban whithout country code', function () {
-  expect(validateIban('7801100800000008009825202', '')).toBe(true);
-});
-it('validates wrong postal code without country code', function () {
-  expect(validatePostalCode('123', [])).toBe(true);
-});
-it('validates wrong postal code with wrong country code', function () {
-  expect(validatePostalCode('123', ['FR'])).toBe(true);
-});
-it('validates wrong postal code with greek country code', function () {
-  expect(validatePostalCode('123', ['GR'])).toBe(false);
-});
-it('validates postal code with greek country code', function () {
-  expect(validatePostalCode('11143', ['GR'])).toBe(true);
-});
-it('validates phone number type landline with greek country code', function () {
-  expect(validatePhoneNumber('2102934896', ['GR'], 'landline')).toBe(true);
-});
-it('validates phone number type landline with ch country code', function () {
-  expect(validatePhoneNumber('2102934896', ['CH'], 'landline')).toBe(false);
-});
-it('validates phone number type landline with ch  and  gr countries code', function () {
-  expect(validatePhoneNumber('2102934896', ['GR', 'CH'], 'landline')).toBe(true);
-});
-it('validatesphone number type landline with ch  and  gr countries code', function () {
-  expect(validatePhoneNumber('41446681800', ['GR', 'CH'], 'landline')).toBe(true);
-});
-it('validates phone number type landline with ch  and  gr countries code but phone number is mobile', function () {
-  expect(validatePhoneNumber('2102934896', ['GR', 'CH'], 'mobile')).toBe(false);
-});
-it('validates phone number type mobile with ch  and  gr countries code', function () {
-  expect(validatePhoneNumber('6934100982', ['GR', 'CH'], 'mobile')).toBe(true);
-});
-it('validates  phone number type mobile with gr country code', function () {
-  expect(validatePhoneNumber('6934100982', ['GR'], 'mobile')).toBe(true);
-});
-it('validates  phone number type mobile with ch country code', function () {
-  expect(validatePhoneNumber('6934100982', ['CH'], 'mobile')).toBe(false);
-});
-it('validates  phone number with no type and ch country code', function () {
-  expect(validatePhoneNumber('6934100982', ['CH'], null)).toBe(false);
-});
-it('validates  phone number with no type and gr country code', function () {
-  expect(validatePhoneNumber('6934100982', ['gr'], null)).toBe(true);
-});
-it('validates  phone number with no type and ch country code', function () {
-  expect(validatePhoneNumber('41446681800', ['CH'], null)).toBe(true);
-});
-it('validates  phone number with no type and gr country code', function () {
-  expect(validatePhoneNumber('41446681800', ['gr'], null)).toBe(false);
-});
-it('validates  phone number with no type and gr and ch countries code', function () {
-  expect(validatePhoneNumber('41446681800', ['gr', 'ch'], null)).toBe(true);
-});

package/esm/Field/FieldBase.js

@@ -1,84 +0,0 @@
-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 { Controller } from 'react-hook-form';
-import FieldBaseContainer from '@digigov/form/Field/FieldBaseContainer';
-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(FieldBaseContainer, {
-      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(FieldBaseContainer, {
-    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({}, register(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

@@ -1,62 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { useWatch } from 'react-hook-form';
-import { FieldBase } from '@digigov/form/Field/FieldBase';
-import { evaluateFieldWithConditions } from '@digigov/form/Field/utils';
-var ChildFieldMemo = /*#__PURE__*/React.memo(function ChildField(_ref) {
-  var dependencies = _ref.dependencies,
-      field = _ref.field,
-      control = _ref.control,
-      reset = _ref.reset,
-      register = _ref.register,
-      error = _ref.error;
-  var newField = evaluateFieldWithConditions(field, dependencies);
-  return /*#__PURE__*/React.createElement(FieldBase, _extends({}, newField, {
-    name: newField.key,
-    reset: reset,
-    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,
-      reset = _ref2.reset,
-      error = _ref2.error;
-  var dependencyKeys = Object.keys(field.condition);
-  var dependencyValues = useWatch({
-    name: dependencyKeys,
-    control: control
-  });
-  var variables = dependencyKeys.reduce(function (data, fieldKey, index) {
-    return _extends({}, data, _defineProperty({}, fieldKey, dependencyValues[index]));
-  }, {});
-  return /*#__PURE__*/React.createElement(ChildFieldMemo, {
-    dependencies: variables,
-    field: field,
-    control: control,
-    register: register,
-    reset: reset,
-    error: error
-  });
-};
-export default FieldConditional;

package/esm/Field/index.js

@@ -1,76 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "children"];
-import React, { useMemo } from 'react';
-import { FieldBase } from '@digigov/form/Field/FieldBase';
-import FieldConditional from '@digigov/form/Field/FieldConditional';
-import { useField, calculateField } from '@digigov/form/Field/utils';
-import FieldArray from '@digigov/form/FieldArray';
-import Multiplicity from '@digigov/form/MultiplicityField';
-export var Field = function Field(_ref) {
-  var name = _ref.name,
-      children = _ref.children,
-      customField = _objectWithoutProperties(_ref, _excluded);
-
-  var _useField = useField(name, customField !== null && customField !== void 0 && customField.type ? customField : null),
-      field = _useField.field,
-      control = _useField.control,
-      register = _useField.register,
-      reset = _useField.reset,
-      error = _useField.error,
-      componentRegistry = _useField.componentRegistry,
-      formState = _useField.formState,
-      setValue = _useField.setValue,
-      getValues = _useField.getValues,
-      unregister = _useField.unregister,
-      trigger = _useField.trigger,
-      clearErrors = _useField.clearErrors;
-
-  var calculatedField = useMemo(function () {
-    return calculateField(children, field, componentRegistry);
-  }, [field]);
-
-  if (calculatedField.condition) {
-    return /*#__PURE__*/React.createElement(FieldConditional, {
-      control: control,
-      reset: reset,
-      register: register,
-      field: calculatedField,
-      error: error
-    });
-  }
-
-  if (calculatedField.type === 'array' && !calculatedField.multiplicity) {
-    calculatedField.name = name;
-    return /*#__PURE__*/React.createElement(FieldArray, _extends({
-      control: control,
-      register: register,
-      error: error,
-      formState: formState
-    }, calculatedField));
-  }
-
-  if (calculatedField.type === 'array' && calculatedField.multiplicity === true) {
-    calculatedField.name = name;
-    return /*#__PURE__*/React.createElement(Multiplicity, _extends({
-      control: control,
-      register: register,
-      trigger: trigger,
-      clearErrors: clearErrors,
-      error: error,
-      formState: formState,
-      setValue: setValue,
-      getValues: getValues,
-      unregister: unregister
-    }, calculatedField));
-  }
-
-  return /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
-    name: name,
-    control: control,
-    register: register,
-    reset: reset,
-    error: error
-  }));
-};
-export default Field;

package/esm/Field/index.mdx

@@ -1,6 +0,0 @@
----
-title: Form
-parent: docs/form/components
----
-
-hello md

package/esm/Field/types.js

@@ -1 +0,0 @@
-export {};

package/esm/Field/utils.js

@@ -1,162 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import { lazy, useContext, useMemo } from 'react';
-import { FormContext } from '@digigov/form/FormContext';
-import Checkboxes from '@digigov/form/inputs/Checkboxes';
-import DateInput from '@digigov/form/inputs/DateInput';
-import FileInput from '@digigov/form/inputs/FileInput';
-import Input from '@digigov/form/inputs/Input';
-import OtpInput from '@digigov/form/inputs/OtpInput';
-import Radio from '@digigov/form/inputs/Radio';
-import Select from '@digigov/form/inputs/Select';
-var AutoComplete = /*#__PURE__*/lazy(function () {
-  return import('@digigov/form/inputs/AutoComplete');
-});
-var FIELD_COMPONENTS = {
-  text: {
-    component: Input
-  },
-  string: {
-    component: Input
-  },
-  file: {
-    wrapper: 'fieldset',
-    component: FileInput
-  },
-  date: {
-    wrapper: 'fieldset',
-    controlled: true,
-    component: DateInput
-  },
-  otp: {
-    wrapper: 'fieldset',
-    controlled: true,
-    component: OtpInput
-  },
-  'choice:multiple': {
-    wrapper: 'fieldset',
-    controlled: true,
-    component: Checkboxes
-  },
-  'choice:single': {
-    wrapper: 'fieldset',
-    controlled: false,
-    component: Radio
-  }
-};
-var ALTERNATIVE_COMPONENTS = {
-  Select: {
-    component: Select,
-    controlled: false
-  },
-  AutoComplete: {
-    component: AutoComplete,
-    controlled: true
-  }
-};
-export function calculateField(children, field, componentRegistry) {
-  var _field$extra;
-
-  var calculatedField = _extends({}, field);
-
-  var fieldComponentRegistry = _extends({}, FIELD_COMPONENTS, componentRegistry);
-
-  if (children) {
-    calculatedField.component = children;
-    calculatedField.controlled = true;
-  } else if (typeof field.component === 'function') {// leave as is
-  } else if (!field.component && !field.type) {
-    var _fieldComponentRegist;
-
-    calculatedField.component = fieldComponentRegistry.string.component;
-    calculatedField.controlled = ((_fieldComponentRegist = fieldComponentRegistry.string) === null || _fieldComponentRegist === void 0 ? void 0 : _fieldComponentRegist.controlled) || false;
-  } else if (typeof (field === null || field === void 0 ? void 0 : (_field$extra = field.extra) === null || _field$extra === void 0 ? void 0 : _field$extra.component) === 'string' && ALTERNATIVE_COMPONENTS[field.extra.component]) {
-    var _ALTERNATIVE_COMPONEN;
-
-    calculatedField.controlled = ((_ALTERNATIVE_COMPONEN = ALTERNATIVE_COMPONENTS[field.extra.component]) === null || _ALTERNATIVE_COMPONEN === void 0 ? void 0 : _ALTERNATIVE_COMPONEN.controlled) || false;
-    calculatedField.component = ALTERNATIVE_COMPONENTS[field.extra.component].component;
-  } else if (!field.component && field.type && fieldComponentRegistry[field.type]) {
-    var _fieldComponentRegist2;
-
-    calculatedField.component = fieldComponentRegistry[field.type].component;
-    calculatedField.wrapper = fieldComponentRegistry[field.type].wrapper;
-    calculatedField.controlled = ((_fieldComponentRegist2 = fieldComponentRegistry[field.type]) === null || _fieldComponentRegist2 === void 0 ? void 0 : _fieldComponentRegist2.controlled) || false;
-  } else {
-    var _fieldComponentRegist3;
-
-    calculatedField.component = fieldComponentRegistry.string.component;
-    calculatedField.controlled = ((_fieldComponentRegist3 = fieldComponentRegistry.string) === null || _fieldComponentRegist3 === void 0 ? void 0 : _fieldComponentRegist3.controlled) || false;
-  }
-
-  return calculatedField;
-}
-export var useField = function useField(name, customField) {
-  var _useContext = useContext(FormContext),
-      fieldsMap = _useContext.fieldsMap,
-      control = _useContext.control,
-      register = _useContext.register,
-      reset = _useContext.reset,
-      trigger = _useContext.trigger,
-      clearErrors = _useContext.clearErrors,
-      errors = _useContext.errors,
-      registerField = _useContext.registerField,
-      watch = _useContext.watch,
-      componentRegistry = _useContext.componentRegistry,
-      getFieldState = _useContext.getFieldState,
-      setValue = _useContext.setValue,
-      getValues = _useContext.getValues,
-      unregister = _useContext.unregister,
-      formState = _useContext.formState;
-
-  if (!registerField) {
-    throw new Error("\n      You can't use the Field component without wrapping it in FormBuilder.\n      https://devs.pages.grnet.gr/digigov/digigov-sdk/sdk-docs/forms/create-simple-form/\n    ");
-  }
-
-  useMemo(function () {
-    return (customField === null || customField === void 0 ? void 0 : customField.type) && registerField(_extends({}, customField, {
-      key: name
-    }));
-  }, [customField, name, registerField]);
-  return {
-    field: customField || fieldsMap[name],
-    control: control,
-    register: register,
-    reset: reset,
-    trigger: trigger,
-    watch: watch,
-    componentRegistry: componentRegistry,
-    getFieldState: getFieldState,
-    setValue: setValue,
-    clearErrors: clearErrors,
-    getValues: getValues,
-    unregister: unregister,
-    formState: formState,
-    error: errors[name]
-  };
-};
-export function evaluateFieldWithConditions(field, variables) {
-  var newField = _extends({}, field);
-
-  if (variables) {
-    for (var key in variables) {
-      if (field.condition[key] && field.condition[key].is) {
-        var is = field.condition[key].is;
-
-        if (is === variables[key] || Array.isArray(variables[key]) && variables[key].includes(is)) {
-          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;
-}

package/esm/FieldArray/FieldArray.stories.js

@@ -1,8 +0,0 @@
-import FieldArray from '@digigov/form/FieldArray';
-export default {
-  title: 'Digigov Form/FieldArray',
-  component: FieldArray,
-  displayName: 'FieldArray'
-};
-export * from '@digigov/form/FieldArray/__stories__/Default';
-export * from '@digigov/form/FieldArray/__stories__/WithExactLength';