@overmap-ai/forms 1.0.10-conditional-arrows-2.3 → 1.0.10-conditional-arrows-2.5

package/dist/forms.js

@@ -2109,7 +2109,7 @@ const FieldActions = memo(function FieldActions2(props) {
       return {
         ...Action.buttonProps,
         onSelect: (_a = Action.buttonProps) == null ? void 0 : _a.onClick,
-        content: /* @__PURE__ */ jsx(Wrapper, { ...Action.wrapperProps, children: /* @__PURE__ */ jsxs(Flex, { gap: "2", align: "center", children: [
+        content: /* @__PURE__ */ jsx(Wrapper, { ...Action.wrapperProps, children: /* @__PURE__ */ jsxs(Flex, { gap: "2", align: "center", role: "button", children: [
           /* @__PURE__ */ jsx(Action.Icon, {}),
           Action.text
         ] }) })
@@ -2170,7 +2170,8 @@ const FieldWithActions = memo(function FieldWithActions2(props) {
       ref: draggableProvided.innerRef,
       ...draggableProvided.draggableProps,
       ...draggableProvided.dragHandleProps,
-      onDragStart: updateXarrow,
+      onDrag: updateXarrow,
+      onDragEnd: updateXarrow,
       id: `${field.identifier}-card`,
       mb: "4",
       children: /* @__PURE__ */ jsxs(Flex, { gap: "4", justify: "between", align: "center", children: [
@@ -2415,7 +2416,7 @@ const FieldSectionWithActions = memo(function FieldSectionWithActions2(props) {
   if (valueIsFile((_d = field.condition) == null ? void 0 : _d.value))
     throw new Error("File values are not supported for conditions.");
   const conditionValue = Array.isArray((_e = field.condition) == null ? void 0 : _e.value) ? (_g = (_f = field.condition) == null ? void 0 : _f.value) == null ? void 0 : _g.map((v) => typeof v === "string" ? v : v.label).join(", ") : (_i = (_h = field.condition) == null ? void 0 : _h.value) == null ? void 0 : _i.toString();
-  return /* @__PURE__ */ jsx(Draggable, { draggableId: field.identifier, index: sectionIndex, children: (draggableProvided) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Draggable, { draggableId: field.identifier, index: sectionIndex, children: (draggableProvided) => /* @__PURE__ */ jsxs(
     Flex,
     {
       className: styles$3.sectionContainer,
@@ -2425,12 +2426,13 @@ const FieldSectionWithActions = memo(function FieldSectionWithActions2(props) {
       justify: "center",
       align: "center",
       mb: "4",
-      children: /* @__PURE__ */ jsxs(Xwrapper, { children: [
+      children: [
         /* @__PURE__ */ jsx(
           Card,
           {
             ...draggableProvided.dragHandleProps,
-            onDragStart: updateXarrow,
+            onDrag: updateXarrow,
+            onDragEnd: updateXarrow,
             id: `${field.identifier}-card`,
             style: { flexGrow: "1" },
             children: /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "between", align: "center", children: [
@@ -2505,7 +2507,7 @@ const FieldSectionWithActions = memo(function FieldSectionWithActions2(props) {
           }
         ),
         field.condition && /* @__PURE__ */ jsx(ConditionalArrow, { identifier: field.identifier, condition: field.condition })
-      ] })
+      ]
     }
   ) });
 });
@@ -2656,17 +2658,19 @@ const FieldsEditor = memo(function FieldsEditor2() {
       direction: "column",
       gap: "0",
       children: [
-        values.fields.map((field, index) => /* @__PURE__ */ jsx(
-          FieldSectionWithActions,
-          {
-            field,
-            index,
-            dropState,
-            conditionalFieldCounts: conditionalFieldCounts()
-          },
-          field.label
-        )),
-        droppableProvided.placeholder,
+        /* @__PURE__ */ jsxs(Xwrapper, { children: [
+          values.fields.map((field, index) => /* @__PURE__ */ jsx(
+            FieldSectionWithActions,
+            {
+              field,
+              index,
+              dropState,
+              conditionalFieldCounts: conditionalFieldCounts()
+            },
+            field.label
+          )),
+          droppableProvided.placeholder
+        ] }),
         /* @__PURE__ */ jsx(FieldBuilder, { ...makeFieldSectionProps, children: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", children: [
           /* @__PURE__ */ jsx(PlusIcon, {}),
           " Add a section"