@ws-ui/http-handlers-editor 1.13.0-dev.6 → 1.13.0-dev.7

package/dist/index.es.js

@@ -12218,7 +12218,7 @@ function dg(e, r) {
         }))
       };
     case "SYNC_DATA":
-      return {
+      return e.editing !== null || e.newlyCreatedHandlerID !== null ? e : {
         ...e,
         content: r.payload.map((t) => {
           const o = e.content.find((n) => n.id === t.id);
@@ -13166,27 +13166,36 @@ const ir = new la(), Ke = () => document.querySelector(`.${Jl}`) || document.bod
   className: e
 }) => {
   const r = Wt(), t = r.getEditingHandlerId();
-  return /* @__PURE__ */ p($e, { label: "Add a new HTTP Handler", container: Ke(), children: /* @__PURE__ */ p(
-    st,
+  return /* @__PURE__ */ p(
+    $e,
     {
-      "data-cy": "handlers-editor-add-handler-button",
-      variant: "ghost",
-      color: "white",
-      disabled: !!t,
-      onClick: () => {
-        ir.next(t), r.actions.addHandler({
-          class: "",
-          isExpanded: !0,
-          method: "",
-          pattern: "",
-          verbs: [],
-          regexPattern: ""
-        });
-      },
-      className: e,
-      children: /* @__PURE__ */ p(Ql, { className: "size-4" })
+      label: "Add a new HTTP Handler",
+      container: Ke(),
+      position: "left",
+      usePortal: !0,
+      children: /* @__PURE__ */ p(
+        st,
+        {
+          "data-cy": "handlers-editor-add-handler-button",
+          variant: "ghost",
+          color: "white",
+          disabled: !!t,
+          onClick: () => {
+            ir.next(t), r.actions.addHandler({
+              class: "",
+              isExpanded: !0,
+              method: "",
+              pattern: "",
+              verbs: [],
+              regexPattern: ""
+            });
+          },
+          className: e,
+          children: /* @__PURE__ */ p(Ql, { className: "size-4" })
+        }
+      )
     }
-  ) });
+  );
 }, bg = ({
   label: e,
   Icon: r,