@industry-theme/backlogmd-kanban-panel 1.0.29 → 1.0.30

package/dist/panels/KanbanPanel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAkB0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoLnC,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC"}
+{"version":3,"file":"KanbanPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAe5D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAkB0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqKnC,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC"}

package/dist/panels/kanban/components/TaskCard.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
 import type { Task } from '@backlog-md/core';
-interface TaskCardProps {
+export interface TaskCardProps {
     task: Task;
     onClick?: (task: Task) => void;
     isDragOverlay?: boolean;
     isSelected?: boolean;
 }
 export declare const TaskCard: React.FC<TaskCardProps>;
-export {};
 //# sourceMappingURL=TaskCard.d.ts.map

package/dist/panels/kanban/components/TaskCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/TaskCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,UAAU,aAAa;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqL5C,CAAC"}
+{"version":3,"file":"TaskCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/TaskCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyL5C,CAAC"}

package/dist/panels/kanban/mocks/mockData.d.ts

@@ -1,13 +1,26 @@
 /**
  * Mock Data Generator for Kanban Panel Testing
  *
- * Generates sample task data matching the Backlog.md Task interface
- * for testing and development purposes.
+ * Provides raw markdown file contents from the Backlog.md CLI project.
+ * These are passed to Core for parsing, testing the actual extraction logic.
  */
 import type { Task } from '@backlog-md/core';
 /**
- * Generate mock tasks for testing the kanban board
- * Creates 30 tasks with evenly distributed statuses (To Do, In Progress, Done)
+ * Raw markdown file contents from Backlog.md project
+ * The Core instance will parse these to extract description, acceptance criteria, etc.
+ */
+export declare const rawTaskMarkdownFiles: Record<string, string>;
+/**
+ * Get file paths for all mock task files
+ */
+export declare function getMockTaskFilePaths(): string[];
+/**
+ * Get raw markdown content for a file path
+ */
+export declare function getMockFileContent(filePath: string): string | undefined;
+/**
+ * Legacy function - returns empty array since we now use raw markdown
+ * @deprecated Use rawTaskMarkdownFiles directly
  */
 export declare function generateMockTasks(): Task[];
 /**
@@ -30,7 +43,7 @@ export declare function getMockPanelConfig(): {
     enableEdit: boolean;
     enableCreate: boolean;
 };
-/** Mock milestone data structure (includes filePath for test setup) */
+/** Mock milestone data structure */
 export interface MockMilestone {
     id: string;
     title: string;
@@ -41,7 +54,6 @@ export interface MockMilestone {
 }
 /**
  * Generate mock milestones for testing the milestone view
- * Note: Milestone files must be named m-{number}.md (e.g., m-0.md, m-1.md)
  */
 export declare function generateMockMilestones(): MockMilestone[];
 //# sourceMappingURL=mockData.d.ts.map

package/dist/panels/kanban/mocks/mockData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/mocks/mockData.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAiE7C;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,EAAE,CA6B1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED;;GAEG;AACH,wBAAgB,kBAAkB;;;;;;;;;;;;EAcjC;AAED,uEAAuE;AACvE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,aAAa,EAAE,CAmCxD"}
+{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/mocks/mockData.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAgavD,CAAC;AAEF;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,EAAE,CAE/C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAEvE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,EAAE,CAG1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED;;GAEG;AACH,wBAAgB,kBAAkB;;;;;;;;;;;;EAcjC;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,aAAa,EAAE,CAmCxD"}

package/dist/panels.bundle.js

@@ -4225,15 +4225,24 @@ function parseAcceptanceCriteria(content2) {
   return criteria;
 }
 function extractDescription(content2, title) {
+  const descriptionSection = extractSection(content2, "Description");
+  if (descriptionSection) {
+    return stripHtmlComments(descriptionSection).trim();
+  }
   let body = content2;
   if (title) {
-    body = body.replace(new RegExp(`^#\\s+${escapeRegex(title)}\\s*$`, "m"), "");
+    body = body.replace(new RegExp(`^#\\s+${escapeRegex(title)}\\s*\\n?`, "m"), "");
+  }
+  const firstSectionMatch = body.match(/^##\s+/m);
+  if (firstSectionMatch && firstSectionMatch.index !== void 0) {
+    body = body.slice(0, firstSectionMatch.index);
   }
-  body = body.replace(/^##\s+Acceptance Criteria[\s\S]*?(?=^##|$)/m, "");
-  body = body.replace(/^##\s+Implementation Plan[\s\S]*?(?=^##|$)/m, "");
-  body = body.replace(/^##\s+Implementation Notes[\s\S]*?(?=^##|$)/m, "");
+  body = stripHtmlComments(body);
   return body.trim();
 }
+function stripHtmlComments(content2) {
+  return content2.replace(/<!--[\s\S]*?-->/g, "").trim();
+}
 function extractIdFromPath(filePath) {
   const filename = filePath.split("/").pop() || "";
   const match = filename.match(/^(?:task-)?(\d+(?:\.\d+)?)\s*-/);
@@ -6150,17 +6159,17 @@ const TaskCard = ({
       case "medium":
         return theme2.colors.warning;
       case "low":
-        return theme2.colors.info;
+        return theme2.colors.primary;
       default:
-        return theme2.colors.border;
+        return theme2.colors.primary;
     }
   };
   const style2 = {
     flexShrink: 0,
-    background: isSelected ? `${theme2.colors.primary}10` : theme2.colors.surface,
+    background: theme2.colors.surface,
     borderRadius: theme2.radii[2],
     padding: "12px",
-    border: `1px solid ${isSelected ? theme2.colors.primary : theme2.colors.border}`,
+    border: `1px solid ${theme2.colors.border}`,
     borderLeft: `4px solid ${getPriorityColor(task.priority)}`,
     cursor: isDragOverlay ? "grabbing" : "grab",
     transition: isDragging ? "none" : "all 0.2s ease",
@@ -6170,10 +6179,6 @@ const TaskCard = ({
     // When dragging, the original card stays in place but becomes a placeholder
     // The DragOverlay handles the visual movement
     opacity: isDragging ? 0.4 : 1,
-    // Selected card styling
-    ...isSelected && !isDragOverlay && {
-      boxShadow: `0 0 0 1px ${theme2.colors.primary}`
-    },
     // Overlay card styling
     ...isDragOverlay && {
       boxShadow: `0 8px 16px rgba(0, 0, 0, 0.15)`,
@@ -6198,14 +6203,20 @@ const TaskCard = ({
       ...attributes,
       onMouseEnter: (e) => {
         if (!isDragging && !isDragOverlay) {
-          e.currentTarget.style.transform = "translateY(-2px)";
-          e.currentTarget.style.boxShadow = `0 4px 8px ${theme2.colors.border}`;
+          const desc = e.currentTarget.querySelector("p");
+          if (desc) {
+            desc.style.maxHeight = "20em";
+          }
+          e.currentTarget.style.borderLeft = `4px solid ${getPriorityColor(task.priority)}`;
         }
       },
       onMouseLeave: (e) => {
         if (!isDragging && !isDragOverlay) {
-          e.currentTarget.style.transform = "translateY(0)";
-          e.currentTarget.style.boxShadow = "none";
+          const desc = e.currentTarget.querySelector("p");
+          if (desc) {
+            desc.style.maxHeight = "2.8em";
+          }
+          e.currentTarget.style.borderLeft = `4px solid ${getPriorityColor(task.priority)}`;
         }
       },
       children: [
@@ -6215,7 +6226,7 @@ const TaskCard = ({
             style: {
               margin: "0 0 8px 0",
               fontSize: theme2.fontSizes[2],
-              color: theme2.colors.text,
+              color: isSelected ? getPriorityColor(task.priority) : theme2.colors.text,
               fontWeight: theme2.fontWeights.medium
             },
             children: displayTitle
@@ -6229,11 +6240,10 @@ const TaskCard = ({
               fontSize: theme2.fontSizes[1],
               color: theme2.colors.textSecondary,
               overflow: "hidden",
-              textOverflow: "ellipsis",
-              display: "-webkit-box",
-              WebkitLineClamp: 2,
-              WebkitBoxOrient: "vertical",
-              lineHeight: "1.4"
+              lineHeight: "1.4",
+              maxHeight: "2.8em",
+              // 2 lines (1.4 * 2)
+              transition: "max-height 0.3s ease"
             },
             children: task.description
           }