@industry-theme/backlogmd-kanban-panel 1.0.5 → 1.0.6

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanPanel.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AA6LpD;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMrD,CAAC"}
+{"version":3,"file":"KanbanPanel.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAmMpD;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMrD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/KanbanColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyQpD,CAAC"}
+{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/KanbanColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8QpD,CAAC"}

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

@@ -7,6 +7,7 @@
 import type { Task } from '@backlog-md/core';
 /**
  * Generate mock tasks for testing the kanban board
+ * Creates 25 active tasks and 10 completed tasks to test pagination
  */
 export declare function generateMockTasks(): Task[];
 /**

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;AAE7C;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,EAAE,CAuJ1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED;;GAEG;AACH,wBAAgB,kBAAkB;;;;;;;;;;;;EAcjC"}
+{"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;AAsE7C;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,EAAE,CAqD1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED;;GAEG;AACH,wBAAgB,kBAAkB;;;;;;;;;;;;EAcjC"}

package/dist/panels.bundle.js

@@ -954,25 +954,18 @@ class Core {
     const tasksLimit = (options == null ? void 0 : options.tasksLimit) ?? 10;
     const completedLimit = (options == null ? void 0 : options.completedLimit) ?? 10;
     const offset = (options == null ? void 0 : options.offset) ?? 0;
-    const tasksSortDirection = (options == null ? void 0 : options.tasksSortDirection) ?? "asc";
+    (options == null ? void 0 : options.tasksSortDirection) ?? "asc";
     const completedSortByIdDesc = (options == null ? void 0 : options.completedSortByIdDesc) ?? true;
     const sources = ["tasks", "completed"];
     const bySource = /* @__PURE__ */ new Map();
     for (const source of sources) {
       let entries = Array.from(this.taskIndex.values()).filter((e) => e.source === source);
       const limit = source === "tasks" ? tasksLimit : completedLimit;
-      if (source === "completed" && completedSortByIdDesc) {
-        entries = entries.sort((a, b) => {
-          const aNum = parseInt(a.id.replace(/\D/g, ""), 10) || 0;
-          const bNum = parseInt(b.id.replace(/\D/g, ""), 10) || 0;
-          return bNum - aNum;
-        });
-      } else {
-        entries = entries.sort((a, b) => {
-          const cmp = a.title.localeCompare(b.title);
-          return tasksSortDirection === "asc" ? cmp : -cmp;
-        });
-      }
+      entries = entries.sort((a, b) => {
+        const aNum = parseInt(a.id.replace(/\D/g, ""), 10) || 0;
+        const bNum = parseInt(b.id.replace(/\D/g, ""), 10) || 0;
+        return source === "completed" && completedSortByIdDesc ? bNum - aNum : aNum - bNum;
+      });
       const total = entries.length;
       const pageEntries = entries.slice(offset, offset + limit);
       const items = await this.loadTasks(pageEntries.map((e) => e.id));
@@ -1002,21 +995,14 @@ class Core {
       throw new Error("Core not lazy initialized. Call initializeLazy() first.");
     }
     const limit = (options == null ? void 0 : options.limit) ?? 10;
-    const sortDirection = (options == null ? void 0 : options.sortDirection) ?? "asc";
+    (options == null ? void 0 : options.sortDirection) ?? "asc";
     const completedSortByIdDesc = (options == null ? void 0 : options.completedSortByIdDesc) ?? true;
     let entries = Array.from(this.taskIndex.values()).filter((e) => e.source === source);
-    if (source === "completed" && completedSortByIdDesc) {
-      entries = entries.sort((a, b) => {
-        const aNum = parseInt(a.id.replace(/\D/g, ""), 10) || 0;
-        const bNum = parseInt(b.id.replace(/\D/g, ""), 10) || 0;
-        return bNum - aNum;
-      });
-    } else {
-      entries = entries.sort((a, b) => {
-        const cmp = a.title.localeCompare(b.title);
-        return sortDirection === "asc" ? cmp : -cmp;
-      });
-    }
+    entries = entries.sort((a, b) => {
+      const aNum = parseInt(a.id.replace(/\D/g, ""), 10) || 0;
+      const bNum = parseInt(b.id.replace(/\D/g, ""), 10) || 0;
+      return source === "completed" && completedSortByIdDesc ? bNum - aNum : aNum - bNum;
+    });
     const total = entries.length;
     const pageEntries = entries.slice(currentOffset, currentOffset + limit);
     const items = await this.loadTasks(pageEntries.map((e) => e.id));
@@ -1645,9 +1631,15 @@ const KanbanColumn = ({
     "div",
     {
       style: {
-        flex: "1",
-        minWidth: "min(280px, 85vw)",
-        // Responsive width for mobile
+        flex: "1 1 0",
+        // Grow to fill available width equally
+        minWidth: "280px",
+        maxWidth: "500px",
+        // Cap max width for readability
+        height: "100%",
+        // Fill parent height
+        minHeight: 0,
+        // Allow shrinking
         display: "flex",
         flexDirection: "column",
         gap: "12px",
@@ -1700,6 +1692,8 @@ const KanbanColumn = ({
           {
             style: {
               flex: 1,
+              minHeight: 0,
+              // Critical: allows flex child to shrink and scroll
               display: "flex",
               flexDirection: "column",
               gap: "8px",
@@ -1712,6 +1706,8 @@ const KanbanColumn = ({
                 {
                   onClick: () => onTaskClick == null ? void 0 : onTaskClick(task),
                   style: {
+                    flexShrink: 0,
+                    // Prevent card from shrinking
                     background: theme2.colors.surface,
                     borderRadius: theme2.radii[2],
                     padding: "12px",
@@ -2227,9 +2223,13 @@ const KanbanPanelContent = ({
         // Responsive padding for mobile
         fontFamily: theme2.fonts.body,
         height: "100%",
+        boxSizing: "border-box",
+        // Include padding in height calculation
         display: "flex",
         flexDirection: "column",
         gap: "16px",
+        overflow: "hidden",
+        // Prevent outer scrolling
         backgroundColor: theme2.colors.background,
         color: theme2.colors.text
       },
@@ -2238,6 +2238,8 @@ const KanbanPanelContent = ({
           "div",
           {
             style: {
+              flexShrink: 0,
+              // Don't shrink header
               display: "flex",
               alignItems: "center",
               gap: "12px",
@@ -2263,6 +2265,8 @@ const KanbanPanelContent = ({
           "div",
           {
             style: {
+              flexShrink: 0,
+              // Don't shrink error message
               padding: "12px",
               background: `${theme2.colors.error}20`,
               border: `1px solid ${theme2.colors.error}`,
@@ -2292,9 +2296,13 @@ const KanbanPanelContent = ({
               flex: 1,
               display: "flex",
               gap: "16px",
+              justifyContent: "center",
+              // Center columns when they hit max-width
               overflowX: "auto",
               overflowY: "hidden",
               paddingBottom: "8px",
+              minHeight: 0,
+              // Allow flex child to shrink below content size
               WebkitOverflowScrolling: "touch"
               // Smooth scrolling on iOS
             },