@maif/react-forms 1.0.51 → 1.0.52

package/lib/esm/index.js

@@ -28515,7 +28515,6 @@ function CodeInput(_ref) {
   }, []);
   useEffect(function () {
     if (editor && (_typeof$1(value) === 'object' ? JSON.stringify(value, null, 2) : value) !== editor.state.doc.toString()) {
-      console.log("set value", value, value === null || value === undefined ? '' : _typeof$1(value) === 'object' ? JSON.stringify(value, null, 2) : value, editor.state.doc.toString());
       editor.dispatch({
         changes: {
           from: 0,
@@ -28929,6 +28928,15 @@ var CustomizableInput$1 = /*#__PURE__*/React.memo(function (props) {
 
   return props.children;
 }, function (prev, next) {
+  console.debug({
+    prev: prev,
+    next: next
+  });
+
+  if (next.render) {
+    return false;
+  }
+
   return prev.field.value === next.field.value && next.errorDisplayed === prev.errorDisplayed;
 });
 var ControlledInput = function ControlledInput(_ref) {
@@ -29281,11 +29289,6 @@ 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) {
@@ -29305,10 +29308,10 @@ var Form = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
     mode: 'onChange'
   });
 
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      initialReseted = _useState4[0],
-      setReset = _useState4[1];
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      initialReseted = _useState2[0],
+      setReset = _useState2[1];
 
   useEffect(function () {
     _reset(cleanInputArray(value, defaultValues, flow, schema));
@@ -29374,19 +29377,7 @@ var Form = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
       var clean = cleanOutputArray(data, schema);
       onSubmit(clean);
     }, onError)
-  }, /*#__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) {
+  }, formFlow.map(function (entry, idx) {
     var step = schema[entry];
 
     if (!step && typeof entry === 'string') {
@@ -29434,8 +29425,7 @@ var Form = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
       schema: schema,
       inputWrapper: inputWrapper,
       httpClient: maybeCustomHttpClient,
-      functionalProperty: functionalProperty,
-      expandedAll: expandedAll
+      functionalProperty: functionalProperty
     }));
   }), /*#__PURE__*/React.createElement(Footer, {
     render: footer,
@@ -29493,8 +29483,7 @@ var Step = function Step(_ref8) {
       index = _ref8.index,
       functionalProperty = _ref8.functionalProperty,
       parent = _ref8.parent,
-      onAfterChange = _ref8.onAfterChange,
-      expandedAll = _ref8.expandedAll;
+      onAfterChange = _ref8.onAfterChange;
   var classes = useCustomStyle();
 
   var _useFormContext2 = useFormContext(),
@@ -29559,7 +29548,6 @@ var Step = function Step(_ref8) {
         entry: en,
         step: stp,
         schema: schema,
-        expandedAll: expandedAll,
         inputWrapper: inputWrapper,
         httpClient: httpClient,
         defaultValue: stp === null || stp === void 0 ? void 0 : stp.defaultValue,
@@ -29637,8 +29625,7 @@ var Step = function Step(_ref8) {
           defaultValue: (_props$defaultValue = props.defaultValue) === null || _props$defaultValue === void 0 ? void 0 : _props$defaultValue.value,
           value: props.value,
           index: idx,
-          functionalProperty: functionalProperty,
-          expandedAll: expandedAll
+          functionalProperty: functionalProperty
         });
       }
     }));
@@ -29807,8 +29794,7 @@ var Step = function Step(_ref8) {
             value: getValues(entry) || defaultValue,
             index: index,
             functionalProperty: functionalProperty,
-            errorDisplayed: errorDisplayed,
-            expandedAll: expandedAll
+            errorDisplayed: errorDisplayed
           }));
 
         case format.code:
@@ -29876,15 +29862,15 @@ var Step = function Step(_ref8) {
           var FileInput = function FileInput(_ref10) {
             var onChange = _ref10.onChange;
 
-            var _useState5 = useState(false),
-                _useState6 = _slicedToArray(_useState5, 2),
-                uploading = _useState6[0],
-                setUploading = _useState6[1];
+            var _useState3 = useState(false),
+                _useState4 = _slicedToArray(_useState3, 2),
+                uploading = _useState4[0],
+                setUploading = _useState4[1];
 
-            var _useState7 = useState(undefined),
-                _useState8 = _slicedToArray(_useState7, 2),
-                input = _useState8[0],
-                setInput = _useState8[1];
+            var _useState5 = useState(undefined),
+                _useState6 = _slicedToArray(_useState5, 2),
+                input = _useState6[0],
+                setInput = _useState6[1];
 
             var setFiles = function setFiles(e) {
               var files = e.target.files;
@@ -30062,8 +30048,7 @@ var NestedForm = function NestedForm(_ref12) {
       value = _ref12.value,
       step = _ref12.step,
       functionalProperty = _ref12.functionalProperty,
-      index = _ref12.index,
-      expandedAll = _ref12.expandedAll;
+      index = _ref12.index;
 
   var _useFormContext4 = useFormContext(),
       getValues = _useFormContext4.getValues,
@@ -30072,15 +30057,12 @@ var NestedForm = function NestedForm(_ref12) {
       _useFormContext4.trigger;
       _useFormContext4.formState;
 
-  var _useState9 = useState(!!step.collapsed),
-      _useState10 = _slicedToArray(_useState9, 2),
-      collapsed = _useState10[0],
-      setCollapsed = _useState10[1];
+  var _useState7 = useState(!!step.collapsed),
+      _useState8 = _slicedToArray(_useState7, 2),
+      collapsed = _useState8[0],
+      setCollapsed = _useState8[1];
 
   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);
@@ -30199,8 +30181,7 @@ var NestedForm = function NestedForm(_ref12) {
       inputWrapper: inputWrapper,
       httpClient: maybeCustomHttpClient,
       defaultValue: value && value[entry],
-      functionalProperty: functionalProperty,
-      expandedAll: expandedAll
+      functionalProperty: functionalProperty
     }));
   }));
 };

