@digigov/form 0.8.1 → 0.8.2

package/esm/Field/FieldConditional.js

@@ -7,11 +7,13 @@ 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
@@ -37,6 +39,7 @@ 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 variables = useWatch({
@@ -48,6 +51,7 @@ export var FieldConditional = function FieldConditional(_ref2) {
     field: field,
     control: control,
     register: register,
+    reset: reset,
     error: error
   });
 };

package/esm/Field/index.js

@@ -16,6 +16,7 @@ export var Field = function Field(_ref) {
       field = _useField.field,
       control = _useField.control,
       register = _useField.register,
+      reset = _useField.reset,
       error = _useField.error,
       componentRegistry = _useField.componentRegistry,
       formState = _useField.formState,
@@ -32,6 +33,7 @@ export var Field = function Field(_ref) {
   if (calculatedField.condition) {
     return /*#__PURE__*/React.createElement(FieldConditional, {
       control: control,
+      reset: reset,
       register: register,
       field: calculatedField,
       error: error
@@ -39,7 +41,6 @@ export var Field = function Field(_ref) {
   }
 
   if (calculatedField.type === 'array' && calculatedField.multiplicity) {
-    // if (error) debugger;
     calculatedField.name = name;
     return /*#__PURE__*/React.createElement(Multiplicity, _extends({
       control: control,
@@ -68,6 +69,7 @@ export var Field = function Field(_ref) {
     name: name,
     control: control,
     register: register,
+    reset: reset,
     error: error
   }));
 };

package/esm/Field/utils.js

@@ -80,6 +80,7 @@ export var useField = function useField(name, customField) {
       fieldsMap = _useContext.fieldsMap,
       control = _useContext.control,
       register = _useContext.register,
+      reset = _useContext.reset,
       trigger = _useContext.trigger,
       clearErrors = _useContext.clearErrors,
       errors = _useContext.errors,
@@ -101,6 +102,7 @@ export var useField = function useField(name, customField) {
     field: customField || fieldsMap[name],
     control: control,
     register: register,
+    reset: reset,
     trigger: trigger,
     watch: watch,
     componentRegistry: componentRegistry,

package/esm/FieldObject/index.js

@@ -12,6 +12,7 @@ export var FieldObject = function FieldObject(_ref) {
       error = _ref.error,
       control = _ref.control,
       register = _ref.register,
+      reset = _ref.reset,
       formState = _ref.formState;
 
   var _useTranslation = useTranslation(),
@@ -25,6 +26,7 @@ export var FieldObject = function FieldObject(_ref) {
       name: "".concat(name, ".").concat(field.key),
       control: control,
       register: register,
+      reset: reset,
       field: field,
       error: error && error[field.key],
       formState: formState
@@ -39,6 +41,7 @@ var FieldObjectItem = function FieldObjectItem(_ref2) {
       error = _ref2.error,
       control = _ref2.control,
       formState = _ref2.formState,
+      reset = _ref2.reset,
       register = _ref2.register;
   var calculatedField = useMemo(function () {
     return calculateField(children, field);
@@ -47,6 +50,7 @@ var FieldObjectItem = function FieldObjectItem(_ref2) {
   return /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
     name: name,
     control: control,
+    reset: reset,
     register: register,
     error: customError
   }));

package/esm/Form.stories.js

@@ -0,0 +1,4 @@
+export default {
+  title: 'Digigov Form'
+};
+export * from '@digigov/form/__stories__/IntField';

package/esm/MultiplicityField/add-objects.js

@@ -108,6 +108,7 @@ export var AddObjects = function AddObjects(_ref) {
       field = _useField.field,
       control = _useField.control,
       register = _useField.register,
+      reset = _useField.reset,
       needsMoreError = _useField.error;
 
   var calculatedField = useMemo(function () {
@@ -150,6 +151,7 @@ export var AddObjects = function AddObjects(_ref) {
     name: calculatedField.key,
     control: control,
     register: register,
+    reset: reset,
     error: (extra === null || extra === void 0 ? void 0 : extra.max) - stashedObjects.length === 0 || (extra === null || extra === void 0 ? void 0 : extra.length) - stashedObjects.length === 0 ? error : needsMoreError
   })));
 };

package/esm/__stories__/IntField.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import FormBuilder, { Field } from '@digigov/form/';
+import Button from '@digigov/ui/core/Button';
+var fields = [{
+  key: 'number_required',
+  label: {
+    primary: 'A positive number',
+    secondary: 'required'
+  },
+  required: true,
+  type: 'int'
+}, {
+  key: 'number_not_required',
+  label: {
+    primary: 'A positive number',
+    secondary: 'not required'
+  },
+  required: false,
+  type: 'int'
+}];
+var initialValues = {};
+
+var _ref = /*#__PURE__*/React.createElement(Button, {
+  type: "submit"
+}, "Submit");
+
+export var IntField = function IntField() {
+  return /*#__PURE__*/React.createElement(FormBuilder, {
+    fields: fields,
+    onSubmit: function onSubmit(data) {
+      console.log(data);
+    },
+    initial: initialValues
+  }, fields.map(function (field) {
+    return /*#__PURE__*/React.createElement(Field, {
+      key: field.key,
+      name: field.key
+    });
+  }), _ref);
+};

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v0.8.1
+/** @license Digigov v0.8.2
  *
  * 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/esm/inputs/FileInput/FileInput.stories.js

@@ -0,0 +1,6 @@
+import FileInput from '@digigov/form/inputs/FileInput';
+export default {
+  title: 'Digigov Form/inputs/FileInput',
+  component: FileInput
+};
+export * from '@digigov/form/inputs/FileInput/__stories__/Default';

package/esm/inputs/FileInput/__stories__/Default.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import FormBuilder, { Field } from '@digigov/form';
+import { Button } from '@digigov/ui/core';
+
+var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
+
+export var Default = function Default() {
+  return /*#__PURE__*/React.createElement(FormBuilder, {
+    onSubmit: function onSubmit(data) {
+      debugger;
+      console.log(data);
+    }
+  }, /*#__PURE__*/React.createElement(Field, {
+    key: 'string',
+    name: "file",
+    type: "file",
+    required: true,
+    label: {
+      primary: 'Βιογραφικό σημείωμα'
+    }
+  }), _ref);
+};
+export default Default;

package/esm/inputs/FileInput/index.js

@@ -1,21 +1,25 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "extra", "disabled", "reset"];
+var _excluded = ["name", "extra", "disabled", "reset", "onChange", "control"];
 import React, { useState } from 'react';
 import clsx from 'clsx';
 import { useTranslation } from '@digigov/ui/app/i18n';
 import Paragraph from '@digigov/ui/typography/Paragraph';
 import CoreHint from '@digigov/react-core/Hint';
 import Button from '@digigov/ui/core/Button';
+import FileUpload from '@digigov/react-core/FileUpload';
+import Field from '@digigov/react-core/Field';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export var FileInput = function FileInput(_ref) {
+export var FileInput = /*#__PURE__*/React.forwardRef(function FileInput(_ref, ref) {
   var name = _ref.name,
       _ref$extra = _ref.extra,
       extra = _ref$extra === void 0 ? {} : _ref$extra,
       disabled = _ref.disabled,
-      _ref$reset = _ref.reset,
-      reset = _ref$reset === void 0 ? true : _ref$reset,
+      reset = _ref.reset,
+      onChange = _ref.onChange,
+      control = _ref.control,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var _useTranslation = useTranslation(),
@@ -26,35 +30,35 @@ export var FileInput = function FileInput(_ref) {
       files = _useState2[0],
       setFiles = _useState2[1];
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: clsx(extra.className, files.length > 0 && files && 'govgr-uploaded-file', true && 'govgr-field-file')
-  }, files !== null && files !== void 0 && files.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement("b", null, t('upload.file'), ":"), " ", "".concat(files.join(', ')))) : /*#__PURE__*/React.createElement(CoreHint, null, t('upload.no_file')), /*#__PURE__*/React.createElement("label", {
-    tabIndex: 0,
-    role: "button",
-    className: clsx(extra.className, (!files || (files === null || files === void 0 ? void 0 : files.length) === 0) && 'govgr-btn', (!files || (files === null || files === void 0 ? void 0 : files.length) === 0) && 'govgr-btn-secondary', true && 'govgr-label-file', (files === null || files === void 0 ? void 0 : files.length) && 'govgr-link')
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    type: "file",
+  var handleChange = function handleChange(e) {
+    var target = e.target;
+    var selectedFiles = Array.from(target.files).map(function (_ref2) {
+      var name = _ref2.name;
+      return name;
+    });
+    setFiles(selectedFiles); // proceed calling the onChange provided
+    // by react-hook-form
+
+    onChange(e);
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Field, {
+    className: clsx(extra.className, files && files.length > 0 && 'govgr-uploaded-file')
+  }, files !== null && files !== void 0 && files.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement("b", null, t('upload.file'), ":"), " ", "".concat(files.join(', ')))) : /*#__PURE__*/React.createElement(CoreHint, null, t('upload.no_file')), /*#__PURE__*/React.createElement(FileUpload, _extends({
+    ref: ref,
+    hasFiles: !!(files !== null && files !== void 0 && files.length),
     name: name,
     disabled: disabled,
-    style: {
-      display: 'none'
-    },
-    className: "govgr-file-upload",
-    onChange: function onChange(e) {
-      var target = e.target;
-      var selectedFiles = Array.from(target.files).map(function (_ref2) {
-        var name = _ref2.name;
-        return name;
-      });
-      setFiles(selectedFiles);
-    }
+    onChange: handleChange
   }, _extends({}, props, {
     required: undefined
-  }))), files !== null && files !== void 0 && files.length ? t('upload.change_file') : t('upload.choose_file')), reset && files !== undefined && files.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+  })), files !== null && files !== void 0 && files.length ? t('upload.change_file') : t('upload.choose_file')), files !== undefined && files.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     variant: "link",
-    onClick: function onClick() {
+    onClick: function onClick(event) {
+      event.preventDefault();
+      reset(_defineProperty({}, name, ''));
       setFiles(undefined);
     }
   }, t('upload.reset_file')))));
-};
+});
 export default FileInput;

