@maif/react-forms 1.0.13 → 1.0.14

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);
@@ -458,6 +458,28 @@ var Step = function Step(_ref4) {
       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,
@@ -482,32 +504,6 @@ var Step = function Step(_ref4) {
     }));
   }
 
-  var visibleStep = (0, _Option.option)(step).map(function (s) {
-    return s.visible;
-  }).map(function (visible) {
-    switch (_typeof(visible)) {
-      case 'object':
-        var value = watch(step.visible.ref);
-        console.log({
-          value: value,
-          step: step
-        });
-        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, {
       entry: entry,

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.13",
+  "version": "1.0.14",
   "main": "lib/index.js",
   "author": "MAIF team",
   "keywords": [