package/lib/index.js

@@ -28549,7 +28549,6 @@ function CodeInput(_ref) {
   }, []);
   React.useEffect(function () {
     if (editor && (_typeof$1(value) === 'object' ? JSON.stringify(value, null, 2) : value) !== editor.state.doc.toString()) {
-      console.log("set value", value, value === null || value === undefined ? '' : _typeof$1(value) === 'object' ? JSON.stringify(value, null, 2) : value, editor.state.doc.toString());
       editor.dispatch({
         changes: {
           from: 0,
@@ -28963,6 +28962,15 @@ var CustomizableInput$1 = /*#__PURE__*/React__default["default"].memo(function (
 
   return props.children;
 }, function (prev, next) {
+  console.debug({
+    prev: prev,
+    next: next
+  });
+
+  if (next.render) {
+    return false;
+  }
+
   return prev.field.value === next.field.value && next.errorDisplayed === prev.errorDisplayed;
 });
 var ControlledInput = function ControlledInput(_ref) {
@@ -29315,11 +29323,6 @@ 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) {
@@ -29339,10 +29342,10 @@ var Form = /*#__PURE__*/React__default["default"].forwardRef(function (_ref7, re
     mode: 'onChange'
   });
 
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      initialReseted = _useState4[0],
-      setReset = _useState4[1];
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      initialReseted = _useState2[0],
+      setReset = _useState2[1];
 
   React.useEffect(function () {
     _reset(cleanInputArray(value, defaultValues, flow, schema));
@@ -29408,19 +29411,7 @@ var Form = /*#__PURE__*/React__default["default"].forwardRef(function (_ref7, re
       var clean = cleanOutputArray(data, schema);
       onSubmit(clean);
     }, onError)
-  }, /*#__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) {
+  }, formFlow.map(function (entry, idx) {
     var step = schema[entry];
 
     if (!step && typeof entry === 'string') {
@@ -29468,8 +29459,7 @@ var Form = /*#__PURE__*/React__default["default"].forwardRef(function (_ref7, re
       schema: schema,
       inputWrapper: inputWrapper,
       httpClient: maybeCustomHttpClient,
-      functionalProperty: functionalProperty,
-      expandedAll: expandedAll
+      functionalProperty: functionalProperty
     }));
   }), /*#__PURE__*/React__default["default"].createElement(Footer, {
     render: footer,
@@ -29527,8 +29517,7 @@ var Step = function Step(_ref8) {
       index = _ref8.index,
       functionalProperty = _ref8.functionalProperty,
       parent = _ref8.parent,
-      onAfterChange = _ref8.onAfterChange,
-      expandedAll = _ref8.expandedAll;
+      onAfterChange = _ref8.onAfterChange;
   var classes = useCustomStyle();
 
   var _useFormContext2 = reactHookForm.useFormContext(),
@@ -29593,7 +29582,6 @@ var Step = function Step(_ref8) {
         entry: en,
         step: stp,
         schema: schema,
-        expandedAll: expandedAll,
         inputWrapper: inputWrapper,
         httpClient: httpClient,
         defaultValue: stp === null || stp === void 0 ? void 0 : stp.defaultValue,
@@ -29671,8 +29659,7 @@ var Step = function Step(_ref8) {
           defaultValue: (_props$defaultValue = props.defaultValue) === null || _props$defaultValue === void 0 ? void 0 : _props$defaultValue.value,
           value: props.value,
           index: idx,
-          functionalProperty: functionalProperty,
-          expandedAll: expandedAll
+          functionalProperty: functionalProperty
         });
       }
     }));
@@ -29841,8 +29828,7 @@ var Step = function Step(_ref8) {
             value: getValues(entry) || defaultValue,
             index: index,
             functionalProperty: functionalProperty,
-            errorDisplayed: errorDisplayed,
-            expandedAll: expandedAll
+            errorDisplayed: errorDisplayed
           }));
 
         case format.code:
@@ -29910,15 +29896,15 @@ var Step = function Step(_ref8) {
           var FileInput = function FileInput(_ref10) {
             var onChange = _ref10.onChange;
 
-            var _useState5 = React.useState(false),
-                _useState6 = _slicedToArray(_useState5, 2),
-                uploading = _useState6[0],
-                setUploading = _useState6[1];
+            var _useState3 = React.useState(false),
+                _useState4 = _slicedToArray(_useState3, 2),
+                uploading = _useState4[0],
+                setUploading = _useState4[1];
 
-            var _useState7 = React.useState(undefined),
-                _useState8 = _slicedToArray(_useState7, 2),
-                input = _useState8[0],
-                setInput = _useState8[1];
+            var _useState5 = React.useState(undefined),
+                _useState6 = _slicedToArray(_useState5, 2),
+                input = _useState6[0],
+                setInput = _useState6[1];
 
             var setFiles = function setFiles(e) {
               var files = e.target.files;
@@ -30096,8 +30082,7 @@ var NestedForm = function NestedForm(_ref12) {
       value = _ref12.value,
       step = _ref12.step,
       functionalProperty = _ref12.functionalProperty,
-      index = _ref12.index,
-      expandedAll = _ref12.expandedAll;
+      index = _ref12.index;
 
   var _useFormContext4 = reactHookForm.useFormContext(),
       getValues = _useFormContext4.getValues,
@@ -30106,15 +30091,12 @@ var NestedForm = function NestedForm(_ref12) {
       _useFormContext4.trigger;
       _useFormContext4.formState;
 
-  var _useState9 = React.useState(!!step.collapsed),
-      _useState10 = _slicedToArray(_useState9, 2),
-      collapsed = _useState10[0],
-      setCollapsed = _useState10[1];
+  var _useState7 = React.useState(!!step.collapsed),
+      _useState8 = _slicedToArray(_useState7, 2),
+      collapsed = _useState8[0],
+      setCollapsed = _useState8[1];
 
   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);
@@ -30233,8 +30215,7 @@ var NestedForm = function NestedForm(_ref12) {
       inputWrapper: inputWrapper,
       httpClient: maybeCustomHttpClient,
       defaultValue: value && value[entry],
-      functionalProperty: functionalProperty,
-      expandedAll: expandedAll
+      functionalProperty: functionalProperty
     }));
   }));
 };

package/package.json

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