package/esm/inputs/Input/index.js

@@ -6,7 +6,7 @@ import TextInput from '@digigov/react-core/TextInput';
 import TextArea from '@digigov/react-core/TextArea';
 var TYPES_MAP = {
   string: 'text',
-  "int": 'number',
+  "int": 'text',
   text: 'text',
   date: 'date'
 };

package/esm/validators/index.js

@@ -4,6 +4,8 @@ import { useMemo } from 'react';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 import { getYupObjectShape, AFM_VALIDATOR, FILE_MAX_SIZE_VALIDATOR, IBAN_VALIDATOR, MOBILE_PHONE_VALIDATOR, PHONE_NUMBER_VALIDATOR, POSTALCODE_VALIDATOR, UUID4_VALIDATOR } from '@digigov/form/validators/utils';
+import { NUMBER_VALIDATOR } from '@digigov/form/validators/utils/number';
+import { INT_VALIDATOR } from '@digigov/form/validators/utils/int';
 dayjs.extend(customParseFormat);
 var VALID_DATE_FORMATS = ['DD/MM/YYYY'];
 var DATE_CACHE = {};
@@ -52,7 +54,7 @@ export var getYUPTypeMap = function getYUPTypeMap() {
             max: field.extra.max
           }
         });
-        return arrayValidator; // .required(field.required)
+        return arrayValidator;
       } else if (typeof field.extra.of === 'string') {
         return yup.array().of(yupTypeMap[field.extra.of]());
       } else {
@@ -61,7 +63,9 @@ export var getYUPTypeMap = function getYUPTypeMap() {
       }
     },
     "int": function int() {
-      return yup.number().typeError('form.error.number').positive('form.error.positive_number');
+      return yup.mixed().transform(function (_, val) {
+        return val !== '' ? Number(val) : null;
+      }).test(NUMBER_VALIDATOR()).test(INT_VALIDATOR());
     },
     email: function email() {
       return yup.string().email('form.error.email');

package/esm/validators/utils/int.js

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

package/esm/validators/utils/number.js

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

package/inputs/FileInput/FileInput.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _FileInput = _interopRequireDefault(require("@digigov/form/inputs/FileInput"));
+
+var _Default = require("@digigov/form/inputs/FileInput/__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov Form/inputs/FileInput',
+  component: _FileInput["default"]
+};
+exports["default"] = _default;

package/inputs/FileInput/__stories__/Default.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _form = _interopRequireWildcard(require("@digigov/form"));
+
+var _core = require("@digigov/ui/core");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
+
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+    onSubmit: function onSubmit(data) {
+      debugger;
+      console.log(data);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_form.Field, {
+    key: 'string',
+    name: "file",
+    type: "file",
+    required: true,
+    label: {
+      primary: 'Βιογραφικό σημείωμα'
+    }
+  }), _ref);
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/inputs/FileInput/index.js

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.FileInput = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -27,20 +29,25 @@ var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
 
 var _Button = _interopRequireDefault(require("@digigov/ui/core/Button"));
 
