@maif/react-forms 1.0.49 → 1.0.50

package/lib/esm/index.js

@@ -452,42 +452,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
 function _readOnlyError(name) {
   throw new TypeError("\"" + name + "\" is read-only");
 }
@@ -874,18 +838,13 @@ var BooleanInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 
 var Collapse = function Collapse(props) {
-  var _classNames5;
+  var _classNames4;
 
   var _useState = useState(props.initCollapsed || props.collapsed),
       _useState2 = _slicedToArray(_useState, 2),
       collapsed = _useState2[0],
       setCollapsed = _useState2[1];
 
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      expandedAll = _useState4[0],
-      setExpandedAll = _useState4[1];
-
   var classes = useCustomStyle();
 
   var toggle = function toggle(e) {
@@ -893,15 +852,6 @@ var Collapse = function Collapse(props) {
     setCollapsed(!collapsed);
   };
 
-  var childrenWithProps = React.Children.map(props.children, function (child) {
-    if ( /*#__PURE__*/React.isValidElement(child)) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        collapsed: expandedAll
-      });
-    }
-
-    return child;
-  });
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("hr", {
     className: classNames(_defineProperty$1({}, classes.collapse_error, props.errored))
   }), /*#__PURE__*/React.createElement("div", {
@@ -909,19 +859,7 @@ var Collapse = function Collapse(props) {
     onClick: toggle
   }, /*#__PURE__*/React.createElement("span", {
     className: classNames(classes.collapse_label, _defineProperty$1({}, classes.collapse_error, props.errored))
-  }, props.label), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginLeft: 'auto'
-    },
-    className: classNames(classes.flex)
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: classNames(classes.btn, classes.btn_sm, _defineProperty$1({}, classes.collapse_error, props.errored)),
-    onClick: function onClick(e) {
-      if (e) e.stopPropagation();
-      setExpandedAll(!expandedAll);
-    }
-  }, expandedAll ? 'Expand all' : 'Collapse all'), /*#__PURE__*/React.createElement("button", {
+  }, props.label), /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: classNames(classes.btn, classes.btn_sm, classes.ml_5, _defineProperty$1({}, classes.collapse_error, props.errored)),
     onClick: toggle
@@ -929,9 +867,9 @@ var Collapse = function Collapse(props) {
     size: 16
   }), !collapsed && /*#__PURE__*/React.createElement(EyeOff, {
     size: 16
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(classes.ml_10), (_classNames5 = {}, _defineProperty$1(_classNames5, classes.display__none, !!collapsed), _defineProperty$1(_classNames5, classes.flex, !!props.inline), _defineProperty$1(_classNames5, classes.collapse__inline, !!props.inline), _classNames5))
-  }, childrenWithProps), props.lineEnd && /*#__PURE__*/React.createElement("hr", null));
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(classes.ml_10), (_classNames4 = {}, _defineProperty$1(_classNames4, classes.display__none, !!collapsed), _defineProperty$1(_classNames4, classes.flex, !!props.inline), _defineProperty$1(_classNames4, classes.collapse__inline, !!props.inline), _classNames4))
+  }, props.children), props.lineEnd && /*#__PURE__*/React.createElement("hr", null));
 };
 
 var option = function option(x) {
@@ -29071,8 +29009,6 @@ var ControlledInput = function ControlledInput(_ref) {
   }, component ? component(field, props) : /*#__PURE__*/React.cloneElement(children, _objectSpread2$1({}, props)));
 };
 
