add new grid carousels

src/renderer/components/item-list/helpers/get-dragged-items.ts

@@ -26,9 +26,9 @@ const hasRequiredDragProperties = (
  * Gets the items that should be dragged based on the current data and selection state.
  * If the current item is already selected, drag all selected items.
  * Otherwise, select and drag only the current item.
+ * If internalState is not provided, returns the single item wrapped in an array.
  *
  * @param data - The item data to drag (Album, AlbumArtist, Artist, Playlist, or Song)
- * @param itemType - The type of library item
  * @param internalState - The item list state actions (optional)
  * @param updateSelection - Whether to update the selection state (default: true)
  * @returns Array of items that should be dragged (with original values, asserting id, itemType, and _serverId)
@@ -38,7 +38,7 @@ export const getDraggedItems = (
     internalState?: ItemListStateActions,
     updateSelection: boolean = true,
 ): ItemListStateItemWithRequiredProperties[] => {
-    if (!data || !internalState) {
+    if (!data) {
         return [];
     }
 
@@ -46,14 +46,18 @@ export const getDraggedItems = (
         return [];
     }
 
+    const draggedItem = data as ItemListStateItemWithRequiredProperties;
+
+    if (!internalState) {
+        return [draggedItem];
+    }
+
     const rowId = internalState.extractRowId(data);
 
     if (!rowId) {
-        return [];
+        return [draggedItem];
     }
 
-    const draggedItem = data as ItemListStateItemWithRequiredProperties;
-
     const previouslySelected = internalState.getSelected();
     const isDraggingSelectedItem = previouslySelected.some((selected) => {
         if (hasRequiredDragProperties(selected)) {

src/renderer/components/item-list/item-table-list/item-table-list-column.tsx

@@ -102,13 +102,14 @@ export const ItemTableListColumn = (props: ItemTableListColumn) => {
             },
             itemType: props.itemType,
             onDragStart: () => {
-                if (!item || !isDataRow || !props.internalState) {
+                if (!item || !isDataRow) {
                     return;
                 }
 
                 const draggedItems = getDraggedItems(item as any, props.internalState);
-
-                props.internalState.setDragging(draggedItems);
+                if (props.internalState) {
+                    props.internalState.setDragging(draggedItems);
+                }
             },
             onDrop: () => {
                 if (props.internalState) {