-var _excluded = ["name", "extra", "disabled", "reset"];
+var _FileUpload = _interopRequireDefault(require("@digigov/react-core/FileUpload"));
+
+var _Field = _interopRequireDefault(require("@digigov/react-core/Field"));
+
+var _excluded = ["name", "extra", "disabled", "reset", "onChange", "control"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-var FileInput = function FileInput(_ref) {
+var FileInput = /*#__PURE__*/_react["default"].forwardRef(function FileInput(_ref, ref) {
   var name = _ref.name,
       _ref$extra = _ref.extra,
       extra = _ref$extra === void 0 ? {} : _ref$extra,
       disabled = _ref.disabled,
-      _ref$reset = _ref.reset,
-      reset = _ref$reset === void 0 ? true : _ref$reset,
+      reset = _ref.reset,
+      onChange = _ref.onChange,
+      control = _ref.control,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
 
   var _useTranslation = (0, _i18n.useTranslation)(),
@@ -51,37 +58,37 @@ var FileInput = function FileInput(_ref) {
       files = _useState2[0],
       setFiles = _useState2[1];
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _clsx["default"])(extra.className, files.length > 0 && files && 'govgr-uploaded-file', true && 'govgr-field-file')
-  }, files !== null && files !== void 0 && files.length ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, /*#__PURE__*/_react["default"].createElement("b", null, t('upload.file'), ":"), " ", "".concat(files.join(', ')))) : /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, t('upload.no_file')), /*#__PURE__*/_react["default"].createElement("label", {
-    tabIndex: 0,
-    role: "button",
-    className: (0, _clsx["default"])(extra.className, (!files || (files === null || files === void 0 ? void 0 : files.length) === 0) && 'govgr-btn', (!files || (files === null || files === void 0 ? void 0 : files.length) === 0) && 'govgr-btn-secondary', true && 'govgr-label-file', (files === null || files === void 0 ? void 0 : files.length) && 'govgr-link')
-  }, /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({
-    type: "file",
+  var handleChange = function handleChange(e) {
+    var target = e.target;
+    var selectedFiles = Array.from(target.files).map(function (_ref2) {
+      var name = _ref2.name;
+      return name;
+    });
+    setFiles(selectedFiles); // proceed calling the onChange provided
+    // by react-hook-form
+
+    onChange(e);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+    className: (0, _clsx["default"])(extra.className, files && files.length > 0 && 'govgr-uploaded-file')
+  }, files !== null && files !== void 0 && files.length ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, /*#__PURE__*/_react["default"].createElement("b", null, t('upload.file'), ":"), " ", "".concat(files.join(', ')))) : /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, t('upload.no_file')), /*#__PURE__*/_react["default"].createElement(_FileUpload["default"], (0, _extends2["default"])({
+    ref: ref,
+    hasFiles: !!(files !== null && files !== void 0 && files.length),
     name: name,
     disabled: disabled,
-    style: {
-      display: 'none'
-    },
-    className: "govgr-file-upload",
-    onChange: function onChange(e) {
-      var target = e.target;
-      var selectedFiles = Array.from(target.files).map(function (_ref2) {
-        var name = _ref2.name;
-        return name;
-      });
-      setFiles(selectedFiles);
-    }
+    onChange: handleChange
   }, (0, _extends2["default"])({}, props, {
     required: undefined
-  }))), files !== null && files !== void 0 && files.length ? t('upload.change_file') : t('upload.choose_file')), reset && files !== undefined && files.length > 0 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+  })), files !== null && files !== void 0 && files.length ? t('upload.change_file') : t('upload.choose_file')), files !== undefined && files.length > 0 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     variant: "link",
-    onClick: function onClick() {
+    onClick: function onClick(event) {
+      event.preventDefault();
+      reset((0, _defineProperty2["default"])({}, name, ''));
       setFiles(undefined);
     }
   }, t('upload.reset_file')))));
