@maif/react-forms 1.0.21 → 1.0.22

package/lib/form.js

@@ -493,7 +493,6 @@ var Step = function Step(_ref4) {
 
       return /*#__PURE__*/_react["default"].createElement(BasicWrapper, {
         key: "collapse-".concat(en, "-").concat(entryIdx),
-        className: classes.collapseInline,
         entry: en,
         error: err,
         label: (stp === null || stp === void 0 ? void 0 : stp.label) === null ? null : (stp === null || stp === void 0 ? void 0 : stp.label) || en,
@@ -513,7 +512,7 @@ var Step = function Step(_ref4) {
         watch: watch,
         inputWrapper: inputWrapper,
         httpClient: httpClient,
-        defaultValue: stp.defaultValue
+        defaultValue: stp === null || stp === void 0 ? void 0 : stp.defaultValue
       }));
     }));
   }
@@ -1103,7 +1102,7 @@ var NestedForm = function NestedForm(_ref16) {
       marginBottom: '.5rem',
       position: 'relative'
     }
-  }, collapsed && /*#__PURE__*/_react["default"].createElement(_reactFeather.ArrowDown, {
+  }, schemaAndFlow.flow.length > 1 && collapsed && /*#__PURE__*/_react["default"].createElement(_reactFeather.ArrowDown, {
     size: 30,
     className: classes.cursor_pointer,
     style: {
@@ -1115,7 +1114,7 @@ var NestedForm = function NestedForm(_ref16) {
     onClick: function onClick() {
       return setCollapsed(!collapsed);
     }
-  }), !collapsed && /*#__PURE__*/_react["default"].createElement(_reactFeather.ArrowUp, {
+  }), schemaAndFlow.flow.length > 1 && !collapsed && /*#__PURE__*/_react["default"].createElement(_reactFeather.ArrowUp, {
     size: 30,
     className: classes.cursor_pointer,
     style: {
@@ -1134,9 +1133,27 @@ var NestedForm = function NestedForm(_ref16) {
       return !!v.visibleOnCollapse;
     });
     var isCollapsed = collapsed && (oneVisibleSetup ? !step.visibleOnCollapse : idx > 0);
+    var visibleStep = (0, _Option.option)(step).map(function (s) {
+      return s.visible;
+    }).map(function (visible) {
+      switch (_typeof(visible)) {
+        case 'object':
+          var _value2 = watch(visible.ref);
+
+          return (0, _Option.option)(visible.test).map(function (test) {
+            return test(_value2);
+          }).getOrElse(_value2);
+
+        case 'boolean':
+          return visible;
+
+        default:
+          return true;
+      }
+    }).getOrElse(true);
     return /*#__PURE__*/_react["default"].createElement(BasicWrapper, {
       key: "".concat(entry, ".").concat(idx),
-      className: (0, _classnames["default"])(_defineProperty({}, classes.display__none, isCollapsed)),
+      className: (0, _classnames["default"])(_defineProperty({}, classes.display__none, isCollapsed || !visibleStep)),
       entry: "".concat(parent, ".").concat(entry),
       error: realError,
       label: (step === null || step === void 0 ? void 0 : step.label) === null ? null : (step === null || step === void 0 ? void 0 : step.label) || entry,

package/lib/inputs/Collapse.js

@@ -66,7 +66,7 @@ var Collapse = function Collapse(props) {
   }), !collapsed && /*#__PURE__*/_react["default"].createElement(_reactFeather.EyeOff, {
     size: 16
   }))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classes.ml_10, (_classNames4 = {}, _defineProperty(_classNames4, classes.display__none, !!collapsed), _defineProperty(_classNames4, classes.flex, !!props.inline), _classNames4))
+    className: (0, _classnames["default"])("".concat(classes.ml_10), (_classNames4 = {}, _defineProperty(_classNames4, classes.display__none, !!collapsed), _defineProperty(_classNames4, classes.flex, !!props.inline), _defineProperty(_classNames4, classes.collapse__inline, !!props.inline), _classNames4))
   }, props.children), props.lineEnd && /*#__PURE__*/_react["default"].createElement("hr", null));
 };
 

package/lib/style.d.ts

@@ -211,8 +211,8 @@ export namespace style {
         const display_3: string;
         export { display_3 as display };
     }
-    const collapseInline: {
-        "&+ .form-group": {
+    const collapse__inline: {
+        "& .form-group+.form-group": {
             marginLeft: string;
         };
     };

package/lib/style.js

@@ -159,8 +159,8 @@ var style = (_style = {
   color: "#dc3545"
 }), _defineProperty(_style, "display__none", {
   display: "none"
-}), _defineProperty(_style, "collapseInline", {
-  "&+ .form-group": {
+}), _defineProperty(_style, "collapse__inline", {
+  "& .form-group+.form-group": {
     marginLeft: '20px'
   }
 }), _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" | "mr_5" | "mr_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" | "display__none" | "collapseInline">;
+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" | "mr_5" | "mr_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" | "display__none" | "collapse__inline">;

package/package.json

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