npm - @digigov/form - Versions diffs - 0.10.14 → 0.10.16 - Mend

@digigov/form 0.10.14 → 0.10.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,6 +1,21 @@
 # Change Log - @digigov/form
-This log was last generated on Wed, 22 Feb 2023 15:41:06 GMT and should not be manually modified.
+This log was last generated on Mon, 03 Apr 2023 11:13:15 GMT and should not be manually modified.
+## 0.10.16
+Mon, 03 Apr 2023 11:13:15 GMT
+### Patches
+- change date value for nullable input
+- add nullable in yup validator for conditionable fields
+## 0.10.15
+Mon, 13 Mar 2023 10:21:39 GMT
+### Patches
+- Add yup nullable to string validator
 ## 0.10.13
 Wed, 22 Feb 2023 15:41:06 GMT

package/FieldArray/__stories__/Default.js CHANGED Viewed

@@ -97,7 +97,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, null, "\u0
 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, (0, _extends2["default"])({

package/FieldArray/__stories__/WithExactLength.js CHANGED Viewed

@@ -97,7 +97,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, null, "\u0
 var WithExactLength = function WithExactLength() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({

package/FormBuilder/__stories__/Default.js CHANGED Viewed

@@ -19,6 +19,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 initialValues = {
+  'business-title': null
+};
 var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
   type: "submit"
 }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
@@ -26,9 +30,9 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 var Default = function Default() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
-    }
+    },
+    initial: initialValues
   }, /*#__PURE__*/_react["default"].createElement(_form.Field, {
     key: "business-title",
     name: "business-title",

package/MultiplicityField/__stories__/Default.js CHANGED Viewed

@@ -104,7 +104,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 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, (0, _extends2["default"])({

package/MultiplicityField/__stories__/WithExactLength.js CHANGED Viewed

@@ -99,7 +99,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 var WithExactLength = function WithExactLength() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({

package/MultiplicityField/__stories__/WithMaxLength.js CHANGED Viewed

@@ -102,7 +102,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 var WithMaxLength = function WithMaxLength() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({

package/MultiplicityField/__stories__/WithMinAndMaxLength.js CHANGED Viewed

@@ -103,7 +103,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 var WithMinAndMaxLength = function WithMinAndMaxLength() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({

package/MultiplicityField/__stories__/WithMinLength.js CHANGED Viewed

@@ -102,7 +102,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 var WithMinLength = function WithMinLength() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({

package/es/FieldArray/__stories__/Default.js CHANGED Viewed

@@ -78,7 +78,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u0
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/es/FieldArray/__stories__/WithExactLength.js CHANGED Viewed

@@ -78,7 +78,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u0
 export var WithExactLength = function WithExactLength() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/es/FormBuilder/__stories__/Default.js CHANGED Viewed

@@ -1,6 +1,9 @@
 import React from 'react';
 import FormBuilder, { Field } from '@digigov/form';
 import { Button } from '@digigov/ui/core';
+var initialValues = {
+  'business-title': null
+};
 var _ref = /*#__PURE__*/React.createElement(Button, {
   type: "submit"
@@ -9,9 +12,9 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
-    }
+    },
+    initial: initialValues
   }, /*#__PURE__*/React.createElement(Field, {
     key: "business-title",
     name: "business-title",

package/es/MultiplicityField/__stories__/Default.js CHANGED Viewed

@@ -85,7 +85,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/es/MultiplicityField/__stories__/WithExactLength.js CHANGED Viewed

@@ -80,7 +80,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var WithExactLength = function WithExactLength() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/es/MultiplicityField/__stories__/WithMaxLength.js CHANGED Viewed

@@ -83,7 +83,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var WithMaxLength = function WithMaxLength() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/es/MultiplicityField/__stories__/WithMinAndMaxLength.js CHANGED Viewed

@@ -84,7 +84,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var WithMinAndMaxLength = function WithMinAndMaxLength() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/es/MultiplicityField/__stories__/WithMinLength.js CHANGED Viewed

@@ -83,7 +83,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var WithMinLength = function WithMinLength() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/es/inputs/Checkboxes/__stories__/Default.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/es/inputs/DateInput/__stories__/Default.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/es/inputs/DateInput/index.js CHANGED Viewed

@@ -12,7 +12,8 @@ dayjs.extend(customParseFormat);
 function useDate(value, onChange) {
   var _useMemo = useMemo(function () {
-    if (!value || value.length === '') {
+    if (!value || value.length === 0) {
+      onChange('');
       return ['', '', ''];
     }

package/es/inputs/FileInput/__stories__/Default.js CHANGED Viewed

@@ -7,7 +7,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u0
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/es/inputs/Input/__stories__/AFM.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var AFM = function AFM() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/es/inputs/Input/__stories__/Boolean.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Boolean = function Boolean() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/es/inputs/Input/__stories__/Default.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/es/inputs/Input/__stories__/IBAN.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var IBAN = function IBAN() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/es/inputs/Input/__stories__/Integer.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Integer = function Integer() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/es/inputs/Input/__stories__/MobilePhone.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var MobilePhone = function MobilePhone() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/es/inputs/Input/__stories__/PhoneNumber.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var PhoneNumber = function PhoneNumber() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/es/inputs/Input/__stories__/PostalCode.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var PostalCode = function PostalCode() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/es/inputs/Label/__stories__/Default.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Label, {

package/es/inputs/Radio/__stories__/Default.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/es/inputs/Select/__stories__/Default.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/es/validators/utils/index.js CHANGED Viewed

@@ -24,9 +24,9 @@ export function computeShape(fields, yupTypeMap, validatorRegistry) {
           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;
+            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.required('form.error.required');
+            then = yupField.nullable().required('form.error.required');
           }
         }
@@ -34,9 +34,9 @@ export function computeShape(fields, yupTypeMap, validatorRegistry) {
           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;
+            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.required('form.error.required');
+            otherwise = yupField.nullable().required('form.error.required');
           }
         }
@@ -49,7 +49,7 @@ export function computeShape(fields, yupTypeMap, validatorRegistry) {
         }
       }
     } else if (field.required) {
-      yupField = yupField.required('form.error.required');
+      yupField = yupField.nullable().required('form.error.required');
     }
     if (validatorRegistry && field.type && validatorRegistry[field.type]) {

package/esm/FieldArray/__stories__/Default.js CHANGED Viewed

@@ -78,7 +78,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u0
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/esm/FieldArray/__stories__/WithExactLength.js CHANGED Viewed

@@ -78,7 +78,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u0
 export var WithExactLength = function WithExactLength() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/esm/FormBuilder/__stories__/Default.js CHANGED Viewed

@@ -1,6 +1,9 @@
 import React from 'react';
 import FormBuilder, { Field } from '@digigov/form';
 import { Button } from '@digigov/ui/core';
+var initialValues = {
+  'business-title': null
+};
 var _ref = /*#__PURE__*/React.createElement(Button, {
   type: "submit"
@@ -9,9 +12,9 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
-    }
+    },
+    initial: initialValues
   }, /*#__PURE__*/React.createElement(Field, {
     key: "business-title",
     name: "business-title",

package/esm/MultiplicityField/__stories__/Default.js CHANGED Viewed

@@ -85,7 +85,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/esm/MultiplicityField/__stories__/WithExactLength.js CHANGED Viewed

@@ -80,7 +80,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var WithExactLength = function WithExactLength() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/esm/MultiplicityField/__stories__/WithMaxLength.js CHANGED Viewed

@@ -83,7 +83,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var WithMaxLength = function WithMaxLength() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/esm/MultiplicityField/__stories__/WithMinAndMaxLength.js CHANGED Viewed

@@ -84,7 +84,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var WithMinAndMaxLength = function WithMinAndMaxLength() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/esm/MultiplicityField/__stories__/WithMinLength.js CHANGED Viewed

@@ -83,7 +83,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var WithMinLength = function WithMinLength() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, _extends({

package/esm/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license Digigov v0.10.14
+/** @license Digigov v0.10.16
  *
  * 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/Checkboxes/__stories__/Default.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/esm/inputs/DateInput/__stories__/Default.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/esm/inputs/DateInput/index.js CHANGED Viewed

@@ -12,7 +12,8 @@ dayjs.extend(customParseFormat);
 function useDate(value, onChange) {
   var _useMemo = useMemo(function () {
-    if (!value || value.length === '') {
+    if (!value || value.length === 0) {
+      onChange('');
       return ['', '', ''];
     }

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

@@ -7,7 +7,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u0
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/esm/inputs/Input/__stories__/AFM.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var AFM = function AFM() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/esm/inputs/Input/__stories__/Boolean.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Boolean = function Boolean() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/esm/inputs/Input/__stories__/Default.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/esm/inputs/Input/__stories__/IBAN.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var IBAN = function IBAN() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/esm/inputs/Input/__stories__/Integer.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Integer = function Integer() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/esm/inputs/Input/__stories__/MobilePhone.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var MobilePhone = function MobilePhone() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/esm/inputs/Input/__stories__/PhoneNumber.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var PhoneNumber = function PhoneNumber() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/esm/inputs/Input/__stories__/PostalCode.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var PostalCode = function PostalCode() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/esm/inputs/Label/__stories__/Default.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Label, {

package/esm/inputs/Radio/__stories__/Default.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/esm/inputs/Select/__stories__/Default.js CHANGED Viewed

@@ -9,7 +9,6 @@ var _ref = /*#__PURE__*/React.createElement(Button, {
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/React.createElement(Field, {

package/esm/validators/utils/index.js CHANGED Viewed

@@ -24,9 +24,9 @@ export function computeShape(fields, yupTypeMap, validatorRegistry) {
           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;
+            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.required('form.error.required');
+            then = yupField.nullable().required('form.error.required');
           }
         }
@@ -34,9 +34,9 @@ export function computeShape(fields, yupTypeMap, validatorRegistry) {
           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;
+            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.required('form.error.required');
+            otherwise = yupField.nullable().required('form.error.required');
           }
         }
@@ -49,7 +49,7 @@ export function computeShape(fields, yupTypeMap, validatorRegistry) {
         }
       }
     } else if (field.required) {
-      yupField = yupField.required('form.error.required');
+      yupField = yupField.nullable().required('form.error.required');
     }
     if (validatorRegistry && field.type && validatorRegistry[field.type]) {

package/inputs/Checkboxes/__stories__/Default.js CHANGED Viewed

@@ -26,7 +26,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 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, {

package/inputs/DateInput/__stories__/Default.js CHANGED Viewed

@@ -26,7 +26,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 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, {

package/inputs/DateInput/index.js CHANGED Viewed

@@ -36,7 +36,8 @@ _dayjs["default"].extend(_customParseFormat["default"]);
 function useDate(value, onChange) {
   var _useMemo = (0, _react.useMemo)(function () {
-    if (!value || value.length === '') {
+    if (!value || value.length === 0) {
+      onChange('');
       return ['', '', ''];
     }

package/inputs/FileInput/__stories__/Default.js CHANGED Viewed

@@ -24,7 +24,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, null, "\u0
 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, {

package/inputs/Input/__stories__/AFM.js CHANGED Viewed

@@ -26,7 +26,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 var AFM = function AFM() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/_react["default"].createElement(_form.Field, {

package/inputs/Input/__stories__/Boolean.js CHANGED Viewed

@@ -26,7 +26,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 var Boolean = function Boolean() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/_react["default"].createElement(_form.Field, {

package/inputs/Input/__stories__/Default.js CHANGED Viewed

@@ -26,7 +26,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 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, {

package/inputs/Input/__stories__/IBAN.js CHANGED Viewed

@@ -26,7 +26,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 var IBAN = function IBAN() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/_react["default"].createElement(_form.Field, {

package/inputs/Input/__stories__/Integer.js CHANGED Viewed

@@ -26,7 +26,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 var Integer = function Integer() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/_react["default"].createElement(_form.Field, {

package/inputs/Input/__stories__/MobilePhone.js CHANGED Viewed

@@ -26,7 +26,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 var MobilePhone = function MobilePhone() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/_react["default"].createElement(_form.Field, {

package/inputs/Input/__stories__/PhoneNumber.js CHANGED Viewed

@@ -26,7 +26,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 var PhoneNumber = function PhoneNumber() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/_react["default"].createElement(_form.Field, {

package/inputs/Input/__stories__/PostalCode.js CHANGED Viewed

@@ -26,7 +26,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 var PostalCode = function PostalCode() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/_react["default"].createElement(_form.Field, {

package/inputs/Label/__stories__/Default.js CHANGED Viewed

@@ -26,7 +26,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 var Default = function Default() {
   return /*#__PURE__*/_react["default"].createElement(_form["default"], {
     onSubmit: function onSubmit(data) {
-      debugger;
       console.log(data);
     }
   }, /*#__PURE__*/_react["default"].createElement(_form.Label, {

package/inputs/Radio/__stories__/Default.js CHANGED Viewed

@@ -26,7 +26,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 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, {

package/inputs/Select/__stories__/Default.js CHANGED Viewed

@@ -26,7 +26,6 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_core.Button, {
 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, {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/form",
-  "version": "0.10.14",
+  "version": "0.10.16",
   "description": "@digigov form builder",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -19,9 +19,9 @@
     "publint": "0.1.8"
   },
   "peerDependencies": {
-    "@digigov/ui": "0.30.2",
-    "@digigov/react-core": "0.21.0",
-    "@digigov/react-extensions": "0.20.6",
+    "@digigov/ui": "0.31.0",
+    "@digigov/react-core": "0.22.0",
+    "@digigov/react-extensions": "0.21.0",
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"

package/src/FieldArray/__stories__/Default.tsx CHANGED Viewed

@@ -83,7 +83,6 @@ const fields = [
 export const Default = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/FieldArray/__stories__/WithExactLength.tsx CHANGED Viewed

@@ -83,7 +83,6 @@ const fields = [
 export const WithExactLength = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/FormBuilder/__stories__/Default.tsx CHANGED Viewed

@@ -2,12 +2,16 @@ import React from 'react';
 import FormBuilder, { Field } from '@digigov/form';
 import { Button } from '@digigov/ui/core';
+const initialValues = {
+  'business-title': null,
+};
 export const Default = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
+    initial={initialValues}
   >
     <Field
       key="business-title"

package/src/MultiplicityField/__stories__/Default.tsx CHANGED Viewed

@@ -88,7 +88,6 @@ const fields = [
 export const Default = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/MultiplicityField/__stories__/WithExactLength.tsx CHANGED Viewed

@@ -87,7 +87,6 @@ const fields = [
 export const WithExactLength = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/MultiplicityField/__stories__/WithMaxLength.tsx CHANGED Viewed

@@ -90,7 +90,6 @@ const fields = [
 export const WithMaxLength = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/MultiplicityField/__stories__/WithMinAndMaxLength.tsx CHANGED Viewed

@@ -91,7 +91,6 @@ const fields = [
 export const WithMinAndMaxLength = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/MultiplicityField/__stories__/WithMinLength.tsx CHANGED Viewed

@@ -90,7 +90,6 @@ const fields = [
 export const WithMinLength = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/Checkboxes/__stories__/Default.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const Default = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/DateInput/__stories__/Default.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const Default = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/DateInput/index.tsx CHANGED Viewed

@@ -16,7 +16,8 @@ export interface DateInputProps extends Omit<UncontrolledFieldProps, 'extra'> {
 function useDate(value, onChange) {
   const [year, month, day] = useMemo(() => {
-    if (!value || value.length === '') {
+    if (!value || value.length === 0) {
+      onChange('');
       return ['', '', ''];
     }
     const [day, month, year] = value.split('/');

package/src/inputs/FileInput/__stories__/Default.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const Default = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/Input/__stories__/AFM.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const AFM = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/Input/__stories__/Boolean.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const Boolean = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/Input/__stories__/Default.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const Default = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/Input/__stories__/IBAN.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const IBAN = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/Input/__stories__/Integer.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const Integer = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/Input/__stories__/MobilePhone.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const MobilePhone = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/Input/__stories__/PhoneNumber.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const PhoneNumber = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/Input/__stories__/PostalCode.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const PostalCode = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/Label/__stories__/Default.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const Default = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/Radio/__stories__/Default.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const Default = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/inputs/Select/__stories__/Default.tsx CHANGED Viewed

@@ -5,7 +5,6 @@ import { Button } from '@digigov/ui/core';
 export const Default = () => (
   <FormBuilder
     onSubmit={(data) => {
-      debugger;
       console.log(data);
     }}
   >

package/src/validators/utils/index.ts CHANGED Viewed

@@ -27,16 +27,16 @@ export function computeShape(
         let then: any, otherwise: any;
         if (field.condition[key].then) {
           if (field.condition[key].then?.required === false) {
-            then = yupField;
+            then = yupField.nullable();
           } else if (field.condition[key].then?.required === true) {
-            then = yupField.required('form.error.required');
+            then = yupField.nullable().required('form.error.required');
           }
         }
         if (field.condition[key].else) {
           if (field.condition[key].else?.required === false) {
-            otherwise = yupField;
+            otherwise = yupField.nullable();
           } else if (field.condition[key].else?.required === true) {
-            otherwise = yupField.required('form.error.required');
+            otherwise = yupField.nullable().required('form.error.required');
           }
         }
         if (then || otherwise) {
@@ -48,7 +48,7 @@ export function computeShape(
         }
       }
     } else if (field.required) {
-      yupField = yupField.required('form.error.required');
+      yupField = yupField.nullable().required('form.error.required');
     }
     if (validatorRegistry && field.type && validatorRegistry[field.type]) {
       validatorRegistry[field.type].forEach((validator: any) => {

package/validators/utils/index.js CHANGED Viewed

@@ -124,9 +124,9 @@ function computeShape(fields, yupTypeMap, validatorRegistry) {
           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;
+            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.required('form.error.required');
+            then = yupField.nullable().required('form.error.required');
           }
         }
@@ -134,9 +134,9 @@ function computeShape(fields, yupTypeMap, validatorRegistry) {
           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;
+            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.required('form.error.required');
+            otherwise = yupField.nullable().required('form.error.required');
           }
         }
@@ -149,7 +149,7 @@ function computeShape(fields, yupTypeMap, validatorRegistry) {
         }
       }
     } else if (field.required) {
-      yupField = yupField.required('form.error.required');
+      yupField = yupField.nullable().required('form.error.required');
     }
     if (validatorRegistry && field.type && validatorRegistry[field.type]) {