@digigov/form 2.0.0-rc.7 → 2.0.2

package/validators/utils/int.js

@@ -0,0 +1,13 @@
+function validateIntNumber(number) {
+    if (void 0 === number) return false;
+    return Number.isInteger(number) && Number(number) > 0;
+}
+const INT_VALIDATOR = ()=>({
+        name: 'int-validator',
+        message: 'form.error.positive_integer_number',
+        test: (value)=>{
+            if (void 0 === value) return true;
+            return validateIntNumber(value);
+        }
+    });
+export { INT_VALIDATOR, validateIntNumber };

package/validators/utils/number.d.ts

@@ -1,3 +1,3 @@
-import { ValidatorSchema } from '@digigov/form/validators/types';
+import type { ValidatorSchema } from '../types.js';
 export declare function validateNumber(number: number): boolean;
 export declare const NUMBER_VALIDATOR: () => ValidatorSchema;

package/validators/utils/number.js

@@ -0,0 +1,12 @@
+function validateNumber(number) {
+    return !Number.isNaN(number);
+}
+const NUMBER_VALIDATOR = ()=>({
+        name: 'number-validator',
+        message: 'form.error.number',
+        test: (value)=>{
+            if (void 0 === value) return true;
+            return validateNumber(value);
+        }
+    });
+export { NUMBER_VALIDATOR, validateNumber };

package/validators/utils/otp.d.ts

@@ -1,4 +1,4 @@
-import { FieldSpec } from '@digigov/form/types';
-import { ValidatorSchema } from '@digigov/form/validators/types';
+import type { FieldSpec } from '../../types.js';
+import type { ValidatorSchema } from '../types.js';
 export declare function validateOtp(value: string, maxLength: number): boolean;
 export declare const OTP_VALIDATOR: (field: FieldSpec) => ValidatorSchema;

package/validators/utils/otp.js

@@ -0,0 +1,21 @@
+function validateOtp(value, maxLength) {
+    if (value.length === maxLength) return true;
+    return false;
+}
+const OTP_VALIDATOR = (field)=>{
+    const maxLength = field?.maxLength;
+    return {
+        name: 'otp-validator',
+        message: {
+            key: 'form.error.otp.less_than',
+            context: {
+                maxLength: field?.maxLength
+            }
+        },
+        test: (value)=>{
+            if (!value) return true;
+            return validateOtp(value, maxLength);
+        }
+    };
+};
+export { OTP_VALIDATOR, validateOtp };

package/validators/utils/phone.d.ts

@@ -1,8 +1,8 @@
-import { FieldSpec } from '@digigov/form/types';
-import { ValidatorSchema } from '@digigov/form/validators/types';
+import type { FieldSpec } from '../../types.js';
+import type { ValidatorSchema } from '../types.js';
 export type PhoneNumberType = 'landline' | 'mobile' | null;
 export declare function discoverPhoneType(phoneNumber: string, config: any): string;