-var _excluded = ["schema", "flow", "parent", "inputWrapper", "maybeCustomHttpClient", "errorDisplayed", "value", "step", "functionalProperty", "index"];
-
 var usePrevious = function usePrevious(value) {
   // The ref object is a generic container whose current property is mutable ...
   // ... and can hold any value, similar to an instance property on a class
@@ -29092,8 +29028,7 @@ var BasicWrapper = function BasicWrapper(_ref) {
       label = _ref.label,
       help = _ref.help,
       children = _ref.children,
-      render = _ref.render,
-      collapsed = _ref.collapsed;
+      render = _ref.render;
 
   if (_typeof$1(entry) === 'object') {
     return children;
@@ -29122,20 +29057,10 @@ var BasicWrapper = function BasicWrapper(_ref) {
       label: label,
       error: error,
       help: help,
-      children: children,
-      collapsed: collapsed
+      children: children
     });
   }
 
-  var childrenWithProps = React.Children.map(children, function (child) {
-    if ( /*#__PURE__*/React.isValidElement(child)) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        collapsed: collapsed
-      });
-    }
-
-    return child;
-  });
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(classes.mt_10, " ").concat(className),
     style: {
@@ -29160,7 +29085,7 @@ var BasicWrapper = function BasicWrapper(_ref) {
       marginLeft: '.5rem',
       cursor: 'help'
     }
-  })))), childrenWithProps, error && /*#__PURE__*/React.createElement("div", {
+  })))), children, error && /*#__PURE__*/React.createElement("div", {
     className: classNames(classes.feedback, _defineProperty$1({}, classes.txt_red, errorDisplayed))
   }, error.message));
 };
@@ -29356,6 +29281,11 @@ var Form = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
     });
   };
 
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      expandedAll = _useState2[0],
+      setExpandedAll = _useState2[1];
+
   var defaultValues = getDefaultValues(formFlow, schema, value); //FIXME: get real schema through the switch
 
   var _resolver = function resolver(rawData) {
@@ -29375,10 +29305,10 @@ var Form = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
     mode: 'onChange'
   });
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      initialReseted = _useState2[0],
-      setReset = _useState2[1];
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      initialReseted = _useState4[0],
+      setReset = _useState4[1];
 
   useEffect(function () {
     _reset(cleanInputArray(value, defaultValues, flow, schema));
@@ -29444,7 +29374,19 @@ var Form = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
       var clean = cleanOutputArray(data, schema);
       onSubmit(clean);
     }, onError)
