@maif/react-forms 1.0.38 → 1.0.39

package/lib/esm/index.js

@@ -219,9 +219,9 @@ var _oneOf = function oneOf(arrayOfValues) {
 var _blacklist = function blacklist(arrayOfValues) {
   var message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "This value can't include the following values ".concat(arrayOfValues.join(', '));
   return function (r) {
-    return r.test('blacklist' + Date.now(), message, function (value) {
+    return r.test('blacklist', message, function (value) {
       return !arrayOfValues.some(function (f) {
-        return value.includes(f);
+        return (value || '').includes(f);
       });
     });
   };
@@ -642,6 +642,9 @@ var style = (_style = {
   d_none: {
     display: "none"
   },
+  flexWrap: {
+    flexWrap: 'wrap'
+  },
   flex: {
     display: "flex"
   },
@@ -1068,7 +1071,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function (props, _) {
         display: 'flex'
       }
     }, values.map(function (v, idx) {
-      var active = props.isMulti ? value.includes(v) : v.value === value.value;
+      var active = !!value && (props.isMulti ? value.includes(v) : v.value === value.value);
       return /*#__PURE__*/React.createElement("button", {
         key: idx,
         type: "button",
@@ -28728,7 +28731,7 @@ var MarkdownInput = function MarkdownInput(props) {
       return setPreview(true);
     }
   }, "Preview"))), /*#__PURE__*/React.createElement("div", {
-    className: classNames(classes.flex)
+    className: classNames(classes.flex, classes.flexWrap)
   }, injectButtons())), !preview && /*#__PURE__*/React.createElement(CodeInput, _extends({}, props, {
     setRef: function setRef(e) {
       return ref.current = e;
@@ -28958,9 +28961,9 @@ var ControlledInput = function ControlledInput(_ref) {
         } else {
           return e;
         }
-      }(); // field.onChange(!e ? null : e.target ? e.target.value || null : e)
-
+      }();
 
+      console.log(entry, value, getValues());
       field.onChange(value);
       option(step.onChange).map(function (onChange) {
         return onChange({
@@ -29087,7 +29090,7 @@ var defaultVal = function defaultVal(value, array, defaultValue) {
 };
 
 var getDefaultValues = function getDefaultValues(flow, schema, value) {
-  return flow.reduce(function (acc, key) {
+  return (flow || []).reduce(function (acc, key) {
     if (_typeof$1(key) === 'object') {
       return _objectSpread2$1(_objectSpread2$1({}, acc), getDefaultValues(key.flow, schema, value));
     }
@@ -29633,7 +29636,6 @@ var Step = function Step(_ref9) {
               isMulti: step.isMulti,
               createOption: step.createOption,
               transformer: step.transformer,
-              optionsFrom: step.optionsFrom,
               buttons: step.format === format.buttonsSelect
             }));
           }
@@ -29665,7 +29667,6 @@ var Step = function Step(_ref9) {
             createOption: step.createOption,
             onCreateOption: step.onCreateOption,
             transformer: step.transformer,
-            optionsFrom: step.optionsFrom,
             buttons: step.format === format.buttonsSelect
           }));
 
@@ -29705,7 +29706,6 @@ var Step = function Step(_ref9) {
             createOption: step.createOption,
             onCreateOption: step.onCreateOption,
             transformer: step.transformer,
-            optionsFrom: step.optionsFrom,
             buttons: step.format === format.buttonsSelect
           }));
 
@@ -29935,10 +29935,11 @@ var ArrayStep = function ArrayStep(_ref12) {
     type: "button",
     className: classNames(classes.btn, classes.btn_blue, classes.btn_sm, classes.mt_5, _defineProperty$1({}, classes.input__invalid, errorDisplayed)),
     onClick: function onClick() {
+      var newValue = cleanInputArray({}, getValues(entry), step.flow, step.schema);
       append({
-        value: step.addableDefaultValue || defaultVal(null)
-      });
-      trigger(entry);
+        value: step.addableDefaultValue || (newValue ? newValue : defaultVal())
+      }); // trigger(entry);
+
       option(step.onChange).map(function (onChange) {
         return onChange({
           rawValues: getValues(),

package/lib/index.js

@@ -253,9 +253,9 @@ var _oneOf = function oneOf(arrayOfValues) {
 var _blacklist = function blacklist(arrayOfValues) {
   var message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "This value can't include the following values ".concat(arrayOfValues.join(', '));
   return function (r) {
-    return r.test('blacklist' + Date.now(), message, function (value) {
+    return r.test('blacklist', message, function (value) {
       return !arrayOfValues.some(function (f) {
-        return value.includes(f);
+        return (value || '').includes(f);
       });
     });
   };
@@ -676,6 +676,9 @@ var style = (_style = {
   d_none: {
     display: "none"
   },
+  flexWrap: {
+    flexWrap: 'wrap'
+  },
   flex: {
     display: "flex"
   },
@@ -1102,7 +1105,7 @@ var SelectInput = /*#__PURE__*/React__default["default"].forwardRef(function (pr
         display: 'flex'
       }
     }, values.map(function (v, idx) {
-      var active = props.isMulti ? value.includes(v) : v.value === value.value;
+      var active = !!value && (props.isMulti ? value.includes(v) : v.value === value.value);
       return /*#__PURE__*/React__default["default"].createElement("button", {
         key: idx,
         type: "button",
@@ -28762,7 +28765,7 @@ var MarkdownInput = function MarkdownInput(props) {
       return setPreview(true);
     }
   }, "Preview"))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](classes.flex)
+    className: classNames__default["default"](classes.flex, classes.flexWrap)
   }, injectButtons())), !preview && /*#__PURE__*/React__default["default"].createElement(CodeInput, _extends({}, props, {
     setRef: function setRef(e) {
       return ref.current = e;
@@ -28992,9 +28995,9 @@ var ControlledInput = function ControlledInput(_ref) {
         } else {
           return e;
         }
-      }(); // field.onChange(!e ? null : e.target ? e.target.value || null : e)
-
+      }();
 
+      console.log(entry, value, getValues());
       field.onChange(value);
       option(step.onChange).map(function (onChange) {
         return onChange({
@@ -29121,7 +29124,7 @@ var defaultVal = function defaultVal(value, array, defaultValue) {
 };
 
 var getDefaultValues = function getDefaultValues(flow, schema, value) {
-  return flow.reduce(function (acc, key) {
+  return (flow || []).reduce(function (acc, key) {
     if (_typeof$1(key) === 'object') {
       return _objectSpread2$1(_objectSpread2$1({}, acc), getDefaultValues(key.flow, schema, value));
     }
@@ -29667,7 +29670,6 @@ var Step = function Step(_ref9) {
               isMulti: step.isMulti,
               createOption: step.createOption,
               transformer: step.transformer,
-              optionsFrom: step.optionsFrom,
               buttons: step.format === format.buttonsSelect
             }));
           }
@@ -29699,7 +29701,6 @@ var Step = function Step(_ref9) {
             createOption: step.createOption,
             onCreateOption: step.onCreateOption,
             transformer: step.transformer,
-            optionsFrom: step.optionsFrom,
             buttons: step.format === format.buttonsSelect
           }));
 
@@ -29739,7 +29740,6 @@ var Step = function Step(_ref9) {
             createOption: step.createOption,
             onCreateOption: step.onCreateOption,
             transformer: step.transformer,
-            optionsFrom: step.optionsFrom,
             buttons: step.format === format.buttonsSelect
           }));
 
@@ -29969,10 +29969,11 @@ var ArrayStep = function ArrayStep(_ref12) {
     type: "button",
     className: classNames__default["default"](classes.btn, classes.btn_blue, classes.btn_sm, classes.mt_5, _defineProperty$1({}, classes.input__invalid, errorDisplayed)),
     onClick: function onClick() {
+      var newValue = cleanInputArray({}, getValues(entry), step.flow, step.schema);
       append({
-        value: step.addableDefaultValue || defaultVal(null)
-      });
-      trigger(entry);
+        value: step.addableDefaultValue || (newValue ? newValue : defaultVal())
+      }); // trigger(entry);
+
       option(step.onChange).map(function (onChange) {
         return onChange({
           rawValues: getValues(),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maif/react-forms",
   "description": "Build react safe forms as fast as possible",
-  "version": "1.0.38",
+  "version": "1.0.39",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",
   "types": "lib/index.js",