@maif/react-forms 1.0.8 → 1.0.9

package/lib/form.js

@@ -83,6 +83,7 @@ var BasicWrapper = function BasicWrapper(_ref) {
       help = _ref.help,
       children = _ref.children,
       render = _ref.render;
+  var classes = (0, _styleContext.useCustomStyle)();
   var id = (0, _uuid.v4)();
 
   if (render) {
@@ -118,7 +119,7 @@ var BasicWrapper = function BasicWrapper(_ref) {
       cursor: 'help'
     }
   })))), children, error && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "invalid-feedback"
+    className: classes.invalid_feedback
   }, error.message));
 };
 
@@ -339,7 +340,10 @@ var Form = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
         collapsed: entry.collapsed,
         errored: errored
       }, entry.flow.map(function (entry, entryIdx) {
-        var step = schema[entry]; //FIXME: better key ==> entry name + idx
+        var step = schema[entry];
+        var error = entry.split('.').reduce(function (object, key) {
+          return object && object[key];
+        }, errors); //FIXME: better key ==> entry name + idx
 
         return /*#__PURE__*/_react["default"].createElement(BasicWrapper, {
           key: "collapse-".concat(idx, "-").concat(entry, "-").concat(entryIdx),
@@ -445,6 +449,25 @@ var Step = function Step(_ref4) {
       defaultValue = _ref4.defaultValue,
       index = _ref4.index;
   var classes = (0, _styleContext.useCustomStyle)();
+  var visibleStep = step && (0, _Option.option)(step.visible).map(function (visible) {
+    switch (_typeof(visible)) {
+      case 'object':
+        var value = watch(step.visible.ref);
+        return (0, _Option.option)(step.visible.test).map(function (test) {
+          return test(value);
+        }).getOrElse(value);
+
+      case 'boolean':
+        return visible;
+
+      default:
+        return true;
+    }
+  }).getOrElse(true);
+
+  if (!visibleStep) {
+    return null;
+  }
 
   if (step.array) {
     return /*#__PURE__*/_react["default"].createElement(ArrayStep, {
@@ -483,26 +506,6 @@ var Step = function Step(_ref4) {
     });
   }
 
-  var visibleStep = step && (0, _Option.option)(step.visible).map(function (visible) {
-    switch (_typeof(visible)) {
-      case 'object':
-        var value = watch(step.visible.ref);
-        return (0, _Option.option)(step.visible.test).map(function (test) {
-          return test(value);
-        }).getOrElse(value);
-
-      case 'boolean':
-        return visible;
-
-      default:
-        return true;
-    }
-  }).getOrElse(true);
-
-  if (!visibleStep) {
-    return null;
-  }
-
   switch (step.type) {
     case _type.type.string:
       switch (step.format) {
@@ -523,9 +526,7 @@ var Step = function Step(_ref4) {
           }, /*#__PURE__*/_react["default"].createElement("textarea", _extends({
             type: "text",
             id: entry,
-            className: (0, _classnames["default"])(classes.input, {
-              'is-invalid': error
-            }),
+            className: (0, _classnames["default"])(classes.input, _defineProperty({}, classes.input__invalid, error)),
             readOnly: step.disabled ? 'readOnly' : null
           }, step.props, {
             name: entry,
@@ -549,9 +550,7 @@ var Step = function Step(_ref4) {
                 }, field),
                 error: error
               }, /*#__PURE__*/_react["default"].createElement(_index.CodeInput, _extends({}, step.props, {
-                className: (0, _classnames["default"])({
-                  'is-invalid': error
-                }),
+                className: (0, _classnames["default"])(_defineProperty({}, classes.input__invalid, error)),
                 readOnly: step.disabled ? 'readOnly' : null,
                 onChange: field.onChange,
                 value: field.value,
@@ -576,9 +575,7 @@ var Step = function Step(_ref4) {
                 }, field),
                 error: error
               }, /*#__PURE__*/_react["default"].createElement(_index.MarkdownInput, _extends({}, step.props, {
-                className: (0, _classnames["default"])({
-                  'is-invalid': error
-                }),
+                className: (0, _classnames["default"])(_defineProperty({}, classes.input__invalid, error)),
                 readOnly: step.disabled ? 'readOnly' : null,
                 onChange: field.onChange,
                 value: field.value,
@@ -587,6 +584,7 @@ var Step = function Step(_ref4) {
             }
           });
 
+        case _format.format.buttonsSelect:
         case _format.format.select:
           return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
             name: entry,
@@ -603,9 +601,7 @@ var Step = function Step(_ref4) {
                 }, field),
                 error: error
               }, /*#__PURE__*/_react["default"].createElement(_index.SelectInput, _extends({}, step.props, {
-                className: (0, _classnames["default"])({
-                  'is-invalid': error
-                }),
+                className: (0, _classnames["default"])(_defineProperty({}, classes.input__invalid, error)),
                 readOnly: step.disabled ? 'readOnly' : null,
                 onChange: field.onChange,
                 value: field.value,
@@ -636,9 +632,7 @@ var Step = function Step(_ref4) {
             // {...step.props}
             type: step.format || 'text',
             id: entry,
-            className: (0, _classnames["default"])(classes.input, {
-              'is-invalid': error
-            }),
+            className: (0, _classnames["default"])(classes.input, _defineProperty({}, classes.input__invalid, error)),
             readOnly: step.disabled ? 'readOnly' : null // defaultValue={defaultValue}
             ,
             placeholder: step.placeholder
@@ -647,6 +641,7 @@ var Step = function Step(_ref4) {
 
     case _type.type.number:
       switch (step.format) {
+        case _format.format.buttonsSelect:
         case _format.format.select:
           return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
             name: entry,
@@ -663,9 +658,7 @@ var Step = function Step(_ref4) {
                 }, field),
                 error: error
               }, /*#__PURE__*/_react["default"].createElement(_index.SelectInput, _extends({}, step.props, {
-                className: (0, _classnames["default"])(classes.content, {
-                  'is-invalid': error
-                }),
+                className: (0, _classnames["default"])(classes.content, _defineProperty({}, classes.input__invalid, error)),
                 readOnly: step.disabled ? 'readOnly' : null,
                 onChange: field.onChange,
                 value: field.value,
@@ -693,9 +686,7 @@ var Step = function Step(_ref4) {
           }, /*#__PURE__*/_react["default"].createElement("input", _extends({}, step.props, {
             type: step.format || 'number',
             id: entry,
-            className: (0, _classnames["default"])(classes.input, {
-              'is-invalid': error
-            }),
+            className: (0, _classnames["default"])(classes.input, _defineProperty({}, classes.input__invalid, error)),
             readOnly: step.disabled ? 'readOnly' : null,
             name: entry,
             placeholder: step.placeholder,
@@ -719,9 +710,7 @@ var Step = function Step(_ref4) {
             }, field),
             error: error
           }, /*#__PURE__*/_react["default"].createElement(_index.BooleanInput, _extends({}, step.props, {
-            className: (0, _classnames["default"])({
-              'is-invalid': error
-            }),
+            className: (0, _classnames["default"])(_defineProperty({}, classes.input__invalid, error)),
             readOnly: step.disabled ? 'readOnly' : null,
             onChange: field.onChange,
             value: field.value
@@ -731,6 +720,7 @@ var Step = function Step(_ref4) {
 
     case _type.type.object:
       switch (step.format) {
+        case _format.format.buttonsSelect:
         case _format.format.select:
           return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
             name: entry,
@@ -748,9 +738,7 @@ var Step = function Step(_ref4) {
                 }, field),
                 error: error
               }, /*#__PURE__*/_react["default"].createElement(_index.SelectInput, _extends({}, step.props, {
-                className: (0, _classnames["default"])({
-                  'is-invalid': error
-                }),
+                className: (0, _classnames["default"])(_defineProperty({}, classes.input__invalid, error)),
                 readOnly: step.disabled ? 'readOnly' : null,
                 onChange: field.onChange,
                 value: field.value,
@@ -808,9 +796,7 @@ var Step = function Step(_ref4) {
                 }, field),
                 error: error
               }, /*#__PURE__*/_react["default"].createElement(_index.ObjectInput, _extends({}, step.props, {
-                className: (0, _classnames["default"])({
-                  'is-invalid': error
-                }),
+                className: (0, _classnames["default"])(_defineProperty({}, classes.input__invalid, error)),
                 readOnly: step.disabled ? 'readOnly' : null,
                 onChange: field.onChange,
                 value: field.value,
@@ -838,9 +824,7 @@ var Step = function Step(_ref4) {
             error: error
           }, /*#__PURE__*/_react["default"].createElement(_reactRainbowComponents.DatePicker, _extends({}, step.props, {
             id: "datePicker-1",
-            className: (0, _classnames["default"])({
-              'is-invalid': error
-            }),
+            className: (0, _classnames["default"])(_defineProperty({}, classes.input__invalid, error)),
             readOnly: step.disabled ? 'readOnly' : null,
             value: field.value,
             onChange: field.onChange,
@@ -883,9 +867,7 @@ var Step = function Step(_ref4) {
               };
 
               return /*#__PURE__*/_react["default"].createElement("div", {
-                className: (0, _classnames["default"])("d-flex flex-row justify-content-start", {
-                  'is-invalid': error
-                })
+                className: (0, _classnames["default"])("d-flex flex-row justify-content-start", _defineProperty({}, classes.input__invalid, error))
               }, /*#__PURE__*/_react["default"].createElement("input", {
                 ref: function ref(r) {
                   return setInput(r);
@@ -939,9 +921,7 @@ var Step = function Step(_ref4) {
       }, /*#__PURE__*/_react["default"].createElement("input", _extends({}, step.props, {
         type: "file",
         id: entry,
-        className: (0, _classnames["default"])(classes.input, {
-          'is-invalid': error
-        }),
+        className: (0, _classnames["default"])(classes.input, _defineProperty({}, classes.input__invalid, error)),
         readOnly: step.disabled ? 'readOnly' : null,
         name: entry,
         placeholder: step.placeholder
@@ -975,9 +955,6 @@ var ArrayStep = function ArrayStep(_ref15) {
       append = _useFieldArray.append,
       remove = _useFieldArray.remove;
 
-  console.log({
-    fields: fields
-  });
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, fields.map(function (field, idx) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: field.id,
@@ -999,9 +976,7 @@ var ArrayStep = function ArrayStep(_ref15) {
     }, "remove")));
   }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("input", {
     type: "button",
-    className: (0, _classnames["default"])("btn btn-info mt-2", {
-      'is-invalid': error
-    }),
+    className: (0, _classnames["default"])("btn btn-info mt-2", _defineProperty({}, classes.input__invalid, error)),
     onClick: function onClick() {
       append({
         value: step.addableDefaultValue

package/lib/format.d.ts

@@ -8,4 +8,5 @@ export declare const format: {
     password: string;
     hidden: string;
     form: string;
+    buttonsSelect: string;
 };

package/lib/format.js

@@ -13,6 +13,7 @@ var format = {
   email: 'email',
   password: 'password',
   hidden: 'hidden',
-  form: 'form'
+  form: 'form',
+  buttonsSelect: 'buttons'
 };
 exports.format = format;

package/lib/inputs/Collapse.js

@@ -21,6 +21,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -46,18 +48,16 @@ var Collapse = function Collapse(props) {
     setCollapsed(!collapsed);
   };
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('form__collapse', {
-      errored: props.errored
-    })
-  }, /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("hr", {
+    className: (0, _classnames["default"])(_defineProperty({}, classes.collapse_error, props.errored))
+  }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(classes.cursor_pointer, " ").concat(classes.flex, " ").concat(classes.justifyContentBetween),
     onClick: toggle
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: classes.collapse_label
+    className: (0, _classnames["default"])(classes.collapse_label, _defineProperty({}, classes.collapse_error, props.errored))
   }, props.label), /*#__PURE__*/_react["default"].createElement("button", {
     type: "button",
-    className: classes.btn,
+    className: (0, _classnames["default"])(classes.btn, _defineProperty({}, classes.collapse_error, props.errored)),
     onClick: toggle
   }, !!collapsed && /*#__PURE__*/_react["default"].createElement(_reactFeather.Eye, null), !collapsed && /*#__PURE__*/_react["default"].createElement(_reactFeather.EyeOff, null))), !collapsed && props.children, props.lineEnd && /*#__PURE__*/_react["default"].createElement("hr", null));
 };

package/lib/inputs/SelectInput.js

@@ -9,6 +9,8 @@ exports.SelectInput = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _creatable = _interopRequireDefault(require("react-select/creatable"));
 
 var _reactSelect = _interopRequireDefault(require("react-select"));
@@ -17,6 +19,10 @@ var _Option = require("../Option");
 
 var _utils = require("../utils");
 
+var _ = require("..");
+
+var _styleContext = require("../styleContext");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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); }
@@ -76,6 +82,7 @@ var valueToSelectOption = function valueToSelectOption(value) {
 };
 
 var SelectInput = function SelectInput(props) {
+  var classes = (0, _styleContext.useCustomStyle)();
   var possibleValues = (props.possibleValues || []).map(function (v) {
     return props.transformer ? props.transformer(v) : v;
   }).map(function (v) {
@@ -157,6 +164,40 @@ var SelectInput = function SelectInput(props) {
     }
   };
 
+  var handleSelectButtonClick = function handleSelectButtonClick(v) {
+    if (props.isMulti) {
+      if (value.includes(v)) {
+        return onChange(value.filter(function (val) {
+          return val.value !== v.value;
+        }));
+      } else {
+        return onChange([].concat(_toConsumableArray(value), [v]));
+      }
+    }
+
+    return onChange(v);
+  };
+
+  if (props.format === _.format.buttonsSelect) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        display: 'flex'
+      }
+    }, values.map(function (v, idx) {
+      var active = props.isMulti ? value.includes(v) : v.value === value.value;
+      return /*#__PURE__*/_react["default"].createElement("button", {
+        key: idx,
+        type: "button",
+        className: (0, _classnames["default"])(props.className, classes.btn, classes.btn_grey, classes.ml_5, {
+          active: active
+        }),
+        onClick: function onClick() {
+          return handleSelectButtonClick(v);
+        }
+      }, v.label);
+    }));
+  }
+
   if (props.createOption) {
     return /*#__PURE__*/_react["default"].createElement(_creatable["default"], _extends({}, props, {
       name: "".concat(props.label, "-search"),

package/lib/style.d.ts

@@ -17,7 +17,8 @@ export namespace style {
         const padding: number;
         const fontSize: string;
         const cursor: string;
-        const border: number;
+        const borderWidth: string;
+        const backgroundColor: string;
     }
     namespace btn_sm {
         const fontSize_1: string;
@@ -36,39 +37,59 @@ export namespace style {
         };
     };
     const btn_red: {
-        color: string;
-        backgroundColor: string;
-        borderColor: string;
+        color: any;
+        borderColor: any;
         "&:hover": {
-            backgroundColor: string;
-            borderColor: string;
+            color: string;
+            backgroundColor: any;
+            borderColor: any;
+        };
+        "&.active": {
+            color: string;
+            backgroundColor: any;
+            borderColor: any;
         };
     };
     const btn_green: {
-        color: string;
-        backgroundColor: string;
-        borderColor: string;
+        color: any;
+        borderColor: any;
         "&:hover": {
-            backgroundColor: string;
-            borderColor: string;
+            color: string;
+            backgroundColor: any;
+            borderColor: any;
+        };
+        "&.active": {
+            color: string;
+            backgroundColor: any;
+            borderColor: any;
         };
     };
     const btn_blue: {
-        color: string;
-        backgroundColor: string;
-        borderColor: string;
+        color: any;
+        borderColor: any;
         "&:hover": {
-            backgroundColor: string;
-            borderColor: string;
+            color: string;
+            backgroundColor: any;
+            borderColor: any;
+        };
+        "&.active": {
+            color: string;
+            backgroundColor: any;
+            borderColor: any;
         };
     };
     const btn_grey: {
-        color: string;
-        backgroundColor: string;
-        borderColor: string;
+        color: any;
+        borderColor: any;
         "&:hover": {
-            backgroundColor: string;
-            borderColor: string;
+            color: string;
+            backgroundColor: any;
+            borderColor: any;
+        };
+        "&.active": {
+            color: string;
+            backgroundColor: any;
+            borderColor: any;
         };
     };
     namespace txt_red {
@@ -142,6 +163,10 @@ export namespace style {
         const marginTop_3: number;
         export { marginTop_3 as marginTop };
     }
+    namespace collapse_error {
+        const color_1: string;
+        export { color_1 as color };
+    }
     const datepicker: {
         "& input": {
             borderRadius: string;
@@ -149,11 +174,23 @@ export namespace style {
     };
     const code: {};
     namespace input__boolean__on {
-        const color_1: string;
-        export { color_1 as color };
-    }
-    namespace input__boolean__off {
         const color_2: string;
         export { color_2 as color };
     }
+    namespace input__boolean__off {
+        const color_3: string;
+        export { color_3 as color };
+    }
+    namespace input__invalid {
+        const borderColor: string;
+    }
+    namespace invalid_feedback {
+        export const width: string;
+        const marginTop_4: string;
+        export { marginTop_4 as marginTop };
+        const fontSize_2: string;
+        export { fontSize_2 as fontSize };
+        const color_4: string;
+        export { color_4 as color };
+    }
 }

package/lib/style.js

@@ -4,7 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.style = void 0;
-var style = {
+
+var _style;
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var buttonOutline = function buttonOutline(color, darker) {
+  return {
+    color: color,
+    borderColor: color,
+    "&:hover": {
+      color: '#fff',
+      backgroundColor: color,
+      borderColor: darker
+    },
+    "&.active": {
+      color: '#fff',
+      backgroundColor: color,
+      borderColor: darker
+    }
+  };
+};
+
+var style = (_style = {
   input: {
     display: "block",
     width: "100%",
@@ -23,7 +45,8 @@ var style = {
     padding: 10,
     fontSize: "1rem",
     cursor: "pointer",
-    border: 0
+    borderWidth: '1px',
+    backgroundColor: '#fff'
   },
   btn_sm: {
     fontSize: "0.875rem",
@@ -39,42 +62,10 @@ var style = {
       borderBottomLeftRadius: 0
     }
   },
-  btn_red: {
-    color: "#fff",
-    backgroundColor: "#dc3545",
-    borderColor: "#dc3545",
-    "&:hover": {
-      backgroundColor: "#c82333",
-      borderColor: "#bd2130"
-    }
-  },
-  btn_green: {
-    color: "#fff",
-    backgroundColor: "#28a745",
-    borderColor: "#28a745",
-    "&:hover": {
-      backgroundColor: "#218838",
-      borderColor: "#1e7e34"
-    }
-  },
-  btn_blue: {
-    color: "#fff",
-    backgroundColor: "#007bff",
-    borderColor: "#007bff",
-    "&:hover": {
-      backgroundColor: "#0069d9",
-      borderColor: "#0062cc"
-    }
-  },
-  btn_grey: {
-    color: "#fff",
-    backgroundColor: "#6c757d",
-    borderColor: "#6c757d",
-    "&:hover": {
-      backgroundColor: "#5c636a",
-      borderColor: "#5c636a"
-    }
-  },
+  btn_red: buttonOutline("#dc3545", "#bd2130"),
+  btn_green: buttonOutline("#28a745", "#1e7e34"),
+  btn_blue: buttonOutline("#007bff", "#0069d9"),
+  btn_grey: buttonOutline("#6c757d", "#5c636a"),
   txt_red: {
     color: "#dc3545"
   },
@@ -134,18 +125,26 @@ var style = {
   collapse_label: {
     fontWeight: "bold",
     marginTop: 7
-  },
-  datepicker: {
-    "& input": {
-      borderRadius: "4px"
-    }
-  },
-  code: {},
-  input__boolean__on: {
-    color: "MediumSeaGreen"
-  },
-  input__boolean__off: {
-    color: "tomato"
   }
-};
+}, _defineProperty(_style, "collapse_label", {
+  fontWeight: "bold",
+  marginTop: 7
+}), _defineProperty(_style, "collapse_error", {
+  color: '#dc3545'
+}), _defineProperty(_style, "datepicker", {
+  "& input": {
+    borderRadius: "4px"
+  }
+}), _defineProperty(_style, "code", {}), _defineProperty(_style, "input__boolean__on", {
+  color: "MediumSeaGreen"
+}), _defineProperty(_style, "input__boolean__off", {
+  color: "tomato"
+}), _defineProperty(_style, "input__invalid", {
+  borderColor: '#dc3545 !important'
+}), _defineProperty(_style, "invalid_feedback", {
+  width: "100%",
+  marginTop: ".25rem",
+  fontSize: "80%",
+  color: "#dc3545"
+}), _style);
 exports.style = style;

package/lib/styleContext.d.ts

@@ -1 +1 @@
-export function useCustomStyle(overrideStyle?: {}): import("jss").Classes<"code" | "flex" | "input" | "btn" | "btn_sm" | "btn_group" | "btn_red" | "btn_green" | "btn_blue" | "btn_grey" | "txt_red" | "ml_5" | "ml_10" | "mt_5" | "mt_10" | "mt_20" | "mb_5" | "p_15" | "pr_15" | "d_none" | "flexColumn" | "justifyContentBetween" | "jc_end" | "ac_center" | "ai_center" | "cursor_pointer" | "collapse" | "collapse_label" | "datepicker" | "input__boolean__on" | "input__boolean__off">;
+export function useCustomStyle(overrideStyle?: {}): import("jss").Classes<"code" | "flex" | "input" | "btn" | "btn_sm" | "btn_group" | "btn_red" | "btn_green" | "btn_blue" | "btn_grey" | "txt_red" | "ml_5" | "ml_10" | "mt_5" | "mt_10" | "mt_20" | "mb_5" | "p_15" | "pr_15" | "d_none" | "flexColumn" | "justifyContentBetween" | "jc_end" | "ac_center" | "ai_center" | "cursor_pointer" | "collapse" | "collapse_label" | "collapse_error" | "datepicker" | "input__boolean__on" | "input__boolean__off" | "input__invalid" | "invalid_feedback">;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maif/react-forms",
   "description": "Build react safe forms as fast as possible",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "main": "lib/index.js",
   "author": "MAIF team",
   "keywords": [