-  }, formFlow.map(function (entry, idx) {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(classes.flex, classes.mt_20)
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: classNames(classes.btn, classes.btn_sm),
+    style: {
+      marginLeft: 'auto'
+    },
+    onClick: function onClick(e) {
+      if (e) e.stopPropagation();
+      setExpandedAll(!expandedAll);
+    }
+  }, expandedAll ? 'Expand all' : 'Collapse all')), formFlow.map(function (entry, idx) {
     var step = schema[entry];
 
     if (!step && typeof entry === 'string') {
@@ -29492,7 +29434,8 @@ var Form = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
       schema: schema,
       inputWrapper: inputWrapper,
       httpClient: maybeCustomHttpClient,
-      functionalProperty: functionalProperty
+      functionalProperty: functionalProperty,
+      expandedAll: expandedAll
     }));
   }), /*#__PURE__*/React.createElement(Footer, {
     render: footer,
@@ -29551,7 +29494,7 @@ var Step = function Step(_ref8) {
       functionalProperty = _ref8.functionalProperty,
       parent = _ref8.parent,
       onAfterChange = _ref8.onAfterChange,
-      collapsed = _ref8.collapsed;
+      expandedAll = _ref8.expandedAll;
   var classes = useCustomStyle();
 
   var _useFormContext2 = useFormContext(),
@@ -29572,8 +29515,7 @@ var Step = function Step(_ref8) {
       return !!errors[step] && (dirtyFields[step] || touchedFields[step]);
     });
     return /*#__PURE__*/React.createElement(Collapse, _extends({}, entry, {
-      errored: errored,
-      collapsed: collapsed
+      errored: errored
     }), entry.flow.map(function (en, entryIdx) {
       var stp = schema[en];
       _typeof$1(en) === 'object' ? undefined : en.split('.').reduce(function (object, key) {
@@ -29612,13 +29554,12 @@ var Step = function Step(_ref8) {
         entry: en,
         label: functionalProperty(en, (stp === null || stp === void 0 ? void 0 : stp.label) === null ? null : (stp === null || stp === void 0 ? void 0 : stp.label) || en),
         help: stp === null || stp === void 0 ? void 0 : stp.help,
-        render: inputWrapper,
-        collapsed: collapsed
+        render: inputWrapper
       }, /*#__PURE__*/React.createElement(Step, {
         entry: en,
         step: stp,
         schema: schema,
-        collapsed: collapsed,
+        expandedAll: expandedAll,
         inputWrapper: inputWrapper,
         httpClient: httpClient,
         defaultValue: stp === null || stp === void 0 ? void 0 : stp.defaultValue,
@@ -29697,7 +29638,7 @@ var Step = function Step(_ref8) {
           value: props.value,
           index: idx,
           functionalProperty: functionalProperty,
-          collapsed: collapsed
+          expandedAll: expandedAll
         });
       }
     }));
@@ -29858,13 +29799,13 @@ var Step = function Step(_ref8) {
             flow: flow,
             step: step,
             parent: entry,
-            collapsed: collapsed,
             inputWrapper: inputWrapper,
             maybeCustomHttpClient: httpClient,
             value: getValues(entry) || defaultValue,
             index: index,
             functionalProperty: functionalProperty,
-            errorDisplayed: errorDisplayed
+            errorDisplayed: errorDisplayed,
+            expandedAll: expandedAll
           }));
 
         case format.code:
@@ -29933,15 +29874,15 @@ var Step = function Step(_ref8) {
           var FileInput = function FileInput(_ref10) {
             var onChange = _ref10.onChange;
 
-            var _useState3 = useState(false),
-                _useState4 = _slicedToArray(_useState3, 2),
-                uploading = _useState4[0],
-                setUploading = _useState4[1];
-
-            var _useState5 = useState(undefined),
+            var _useState5 = useState(false),
                 _useState6 = _slicedToArray(_useState5, 2),
-                input = _useState6[0],
-                setInput = _useState6[1];
+                uploading = _useState6[0],
+                setUploading = _useState6[1];
+
+            var _useState7 = useState(undefined),
+                _useState8 = _slicedToArray(_useState7, 2),
+                input = _useState8[0],
+                setInput = _useState8[1];
 
             var setFiles = function setFiles(e) {
               var files = e.target.files;
@@ -30120,7 +30061,7 @@ var NestedForm = function NestedForm(_ref12) {
       step = _ref12.step,
       functionalProperty = _ref12.functionalProperty,
       index = _ref12.index,
-      props = _objectWithoutProperties(_ref12, _excluded);
+      expandedAll = _ref12.expandedAll;
 
   var _useFormContext4 = useFormContext(),
       getValues = _useFormContext4.getValues,
@@ -30129,15 +30070,15 @@ var NestedForm = function NestedForm(_ref12) {
       _useFormContext4.trigger;
       _useFormContext4.formState;
 
-  var _useState7 = useState(!!step.collapsed || props.collapsed),
-      _useState8 = _slicedToArray(_useState7, 2),
-      collapsed = _useState8[0],
-      setCollapsed = _useState8[1];
+  var _useState9 = useState(!!step.collapsed),
+      _useState10 = _slicedToArray(_useState9, 2),
+      collapsed = _useState10[0],
+      setCollapsed = _useState10[1];
 
-  useEffect(function () {
-    setCollapsed(props.collapsed);
-  }, [props.collapsed]);
   var classes = useCustomStyle();
+  useEffect(function () {
+    if (!expandedAll || expandedAll && parent.split('.').length >= 2) setCollapsed(expandedAll);
+  }, [expandedAll]);
   var schemaAndFlow = option(step.conditionalSchema).map(function (condiSchema) {
     var ref = option(condiSchema.ref).map(function (ref) {
       return getValues(ref);
@@ -30256,7 +30197,8 @@ var NestedForm = function NestedForm(_ref12) {
       inputWrapper: inputWrapper,
       httpClient: maybeCustomHttpClient,
       defaultValue: value && value[entry],
-      functionalProperty: functionalProperty
+      functionalProperty: functionalProperty,
+      expandedAll: expandedAll
     }));
   }));
 };

package/lib/index.js

@@ -486,42 +486,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
 function _readOnlyError(name) {
   throw new TypeError("\"" + name + "\" is read-only");
 }
@@ -908,18 +872,13 @@ var BooleanInput = /*#__PURE__*/React__default["default"].forwardRef(function (_
 });
 
 var Collapse = function Collapse(props) {
-  var _classNames5;
+  var _classNames4;
 
   var _useState = React.useState(props.initCollapsed || props.collapsed),
       _useState2 = _slicedToArray(_useState, 2),
       collapsed = _useState2[0],
       setCollapsed = _useState2[1];
 
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      expandedAll = _useState4[0],
-      setExpandedAll = _useState4[1];
-
   var classes = useCustomStyle();
 
   var toggle = function toggle(e) {
@@ -927,15 +886,6 @@ var Collapse = function Collapse(props) {
     setCollapsed(!collapsed);
   };
 
-  var childrenWithProps = React__default["default"].Children.map(props.children, function (child) {
-    if ( /*#__PURE__*/React__default["default"].isValidElement(child)) {
-      return /*#__PURE__*/React__default["default"].cloneElement(child, {
-        collapsed: expandedAll
-      });
-    }
-
-    return child;
-  });
   return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("hr", {
     className: classNames__default["default"](_defineProperty$1({}, classes.collapse_error, props.errored))
   }), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -943,19 +893,7 @@ var Collapse = function Collapse(props) {
     onClick: toggle
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: classNames__default["default"](classes.collapse_label, _defineProperty$1({}, classes.collapse_error, props.errored))
-  }, props.label), /*#__PURE__*/React__default["default"].createElement("div", {
-    style: {
-      marginLeft: 'auto'
-    },
-    className: classNames__default["default"](classes.flex)
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    type: "button",
-    className: classNames__default["default"](classes.btn, classes.btn_sm, _defineProperty$1({}, classes.collapse_error, props.errored)),
-    onClick: function onClick(e) {
-      if (e) e.stopPropagation();
-      setExpandedAll(!expandedAll);
-    }
-  }, expandedAll ? 'Expand all' : 'Collapse all'), /*#__PURE__*/React__default["default"].createElement("button", {
+  }, props.label), /*#__PURE__*/React__default["default"].createElement("button", {
     type: "button",
     className: classNames__default["default"](classes.btn, classes.btn_sm, classes.ml_5, _defineProperty$1({}, classes.collapse_error, props.errored)),
     onClick: toggle
@@ -963,9 +901,9 @@ var Collapse = function Collapse(props) {
     size: 16
   }), !collapsed && /*#__PURE__*/React__default["default"].createElement(reactFeather.EyeOff, {
     size: 16
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]("".concat(classes.ml_10), (_classNames5 = {}, _defineProperty$1(_classNames5, classes.display__none, !!collapsed), _defineProperty$1(_classNames5, classes.flex, !!props.inline), _defineProperty$1(_classNames5, classes.collapse__inline, !!props.inline), _classNames5))
-  }, childrenWithProps), props.lineEnd && /*#__PURE__*/React__default["default"].createElement("hr", null));
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames__default["default"]("".concat(classes.ml_10), (_classNames4 = {}, _defineProperty$1(_classNames4, classes.display__none, !!collapsed), _defineProperty$1(_classNames4, classes.flex, !!props.inline), _defineProperty$1(_classNames4, classes.collapse__inline, !!props.inline), _classNames4))
+  }, props.children), props.lineEnd && /*#__PURE__*/React__default["default"].createElement("hr", null));
 };
 
 var option = function option(x) {
@@ -29105,8 +29043,6 @@ var ControlledInput = function ControlledInput(_ref) {
   }, component ? component(field, props) : /*#__PURE__*/React__default["default"].cloneElement(children, _objectSpread2$1({}, props)));
 };
 
