@maif/react-forms 1.0.11 → 1.0.15

package/lib/form.js

@@ -328,7 +328,7 @@ var Form = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
     };
   });
   return /*#__PURE__*/_react["default"].createElement(_reactHookForm.FormProvider, methods, /*#__PURE__*/_react["default"].createElement("form", {
-    className: className || classes.pr_15,
+    className: className || "".concat(classes.pr_15, " ").concat(classes.full_width),
     onSubmit: _handleSubmit(function (data) {
       var clean = cleanOutputArray(data);
       onSubmit(clean);
@@ -451,9 +451,31 @@ var Step = function Step(_ref4) {
       errored: errored
     }, entry.flow.map(function (en, entryIdx) {
       var stp = schema[en];
-      var err = _typeof(entry) === 'object' ? undefined : en.split('.').reduce(function (object, key) {
+      var err = _typeof(en) === 'object' ? undefined : en.split('.').reduce(function (object, key) {
         return object && object[key];
       }, errors);
+      var visibleStep = (0, _Option.option)(stp).map(function (s) {
+        return s.visible;
+      }).map(function (visible) {
+        switch (_typeof(visible)) {
+          case 'object':
+            var value = watch(visible.ref);
+            return (0, _Option.option)(visible.test).map(function (test) {
+              return test(value);
+            }).getOrElse(value);
+
+          case 'boolean':
+            return visible;
+
+          default:
+            return true;
+        }
+      }).getOrElse(true);
+
+      if (!visibleStep) {
+        return null;
+      }
+
       return /*#__PURE__*/_react["default"].createElement(BasicWrapper, {
         key: "collapse-".concat(en, "-").concat(entryIdx),
         entry: en,
@@ -473,7 +495,9 @@ var Step = function Step(_ref4) {
         getValues: getValues,
         setValue: _setValue,
         watch: watch,
-        inputWrapper: inputWrapper
+        inputWrapper: inputWrapper,
+        httpClient: httpClient,
+        defaultValue: stp.defaultValue
       }));
     }));
   }

package/lib/inputs/SelectInput.js

@@ -74,10 +74,10 @@ var valueToSelectOption = function valueToSelectOption(value) {
   return maybeValue.getOrElse({
     label: maybeValue.map(function (v) {
       return v.label;
-    }).getOrElse(value),
+    }).getOrElse((value === null || value === void 0 ? void 0 : value.label) || value),
     value: maybeValue.map(function (v) {
       return v.value;
-    }).getOrElse(value)
+    }).getOrElse((value === null || value === void 0 ? void 0 : value.value) || value)
   });
 };
 

package/lib/style.d.ts

@@ -123,6 +123,9 @@ export namespace style {
     namespace pr_15 {
         const paddingRight: number;
     }
+    namespace full_width {
+        const width: string;
+    }
     namespace d_none {
         const display: string;
     }
@@ -185,7 +188,8 @@ export namespace style {
         const borderColor: string;
     }
     namespace invalid_feedback {
-        export const width: string;
+        const width_1: string;
+        export { width_1 as width };
         const marginTop_4: string;
         export { marginTop_4 as marginTop };
         const fontSize_2: string;

package/lib/style.js

@@ -93,6 +93,9 @@ var style = (_style = {
   pr_15: {
     paddingRight: 15
   },
+  full_width: {
+    width: '100%'
+  },
   d_none: {
     display: "none"
   },

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" | "collapse_error" | "datepicker" | "input__boolean__on" | "input__boolean__off" | "input__invalid" | "invalid_feedback">;
+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" | "full_width" | "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.11",
+  "version": "1.0.15",
   "main": "lib/index.js",
   "author": "MAIF team",
   "keywords": [