@startlibs/form 1.0.0-alpha-10e → 1.0.0-alpha-10f

package/lib/index.js

@@ -3167,7 +3167,7 @@ var ConfirmEditableBoxes = React.forwardRef(function (_ref, ref) {
 
   var modifiedEditablesPath = function modifiedEditablesPath(boxes) {
     return modifiedEditableBoxes(boxes).map(function (_) {
-      return _.path;
+      return utils.callIfFunction(_.path);
     });
   };
 
@@ -3195,7 +3195,7 @@ var ConfirmEditableBoxes = React.forwardRef(function (_ref, ref) {
     var validated = modifiedEditableBoxes(sharedBoxes()).reduce(function (_ref5, box) {
       var success = _ref5.success,
           errors = _ref5.errors;
-      var index = box.path;
+      var index = utils.callIfFunction(box.path);
 
       var _box$modifiedValue = box.modifiedValue(),
           _box$modifiedValue2 = _slicedToArray(_box$modifiedValue, 2),
@@ -3495,18 +3495,38 @@ var EditableBoxPresentation = styled__default(React.forwardRef(function (_ref13,
 var SharedEditableTabBox = function SharedEditableTabBox(_ref15) {
   var path = _ref15.path,
       isSingle = _ref15.isSingle,
-      props = _objectWithoutProperties(_ref15, ["path", "isSingle"]);
+      _ref15$checkIsNew = _ref15.checkIsNew,
+      checkIsNew = _ref15$checkIsNew === void 0 ? function (a, b) {
+    return a !== b;
+  } : _ref15$checkIsNew,
+      props = _objectWithoutProperties(_ref15, ["path", "isSingle", "checkIsNew"]);
 
   var editableGroup = React.useContext(EditableContext);
   var form = React.useContext(FormContext);
-  var isNew = core.useRefState(isSingle ? false : utils._s.get(path, form.getOriginalValues()) !== form.getValue(path));
+  var isNew = core.useRefState(function () {
+    return isSingle ? false : checkIsNew(utils._s.get(path, form.getOriginalValues()), form.getValue(path));
+  });
   var internalBox = React__default.useRef();
+  var pathRef = core.useRefMemo(path);
 
   var loading = function loading() {
     return internalBox.current.loading;
   };
 
-  var selfRef = React.useRef();
+  var modifiedValue = function modifiedValue() {
+    var oldItem = internalBox.current.getValue(undefined, form.getOriginalValues());
+    var newItem = internalBox.current.getValue();
+    return newItem !== oldItem ? [newItem, true] : [oldItem, false];
+  };
+
+  var selfRef = React.useRef({
+    loading: loading,
+    path: function path() {
+      return pathRef.current;
+    },
+    form: form,
+    modifiedValue: modifiedValue
+  });
 
   var resetField = function resetField() {
     return form.resetField([].concat(path));
@@ -3526,12 +3546,6 @@ var SharedEditableTabBox = function SharedEditableTabBox(_ref15) {
     editableGroup.sharedBoxes.register(selfRef.current);
   };
 
-  var modifiedValue = function modifiedValue() {
-    var oldItem = internalBox.current.getValue(undefined, form.getOriginalValues());
-    var newItem = internalBox.current.getValue();
-    return newItem !== oldItem ? [newItem, true] : [oldItem, false];
-  };
-
   var validate = function validate(props, path) {
     var errors = editableGroup.itemValidation(props, path);
 
@@ -3622,12 +3636,6 @@ var SharedEditableTabBox = function SharedEditableTabBox(_ref15) {
     }
   };
 
-  selfRef.current = {
-    loading: loading,
-    path: path,
-    form: form,
-    modifiedValue: modifiedValue
-  };
   return React__default.createElement(EditableBoxPresentation, _extends({
     ref: internalBox,
     resetField: resetField,
@@ -3651,7 +3659,6 @@ var EditableBox = function EditableBox(_ref17) {
 
   var editableGroup = React.useContext(EditableContext);
   var form = React.useContext(FormContext);
-  var selfRef = React.useRef();
   var internalBox = React__default.useRef();
 
   var resetField = function resetField() {
@@ -3704,14 +3711,17 @@ var EditableBox = function EditableBox(_ref17) {
     return internalBox.current.loading;
   };
 
-  selfRef.current = {
+  var pathRef = core.useRefMemo(path);
+  var selfRef = React.useRef({
     loading: loading,
-    path: path,
+    path: function path() {
+      return pathRef.current;
+    },
     form: form,
     modifiedValue: modifiedValue,
     handleSubmit: handleSubmit,
     close: close
-  };
+  });
   return React__default.createElement(EditableBoxPresentation, _extends({
     ref: internalBox,
     resetField: resetField,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startlibs/form",
-  "version": "1.0.0-alpha-10e",
+  "version": "1.0.0-alpha-10f",
   "description": "Startlibs Form",
   "main": "lib/index.js",
   "sideEffects": false,
@@ -8,9 +8,8 @@
   "peerDependencies": {
     "lodash": "^4.17.11",
     "polished": "^1.1.3",
-    "react": "^16.8",
-    "react-dom": "^16.8",
-    "react-hot-loader": "^4.3.5",
+    "react": "^18.0",
+    "react-dom": "^18.0",
     "styled-components": "^5.2.0"
   },
   "devDependencies": {