@open-mercato/ui 0.5.1-develop.2917.31ee9898e3 → 0.5.1-develop.2924.d13908516e

package/.turbo/turbo-build.log

@@ -1,3 +1,3 @@
 Generated lucide registry with 134 icons -> /home/runner/work/open-mercato/open-mercato/packages/ui/src/backend/icons/lucideRegistry.generated.tsx
-[build:ui] found 270 entry points
+[build:ui] found 271 entry points
 [build:ui] built successfully

package/dist/backend/CrudForm.js

@@ -3,7 +3,14 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
-import { DndContext, closestCenter, PointerSensor, KeyboardSensor, useSensor, useSensors } from "@dnd-kit/core";
+import {
+  DndContext,
+  closestCenter,
+  PointerSensor,
+  KeyboardSensor,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
 import { SortableContext, verticalListSortingStrategy, useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { DataLoader } from "../primitives/DataLoader.js";
@@ -72,6 +79,7 @@ import { parseBooleanWithDefault } from "@open-mercato/shared/lib/boolean";
 import { cn } from "@open-mercato/shared/lib/utils";
 import { useInjectionDataWidgets } from "./injection/useInjectionDataWidgets.js";
 import { CollapsibleGroup } from "./crud/CollapsibleGroup.js";
+import { SortableGroupHandleProvider } from "./crud/SortableGroupHandle.js";
 import { useGroupOrder } from "./crud/useGroupOrder.js";
 import { InjectedField } from "./injection/InjectedField.js";
 import { evaluateInjectedVisibility } from "./injection/visibility-utils.js";
@@ -83,6 +91,30 @@ const CRUDFORM_EXTENDED_EVENTS_ENABLED = parseBooleanWithDefault(
   process.env.NEXT_PUBLIC_OM_CRUDFORM_EXTENDED_EVENTS_ENABLED,
   true
 );
+function isFormControlTarget(target) {
+  if (!target || typeof target.tagName !== "string") return false;
+  const el = target;
+  const tag = el.tagName;
+  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
+  if (el.isContentEditable) return true;
+  return false;
+}
+function resolveActivatorEventTarget(event) {
+  const native = event.nativeEvent;
+  if (native && typeof native.target !== "undefined") return native.target;
+  return event.target ?? null;
+}
+class GuardedKeyboardSensor extends KeyboardSensor {
+  static {
+    this.activators = KeyboardSensor.activators.map((activator) => ({
+      eventName: activator.eventName,
+      handler: (event, options, context) => {
+        if (isFormControlTarget(resolveActivatorEventTarget(event))) return false;
+        return activator.handler(event, options, context);
+      }
+    }));
+  }
+}
 function resolveInternalNavigationTarget(target) {
   if (typeof window === "undefined" || target == null) return null;
   try {
@@ -187,14 +219,29 @@ class FieldDefinitionsManagerErrorBoundary extends React.Component {
   }
 }
 function SortableGroupItem({ id, children, disabled }) {
-  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id, disabled });
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    setActivatorNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = useSortable({ id, disabled });
   const style = {
     transform: CSS.Transform.toString(transform),
     transition,
     opacity: isDragging ? 0.5 : 1,
     position: "relative"
   };
-  return /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, ...attributes, ...listeners, children });
+  const handleProps = React.useMemo(() => ({
+    ref: setActivatorNodeRef,
+    attributes,
+    listeners,
+    isDragging,
+    disabled: !!disabled
+  }), [setActivatorNodeRef, attributes, listeners, isDragging, disabled]);
+  return /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, children: /* @__PURE__ */ jsx(SortableGroupHandleProvider, { value: handleProps, children }) });
 }
 function CrudForm({
   schema,
@@ -1277,7 +1324,7 @@ function CrudForm({
   );
   const sortableSensors = useSensors(
     useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),
-    useSensor(KeyboardSensor)
+    useSensor(GuardedKeyboardSensor)
   );
   const handleGroupDragEnd = React.useCallback((event) => {
     const { active, over } = event;