-var _excluded = ["schema", "flow", "parent", "inputWrapper", "maybeCustomHttpClient", "errorDisplayed", "value", "step", "functionalProperty", "index"];
-
 var usePrevious = function usePrevious(value) {
   // The ref object is a generic container whose current property is mutable ...
   // ... and can hold any value, similar to an instance property on a class
@@ -29126,8 +29062,7 @@ var BasicWrapper = function BasicWrapper(_ref) {
       label = _ref.label,
       help = _ref.help,
       children = _ref.children,
-      render = _ref.render,
-      collapsed = _ref.collapsed;
+      render = _ref.render;
 
   if (_typeof$1(entry) === 'object') {
     return children;
@@ -29156,20 +29091,10 @@ var BasicWrapper = function BasicWrapper(_ref) {
       label: label,
       error: error,
       help: help,
-      children: children,
-      collapsed: collapsed
+      children: children
     });
   }
 
-  var childrenWithProps = React__default["default"].Children.map(children, function (child) {
-    if ( /*#__PURE__*/React__default["default"].isValidElement(child)) {
-      return /*#__PURE__*/React__default["default"].cloneElement(child, {
-        collapsed: collapsed
-      });
-    }
-
-    return child;
-  });
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(classes.mt_10, " ").concat(className),
     style: {
@@ -29194,7 +29119,7 @@ var BasicWrapper = function BasicWrapper(_ref) {
       marginLeft: '.5rem',
       cursor: 'help'
     }
-  })))), childrenWithProps, error && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), children, error && /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"](classes.feedback, _defineProperty$1({}, classes.txt_red, errorDisplayed))
   }, error.message));
 };