-};
+});
 
 exports.FileInput = FileInput;
 var _default = FileInput;

package/inputs/Input/index.js

@@ -20,7 +20,7 @@ var _TextArea = _interopRequireDefault(require("@digigov/react-core/TextArea"));
 var _excluded = ["name", "type", "extra"];
 var TYPES_MAP = {
   string: 'text',
-  "int": 'number',
+  "int": 'text',
   text: 'text',
   date: 'date'
 };

package/libs/form/src/Field/types.d.ts

@@ -12,6 +12,7 @@ export interface FieldConditionalProps {
     field: FieldWithCondition;
     control: UseFormReturn['control'];
     register: UseFormReturn['register'];
+    reset: UseFormReturn['reset'];
     error?: ErrorOption;
 }
 export declare type FieldComponentItem = {
@@ -61,6 +62,7 @@ export interface CalculatedField extends OmittedFieldSpec {
 export interface FieldBaseProps extends CalculatedField {
     control: UseFormReturn['control'];
     register: UseFormReturn['register'];
+    reset: UseFormReturn['reset'];
 }
 export interface FieldProps extends FieldSpec {
     name: string;
@@ -70,6 +72,7 @@ export interface UseFieldProps {
     field: FieldSpec;
     control: FieldBaseProps['control'];
     register: FieldBaseProps['register'];
+    reset: FieldBaseProps['reset'];
     watch: UseFormReturn['watch'];
     formState: UseFormReturn['formState'];
     getFieldState: UseFormReturn['getFieldState'];

package/libs/form/src/FieldObject/index.d.ts

@@ -5,6 +5,7 @@ import { FieldSpec } from '@digigov/form/types';
 export interface FieldObjectProps extends Omit<FieldProps, 'key'> {
     control: UseFormReturn['control'];
     register: UseFormReturn['register'];
+    reset: UseFormReturn['reset'];
     formState: UseFormReturn['formState'];
     error?: ErrorOption;
 }
@@ -14,6 +15,7 @@ export interface FieldObjectItemProps {
     field: FieldSpec;
     control: UseFormReturn['control'];
     register: UseFormReturn['register'];
+    reset: UseFormReturn['reset'];
     formState: UseFormReturn['formState'];
     error?: ErrorOption;
 }

package/libs/form/src/Form.stories.d.ts

@@ -0,0 +1,5 @@
+declare namespace _default {
+    const title: string;
+}
+export default _default;
+export * from "@digigov/form/__stories__/IntField";

package/libs/form/src/__stories__/IntField.d.ts

@@ -0,0 +1 @@
+export declare const IntField: () => JSX.Element;

package/libs/form/src/inputs/FileInput/FileInput.stories.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export const title: string;
+    export { FileInput as component };
+}
+export default _default;
+export * from "@digigov/form/inputs/FileInput/__stories__/Default";
+import FileInput from "@digigov/form/inputs/FileInput";

package/libs/form/src/inputs/FileInput/__stories__/Default.d.ts

@@ -0,0 +1,2 @@
+export declare const Default: () => JSX.Element;
+export default Default;

package/libs/form/src/inputs/FileInput/index.d.ts

@@ -4,7 +4,6 @@ export interface FileInputProps extends Omit<UncontrolledFieldProps, 'extra'> {
     extra?: {
         className?: string;
         multiple?: boolean;
-        reset?: boolean;
         accept?: string;
         maxSize?: number;
     };

package/libs/form/src/validators/utils/int.d.ts

@@ -0,0 +1,3 @@
+import { ValidatorSchema } from '@digigov/form/validators/types';
+export declare function validateIntNumber(number: number): boolean;
+export declare const INT_VALIDATOR: () => ValidatorSchema;