@bigbinary/neeto-rules-frontend 2.5.15-beta-3 → 2.5.15-beta-4

package/dist/cjs/NeetoRulesForm.js

@@ -110,7 +110,7 @@ var useActiveField = function useActiveField(name) {
   react.useEffect(function () {
     if (!shouldAutoFocus || activeField) return;
     setFieldActive();
-  }, []);
+  }, [name]);
   react.useEffect(function () {
     var shouldFocus = shouldFocusRef.current;
     shouldFocusRef.current = true;
@@ -125,10 +125,12 @@ var useActiveField = function useActiveField(name) {
     shouldFocusRef.current = !ref.current;
     if (needsRerender) {
       setPanelState(ramda.assocPath(["data", "activeField"], null));
+      requestAnimationFrame(function () {
+        return setPanelState(ramda.assocPath(["data", "activeField"], name));
+      });
+    } else {
+      setPanelState(ramda.assocPath(["data", "activeField"], name));
     }
-    requestAnimationFrame(function () {
-      return setPanelState(ramda.assocPath(["data", "activeField"], name));
-    });
   };
   var resetActiveField = function resetActiveField() {
     return setPanelState(ramda.assocPath(["data", "activeField"], null));
@@ -968,17 +970,17 @@ var EditorAction = function EditorAction(_ref) {
     editorRef = _ref$editorRef === void 0 ? null : _ref$editorRef,
     defaults = _ref.defaults,
     otherProps = _objectWithoutProperties(_ref, _excluded$d);
-  var _useState = react.useState(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    editorData = _useState2[0],
-    setEditorData = _useState2[1];
+  var _useStateWithDependen = reactUtils.useStateWithDependency(value, [name]),
+    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
+    editorData = _useStateWithDependen2[0],
+    setEditorData = _useStateWithDependen2[1];
   var _useFormikContext = formik.useFormikContext(),
     setFieldValue = _useFormikContext.setFieldValue;
   var debouncedValue = reactUtils.useDebounce(editorData, 200);
   react.useEffect(function () {
     setFieldValue(name, editorData);
   }, [debouncedValue]);
-  return /*#__PURE__*/jsxRuntime.jsx(FormikEditor, _objectSpread$n({
+  return /*#__PURE__*/react.createElement(FormikEditor, _objectSpread$n({
     addons: addons,
     autoFocus: autoFocus,
     defaults: defaults,
@@ -988,6 +990,7 @@ var EditorAction = function EditorAction(_ref) {
     hideSlashCommands: true,
     className: "w-full",
     "data-cy": "neeto-editor",
+    key: name,
     ref: editorRef,
     onChange: setEditorData
   }, otherProps));