@@ -29390,6 +29315,11 @@ var Form = /*#__PURE__*/React__default["default"].forwardRef(function (_ref7, re
     });
   };
 
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      expandedAll = _useState2[0],
+      setExpandedAll = _useState2[1];
+
   var defaultValues = getDefaultValues(formFlow, schema, value); //FIXME: get real schema through the switch
 
   var _resolver = function resolver(rawData) {
@@ -29409,10 +29339,10 @@ var Form = /*#__PURE__*/React__default["default"].forwardRef(function (_ref7, re
     mode: 'onChange'
   });
 
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      initialReseted = _useState2[0],
-      setReset = _useState2[1];
+  var _useState3 = React.useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      initialReseted = _useState4[0],
+      setReset = _useState4[1];
 
   React.useEffect(function () {
     _reset(cleanInputArray(value, defaultValues, flow, schema));
@@ -29478,7 +29408,19 @@ var Form = /*#__PURE__*/React__default["default"].forwardRef(function (_ref7, re
       var clean = cleanOutputArray(data, schema);
       onSubmit(clean);
     }, onError)
-  }, formFlow.map(function (entry, idx) {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames__default["default"](classes.flex, classes.mt_20)
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    type: "button",
+    className: classNames__default["default"](classes.btn, classes.btn_sm),
+    style: {
+      marginLeft: 'auto'
+    },
+    onClick: function onClick(e) {
+      if (e) e.stopPropagation();
+      setExpandedAll(!expandedAll);
+    }
+  }, expandedAll ? 'Expand all' : 'Collapse all')), formFlow.map(function (entry, idx) {
     var step = schema[entry];
 
     if (!step && typeof entry === 'string') {
@@ -29526,7 +29468,8 @@ var Form = /*#__PURE__*/React__default["default"].forwardRef(function (_ref7, re
       schema: schema,
       inputWrapper: inputWrapper,
       httpClient: maybeCustomHttpClient,
-      functionalProperty: functionalProperty
+      functionalProperty: functionalProperty,
+      expandedAll: expandedAll
     }));
   }), /*#__PURE__*/React__default["default"].createElement(Footer, {
     render: footer,
@@ -29585,7 +29528,7 @@ var Step = function Step(_ref8) {
       functionalProperty = _ref8.functionalProperty,
       parent = _ref8.parent,
       onAfterChange = _ref8.onAfterChange,
-      collapsed = _ref8.collapsed;
+      expandedAll = _ref8.expandedAll;
   var classes = useCustomStyle();
 
   var _useFormContext2 = reactHookForm.useFormContext(),
@@ -29606,8 +29549,7 @@ var Step = function Step(_ref8) {
       return !!errors[step] && (dirtyFields[step] || touchedFields[step]);
     });
     return /*#__PURE__*/React__default["default"].createElement(Collapse, _extends({}, entry, {
-      errored: errored,
-      collapsed: collapsed
+      errored: errored
     }), entry.flow.map(function (en, entryIdx) {
       var stp = schema[en];
       _typeof$1(en) === 'object' ? undefined : en.split('.').reduce(function (object, key) {
@@ -29646,13 +29588,12 @@ var Step = function Step(_ref8) {
         entry: en,
         label: functionalProperty(en, (stp === null || stp === void 0 ? void 0 : stp.label) === null ? null : (stp === null || stp === void 0 ? void 0 : stp.label) || en),
         help: stp === null || stp === void 0 ? void 0 : stp.help,
-        render: inputWrapper,
-        collapsed: collapsed
+        render: inputWrapper
       }, /*#__PURE__*/React__default["default"].createElement(Step, {
         entry: en,
         step: stp,
         schema: schema,
-        collapsed: collapsed,
+        expandedAll: expandedAll,
         inputWrapper: inputWrapper,
         httpClient: httpClient,
         defaultValue: stp === null || stp === void 0 ? void 0 : stp.defaultValue,
@@ -29731,7 +29672,7 @@ var Step = function Step(_ref8) {
           value: props.value,
           index: idx,
           functionalProperty: functionalProperty,
-          collapsed: collapsed
+          expandedAll: expandedAll
         });
       }
     }));
@@ -29892,13 +29833,13 @@ var Step = function Step(_ref8) {
             flow: flow,
             step: step,
             parent: entry,
-            collapsed: collapsed,
             inputWrapper: inputWrapper,
             maybeCustomHttpClient: httpClient,
             value: getValues(entry) || defaultValue,
             index: index,
             functionalProperty: functionalProperty,
-            errorDisplayed: errorDisplayed
+            errorDisplayed: errorDisplayed,
+            expandedAll: expandedAll
           }));
 
         case format.code:
@@ -29967,15 +29908,15 @@ var Step = function Step(_ref8) {
           var FileInput = function FileInput(_ref10) {
             var onChange = _ref10.onChange;
 
-            var _useState3 = React.useState(false),
-                _useState4 = _slicedToArray(_useState3, 2),
-                uploading = _useState4[0],
-                setUploading = _useState4[1];
-
-            var _useState5 = React.useState(undefined),
+            var _useState5 = React.useState(false),
                 _useState6 = _slicedToArray(_useState5, 2),
-                input = _useState6[0],
-                setInput = _useState6[1];
+                uploading = _useState6[0],
+                setUploading = _useState6[1];
+
+            var _useState7 = React.useState(undefined),
+                _useState8 = _slicedToArray(_useState7, 2),
+                input = _useState8[0],
+                setInput = _useState8[1];
 
             var setFiles = function setFiles(e) {
               var files = e.target.files;
@@ -30154,7 +30095,7 @@ var NestedForm = function NestedForm(_ref12) {
       step = _ref12.step,
       functionalProperty = _ref12.functionalProperty,
       index = _ref12.index,
-      props = _objectWithoutProperties(_ref12, _excluded);
+      expandedAll = _ref12.expandedAll;
 
   var _useFormContext4 = reactHookForm.useFormContext(),
       getValues = _useFormContext4.getValues,
@@ -30163,15 +30104,15 @@ var NestedForm = function NestedForm(_ref12) {
       _useFormContext4.trigger;
       _useFormContext4.formState;
 
-  var _useState7 = React.useState(!!step.collapsed || props.collapsed),
-      _useState8 = _slicedToArray(_useState7, 2),
-      collapsed = _useState8[0],
-      setCollapsed = _useState8[1];
+  var _useState9 = React.useState(!!step.collapsed),
+      _useState10 = _slicedToArray(_useState9, 2),
+      collapsed = _useState10[0],
+      setCollapsed = _useState10[1];
 
-  React.useEffect(function () {
-    setCollapsed(props.collapsed);
-  }, [props.collapsed]);
   var classes = useCustomStyle();
+  React.useEffect(function () {
+    if (!expandedAll || expandedAll && parent.split('.').length >= 2) setCollapsed(expandedAll);
+  }, [expandedAll]);
   var schemaAndFlow = option(step.conditionalSchema).map(function (condiSchema) {
     var ref = option(condiSchema.ref).map(function (ref) {
       return getValues(ref);
@@ -30290,7 +30231,8 @@ var NestedForm = function NestedForm(_ref12) {
       inputWrapper: inputWrapper,
       httpClient: maybeCustomHttpClient,
       defaultValue: value && value[entry],
-      functionalProperty: functionalProperty
+      functionalProperty: functionalProperty,
+      expandedAll: expandedAll
     }));
   }));
 };

package/package.json

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