@maif/react-forms 1.0.57 → 1.0.58

package/lib/esm/index.js

@@ -29046,13 +29046,7 @@ var Form = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
       _ref7$options = _ref7.options,
       options = _ref7$options === void 0 ? {} : _ref7$options;
       _ref7.nostyle;
-
-  var _useState = useState(schema),
-      _useState2 = _slicedToArray(_useState, 2),
-      calcSchema = _useState2[0];
-      _useState2[1];
-
-  var formFlow = flow || Object.keys(calcSchema);
+  var formFlow = flow || Object.keys(schema);
 
   var maybeCustomHttpClient = function maybeCustomHttpClient(url, method) {
     //todo: if present props.resolve()
@@ -29069,7 +29063,7 @@ var Form = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
     });
   };
 
-  var defaultValues = getDefaultValues(formFlow, calcSchema, value); //FIXME: get real schema through the switch
+  var defaultValues = getDefaultValues(formFlow, schema, value); //FIXME: get real schema through the switch
 
   var _resolver = function resolver(rawData) {
     var _getShapeAndDependenc2 = getShapeAndDependencies(formFlow, schema, [], rawData),
@@ -29088,10 +29082,10 @@ var Form = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
     mode: 'onChange'
   });
 
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      initialReseted = _useState4[0];
-      _useState4[1]; // useEffect(() => {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      initialReseted = _useState2[0];
+      _useState2[1]; // useEffect(() => {
   //   reset(cleanInputArray(value, defaultValues, flow, schema))
   //   setReset(true)
   // }, [reset])
@@ -29110,7 +29104,7 @@ var Form = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
       watch = methods.watch;
   useHashEffect(function () {
     _reset(_objectSpread2$1({}, cleanInputArray(value, defaultValues, flow, schema)));
-  }, [value, calcSchema]);
+  }, [value, schema]);
 
   var functionalProperty = function functionalProperty(entry, prop) {
     if (typeof prop === 'function') {
@@ -29510,7 +29504,7 @@ var Step = function Step(_ref8) {
         entry: entry,
         errorDisplayed: errorDisplayed
       }, /*#__PURE__*/React.createElement(BooleanInput, {
-        className: classNames(steop.className, _defineProperty$1({}, 'input__invalid', errorDisplayed))
+        className: classNames(step.className, _defineProperty$1({}, 'input__invalid', errorDisplayed))
       }));
 
     case type.object:
@@ -29633,15 +29627,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;
@@ -29825,10 +29819,10 @@ var NestedForm = function NestedForm(_ref12) {
       setValue = _useFormContext4.setValue,
       watch = _useFormContext4.watch;
 
-  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];
 
   useWatch(step === null || step === void 0 ? void 0 : (_step$conditionalSche = step.conditionalSchema) === null || _step$conditionalSche === void 0 ? void 0 : _step$conditionalSche.ref);
   var schemaAndFlow = option(step.conditionalSchema).map(function (condiSchema) {

package/lib/index.css

@@ -328,13 +328,13 @@
 }
 
 .switch_button_on {
-  background-color: #fff;
-  border-radius: 20px;
   cursor: pointer;
   width: 20px;
   height: 20px;
   background-color: #fff;
   border-radius: 20px;
+  border: 1px solid #dfdfdf;
+  box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.3);
 }
 
 .switch_button_off {

package/lib/index.js

@@ -29081,13 +29081,7 @@ var Form = /*#__PURE__*/React__default["default"].forwardRef(function (_ref7, re
       _ref7$options = _ref7.options,
       options = _ref7$options === void 0 ? {} : _ref7$options;
       _ref7.nostyle;
-
-  var _useState = React.useState(schema),
-      _useState2 = _slicedToArray(_useState, 2),
-      calcSchema = _useState2[0];
-      _useState2[1];
-
-  var formFlow = flow || Object.keys(calcSchema);
+  var formFlow = flow || Object.keys(schema);
 
   var maybeCustomHttpClient = function maybeCustomHttpClient(url, method) {
     //todo: if present props.resolve()
@@ -29104,7 +29098,7 @@ var Form = /*#__PURE__*/React__default["default"].forwardRef(function (_ref7, re
     });
   };
 
-  var defaultValues = getDefaultValues(formFlow, calcSchema, value); //FIXME: get real schema through the switch
+  var defaultValues = getDefaultValues(formFlow, schema, value); //FIXME: get real schema through the switch
 
   var _resolver = function resolver(rawData) {
     var _getShapeAndDependenc2 = getShapeAndDependencies(formFlow, schema, [], rawData),
@@ -29123,10 +29117,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];
-      _useState4[1]; // useEffect(() => {
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      initialReseted = _useState2[0];
+      _useState2[1]; // useEffect(() => {
   //   reset(cleanInputArray(value, defaultValues, flow, schema))
   //   setReset(true)
   // }, [reset])
@@ -29145,7 +29139,7 @@ var Form = /*#__PURE__*/React__default["default"].forwardRef(function (_ref7, re
       watch = methods.watch;
   useHashEffect(function () {
     _reset(_objectSpread2$1({}, cleanInputArray(value, defaultValues, flow, schema)));
-  }, [value, calcSchema]);
+  }, [value, schema]);
 
   var functionalProperty = function functionalProperty(entry, prop) {
     if (typeof prop === 'function') {
@@ -29545,7 +29539,7 @@ var Step = function Step(_ref8) {
         entry: entry,
         errorDisplayed: errorDisplayed
       }, /*#__PURE__*/React__default["default"].createElement(BooleanInput, {
-        className: classNames__default["default"](steop.className, _defineProperty$1({}, 'input__invalid', errorDisplayed))
+        className: classNames__default["default"](step.className, _defineProperty$1({}, 'input__invalid', errorDisplayed))
       }));
 
     case type.object:
@@ -29668,15 +29662,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;
@@ -29860,10 +29854,10 @@ var NestedForm = function NestedForm(_ref12) {
       setValue = _useFormContext4.setValue,
       watch = _useFormContext4.watch;
 
-  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];
 
   reactHookForm.useWatch(step === null || step === void 0 ? void 0 : (_step$conditionalSche = step.conditionalSchema) === null || _step$conditionalSche === void 0 ? void 0 : _step$conditionalSche.ref);
   var schemaAndFlow = option(step.conditionalSchema).map(function (condiSchema) {

package/package.json

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