-export declare function validatePhoneNumber(phoneNumber: string, countries?: Array<string>, typeOfPhoneNumber?: PhoneNumberType): boolean;
+export declare function validatePhoneNumber(phoneNumber: string, countries?: string[], typeOfPhoneNumber?: PhoneNumberType): boolean;
 export declare const MOBILE_PHONE_VALIDATOR: {
     name: string;
     message: string;

package/validators/utils/phone.js

@@ -0,0 +1,198 @@
+const countryPhoneData = {
+    GR: [
+        '30',
+        '00',
+        '5005000\\d{3}|8\\d{9,11}|(?:[269]\\d|70)\\d{8}',
+        [
+            10,
+            11,
+            12
+        ],
+        [
+            [
+                '(\\d{2})(\\d{4})(\\d{4})',
+                '$1 $2 $3',
+                [
+                    '21|7'
+                ]
+            ],
+            [
+                '(\\d{4})(\\d{6})',
+                '$1 $2',
+                [
+                    '2(?:2|3[2-57-9]|4[2-469]|5[2-59]|6[2-9]|7[2-69]|8[2-49])|5'
+                ]
+            ],
+            [
+                '(\\d{3})(\\d{3})(\\d{4})',
+                '$1 $2 $3',
+                [
+                    '[2689]'
+                ]
+            ],
+            [
+                '(\\d{3})(\\d{3,4})(\\d{5})',
+                '$1 $2 $3',
+                [
+                    '8'
+                ]
+            ]
+        ],
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        [
+            [
+                '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}',
+                [
+                    10
+                ]
+            ],
+            [
+                '68[57-9]\\d{7}|(?:69|94)\\d{8}',
+                [
+                    10
+                ]
+            ],
+            [
+                '800\\d{7,9}'
+            ],
+            [
+                '90[19]\\d{7}',
+                [
+                    10
+                ]
+            ],
+            [
+                '70\\d{8}',
+                [
+                    10
+                ]
+            ],
+            0,
+            [
+                '5005000\\d{3}',
+                [
+                    10
+                ]
+            ],
+            0,
+            0,
+            [
+                '8(?:0[16]|12|[27]5|50)\\d{7}',
+                [
+                    10
+                ]
+            ]
+        ]
+    ]
+};
+function expandPhoneNumberStructure(compressed) {
+    const countries = Object.keys(compressed);
+    const expanded = {};
+    for (const country of countries)expanded[country] = {
+        fixedLine: {
+            possibleLengths: {
+                _national: compressed[country][3].map(String)
+            },
+            nationalNumberPattern: compressed[country][11][0][0]
+        },
+        mobile: {
+            nationalNumberPattern: compressed[country][11][1][0]
+        },
+        tollFree: {
+            nationalNumberPattern: compressed[country][11][2][0]
+        },
+        premiumRate: {
+            nationalNumberPattern: compressed[country][11][3][0]
+        },
+        sharedCost: {
+            nationalNumberPattern: compressed[country][11][9][0]
+        },
+        personalNumber: {
+            nationalNumberPattern: compressed[country][11][4][0]
+        },
+        uan: {
+            nationalNumberPattern: compressed[country][11][6][0]
+        },
+        id: country,
+        countryCode: compressed[country][0],
+        internationalPrefix: compressed[country][1]
+    };
+    return expanded;
+}
+const PHONENUMBER_SPEC = expandPhoneNumberStructure(countryPhoneData);
+function discoverPhoneType(phoneNumber, config) {
+    const cleanNumber = phoneNumber.replace(/\D/g, '').replace(/\s/g, '').replace(/^\+/, '').replace(new RegExp('^' + config.internationalPrefix, ''), '').replace(new RegExp('^' + config.countryCode, ''), '');
+    const categories = {
+        landline: config.fixedLine,
+        mobile: config.mobile,
+        'toll-free': config.tollFree,
+        'premium-rate': config.premiumRate
+    };
+    for (const [categoryName, categoryDetails] of Object.entries(categories)){
+        const pattern = new RegExp('^(' + categoryDetails.nationalNumberPattern.replace(/\s/g, '') + ')$', '');
+        if (cleanNumber.match(pattern)) return categoryName;
+    }
+    return 'unknown';
+}
+function getNumberType(phoneNumber, country) {
+    const spec = PHONENUMBER_SPEC[country.toUpperCase()];
+    if (!spec) throw new Error(`Country ${country} is not supported`);
+    const type = discoverPhoneType(phoneNumber, spec);
+    return type;
+}
+function isPhoneNumberValid(phoneNumber, countries, types = [
+    'mobile',
+    'landline'
+]) {
+    return countries.some((country)=>{
+        const numberType = getNumberType(phoneNumber, country);
+        if (numberType && types.includes(numberType)) return true;
+        return false;
+    });
+}
+function isNumberOfType(phoneNumber, country, type) {
+    const numberType = getNumberType(phoneNumber, country);
+    if (numberType === type) return true;
+    return false;
+}
+function validatePhoneNumber(phoneNumber, countries = [
+    'gr'
+], typeOfPhoneNumber) {
+    if (!countries || 0 === countries.length) return true;
+    return isPhoneNumberValid(phoneNumber, countries, typeOfPhoneNumber ? [
+        typeOfPhoneNumber
+    ] : void 0);
+}
+function validateMobile(value) {
+    return isNumberOfType(value, 'gr', 'mobile');
+}
+const MOBILE_PHONE_VALIDATOR = {
+    name: 'mobile-phone-validator',
+    message: 'form.error.mobile_phone',
+    test: (value)=>{
+        if (value) return validateMobile(value);
+        return true;
+    }
+};
+const PHONE_NUMBER_VALIDATOR = (field)=>{
+    const countryCodes = field?.extra?.countries;
+    const typeOfPhone = field?.extra?.phoneType;
+    return {
+        name: 'phone-number-validator',
+        message: ()=>{
+            if ('mobile' === typeOfPhone) return 'form.error.mobile_phone';
+            if ('landline' === typeOfPhone) return 'form.error.landline';
+            return 'form.error.phone_number';
+        },
+        test: (value)=>{
+            if (!value) return true;
+            return validatePhoneNumber(value, countryCodes, typeOfPhone);
+        }
+    };
+};
+export { MOBILE_PHONE_VALIDATOR, PHONE_NUMBER_VALIDATOR, discoverPhoneType, validatePhoneNumber };

package/validators/utils/postal_code.d.ts

@@ -1,4 +1,4 @@
-import { FieldSpec } from '@digigov/form/types';
-import { ValidatorSchema } from '@digigov/form/validators/types';
-export declare function validatePostalCode(number: string, countries: Array<string>): boolean;
+import type { FieldSpec } from '../../types.js';
+import type { ValidatorSchema } from '../types.js';
+export declare function validatePostalCode(number: string, countries: string[]): boolean;
 export declare const POSTALCODE_VALIDATOR: (field: FieldSpec) => ValidatorSchema;

package/validators/utils/postal_code.js

@@ -0,0 +1,18 @@
+const CODE_REGEX = /^[12345678][0-9]{4}$/;
+function validatePostalCode(number, countries) {
+    if (!countries) return false;
+    if (1 === countries.length && 'GR' === countries[0].toUpperCase()) return CODE_REGEX.test(number);
+    return true;
+}
+const POSTALCODE_VALIDATOR = (field)=>{
+    const countryCode = field?.extra?.countries;
+    return {
+        name: 'postal-code-validator',
+        message: 'form.error.postalCode',
+        test: (value)=>{
+            if (!value) return true;
+            return validatePostalCode(value, countryCode);
+        }
+    };
+};
+export { POSTALCODE_VALIDATOR, validatePostalCode };

package/validators/utils/text_limit.d.ts

@@ -1,4 +1,4 @@
-import { FieldSpec } from '@digigov/form/types';
-import { ValidatorSchema } from '@digigov/form/validators/types';
+import type { FieldSpec } from '../../types.js';
+import type { ValidatorSchema } from '../types.js';
 export declare function validateText(value: string, min: number, max: number): boolean;
 export declare const TEXT_LIMIT_VALIDATOR: (field: FieldSpec) => ValidatorSchema;

package/validators/utils/text_limit.js

@@ -0,0 +1,34 @@
+function validateText(value, min, max) {
+    let validator;
+    if (min || max) if (value.length < min || value.length > max) return false;
+    else return true;
+    return validator;
+}
+const TEXT_LIMIT_VALIDATOR = (field)=>{
+    const min = field?.extra?.limit?.min;
+    const max = field?.extra?.limit?.max;
+    return {
+        name: 'text-limit-validator',
+        message: (v)=>{
+            if (min || max) {
+                if (v.value.length < min) return {
+                    key: 'form.error.text.less_than',
+                    context: {
+                        min: field?.extra?.limit?.min
+                    }
+                };
+                if (v.value.length > max) return {
+                    key: 'form.error.text.more_than',
+                    context: {
+                        max: field?.extra?.limit?.max
+                    }
+                };
+            }
+        },
+        test: (value)=>{
+            if (!value) return true;
+            return validateText(value, min, max);
+        }
+    };
+};
+export { TEXT_LIMIT_VALIDATOR, validateText };

package/validators/utils/uuid4.js

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

package/Field/FieldBase/index.js

@@ -1,82 +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, {
-          ref: undefined,
-          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/Field/FieldBase/package.json

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

package/Field/FieldBaseContainer/index.js

@@ -1,40 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Label from '@digigov/form/inputs/Label';
-import ErrorMessage from '@digigov/react-core/ErrorMessage';
-import FieldContainer from '@digigov/react-core/FieldContainer';
-import CoreFieldset from '@digigov/react-core/Fieldset';
-import FieldsetLegend from '@digigov/react-core/FieldsetLegend';
-import Hint from '@digigov/react-core/Hint';
-import LabelContainer from '@digigov/react-core/LabelContainer';
-import { useTranslation } from '@digigov/ui/i18n';
-export var FieldBaseContainer = function FieldBaseContainer(_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(FieldContainer, _extends({
-      error: !!error
-    }, layout), /*#__PURE__*/React.createElement(CoreFieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
-      size: "sm"
-    }, 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(FieldContainer, _extends({
-      error: !!error
-    }, layout), /*#__PURE__*/React.createElement(LabelContainer, null, label && /*#__PURE__*/React.createElement(Label, {
-      label: label
-    }), error && /*#__PURE__*/React.createElement(ErrorMessage, {
-      id: "".concat(name, "-error")
-    }, t(errorMessage, errorContext)), children));
-  }
-};
-export default FieldBaseContainer;

package/Field/FieldBaseContainer/package.json

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

package/Field/FieldConditional/index.js

@@ -1,59 +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/Field/FieldConditional/package.json

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

package/Field/index.mdx

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

package/Field/package.json

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

package/Field/types/index.js

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

package/Field/types/package.json

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