@hed-hog/lms 0.0.312 → 0.0.315

package/hedhog/frontend/app/courses/[id]/structure/_components/sortable-tree-row.tsx.ejs

@@ -1,80 +1,80 @@
-'use client';
-
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-
-import { DragHandle } from './drag-handle';
-import { TreeRow } from './tree-row';
-import type { FlatItem } from './types';
-
-interface SortableTreeRowProps {
-  item: FlatItem;
-  isActive: boolean;
-  isSelected: boolean;
-  query: string;
-  isMatched: boolean;
-  isEffectivelyExpanded: boolean;
-  lessonCountMap: Map<string, number>;
-  visibleItems: FlatItem[];
-  /** When true (filter active) drag is disabled. */
-  dragDisabled: boolean;
-}
-
-export function SortableTreeRow({
-  item,
-  isActive,
-  isSelected,
-  query,
-  isMatched,
-  isEffectivelyExpanded,
-  lessonCountMap,
-  visibleItems,
-  dragDisabled,
-}: SortableTreeRowProps) {
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform,
-    transition,
-    isDragging,
-  } = useSortable({
-    id: `${item.type}:${item.id}`,
-    disabled: dragDisabled || item.type === 'course',
-    data: { item },
-  });
-
-  const style: React.CSSProperties = {
-    transform: CSS.Transform.toString(transform),
-    transition,
-    opacity: isDragging ? 0.35 : undefined,
-  };
-
-  return (
-    <div ref={setNodeRef} style={style} className="flex items-stretch h-full">
-      {/* Drag handle — only for sortable types */}
-      {item.type !== 'course' && (
-        <DragHandle
-          listeners={listeners}
-          attributes={attributes}
-          disabled={dragDisabled}
-          className="my-auto"
-        />
-      )}
-
-      {/* Row content fills remaining space */}
-      <div className="flex-1 min-w-0">
-        <TreeRow
-          item={item}
-          isActive={isActive}
-          isSelected={isSelected}
-          query={query}
-          isMatched={isMatched}
-          isEffectivelyExpanded={isEffectivelyExpanded}
-          lessonCountMap={lessonCountMap}
-          visibleItems={visibleItems}
-        />
-      </div>
-    </div>
-  );
-}
+'use client';
+
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+
+import { DragHandle } from './drag-handle';
+import { TreeRow } from './tree-row';
+import type { FlatItem } from './types';
+
+interface SortableTreeRowProps {
+  item: FlatItem;
+  isActive: boolean;
+  isSelected: boolean;
+  query: string;
+  isMatched: boolean;
+  isEffectivelyExpanded: boolean;
+  lessonCountMap: Map<string, number>;
+  visibleItems: FlatItem[];
+  /** When true (filter active) drag is disabled. */
+  dragDisabled: boolean;
+}
+
+export function SortableTreeRow({
+  item,
+  isActive,
+  isSelected,
+  query,
+  isMatched,
+  isEffectivelyExpanded,
+  lessonCountMap,
+  visibleItems,
+  dragDisabled,
+}: SortableTreeRowProps) {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging,
+  } = useSortable({
+    id: `${item.type}:${item.id}`,
+    disabled: dragDisabled || item.type === 'course',
+    data: { item },
+  });
+
+  const style: React.CSSProperties = {
+    transform: CSS.Transform.toString(transform),
+    transition,
+    opacity: isDragging ? 0.35 : undefined,
+  };
+
+  return (
+    <div ref={setNodeRef} style={style} className="flex items-stretch h-full">
+      {/* Drag handle — only for sortable types */}
+      {item.type !== 'course' && (
+        <DragHandle
+          listeners={listeners}
+          attributes={attributes}
+          disabled={dragDisabled}
+          className="my-auto"
+        />
+      )}
+
+      {/* Row content fills remaining space */}
+      <div className="flex-1 min-w-0">
+        <TreeRow
+          item={item}
+          isActive={isActive}
+          isSelected={isSelected}
+          query={query}
+          isMatched={isMatched}
+          isEffectivelyExpanded={isEffectivelyExpanded}
+          lessonCountMap={lessonCountMap}
+          visibleItems={visibleItems}
+        />
+      </div>
+    </div>
+  );
+}