hazo_ui 6.9.0 → 6.10.0

package/CHANGE_LOG.md

@@ -5,6 +5,40 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## v6.10.0 (2026-08-15)
+
+### Added — `HazoUiKanban.renderColumnHeaderExtra`
+
+`renderColumnFooter` already gave consumers a slot under a column's body;
+there was no equivalent for the header. `renderColumnHeaderExtra` fills that
+gap — a render-prop that fires once per rendered copy of a column and returns
+a node placed inline in the header, next to the title and count badge:
+
+```tsx
+<HazoUiKanban
+  columns={columns}
+  items={items}
+  renderCard={(item) => <Card item={item} />}
+  renderColumnHeaderExtra={({ columnKey, laneKey }) =>
+    columnKey !== "todo" ? null : (
+      <SegmentedToggle value={view} onChange={setView} options={["All", "Recent"]} />
+    )
+  }
+/>
+```
+
+Same lane-scoping caveat as `renderColumnFooter`: on a laned board it fires
+once per (lane, column) pair, and the unmatched-lane sentinel row never gets
+one. The internal `render_column` parameter that gated this (`with_footer`)
+is renamed `with_consumer_callbacks` since it now gates both render-props for
+the same reason — leaking `UNMATCHED_LANE_KEY` to a consumer callback isn't
+specific to the footer.
+
+The returned node is wrapped so its pointer/mouse/key events stop
+propagation before reaching dnd-kit, the same guard already used by the
+card's pencil-edit affordance — this matters on a sectioned column, where the
+header is itself a droppable, and is a harmless no-op elsewhere.
+
 ## v6.9.0 (2026-08-06)
 
 ### Added — `Badge`, `StatusBadge`, `makeStatusBadge`

package/dist/index.cjs

@@ -9217,6 +9217,7 @@ function KanbanColumn({
   renderCard,
   emptyColumn,
   footer,
+  headerExtra,
   cardClassName,
   showEdit,
   onEditRequest,
@@ -9277,7 +9278,8 @@ function KanbanColumn({
             treeKey,
             title: column.title,
             count: items.length,
-            droppable: sections != null
+            droppable: sections != null,
+            headerExtra
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -9332,7 +9334,8 @@ function KanbanColumnHead({
   treeKey,
   title,
   count,
-  droppable
+  droppable,
+  headerExtra
 }) {
   const { setNodeRef, isOver } = core$1.useDroppable({
     id: tree_droppable_id("columnhead", treeKey, laneKey, columnKey),
@@ -9346,13 +9349,25 @@ function KanbanColumnHead({
       "data-column-key": columnKey,
       "data-lane-key": laneKey,
       className: cn(
-        "cls_hazo_kanban_column_head mb-2 flex items-center justify-between rounded-sm px-1 text-xs uppercase tracking-wider text-muted-foreground",
+        "cls_hazo_kanban_column_head mb-2 flex items-center justify-between gap-2 rounded-sm px-1 text-xs uppercase tracking-wider text-muted-foreground",
         droppable && "py-1",
         isOver && "cls_hazo_kanban_column_head_over bg-accent/30 text-foreground ring-1 ring-ring/40"
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_kanban_column_title", children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_kanban_column_count rounded-full bg-muted px-2 py-0.5 text-foreground", children: count })
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cls_hazo_kanban_column_head_title_group flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_kanban_column_title truncate", children: title }),
+          headerExtra ? /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "cls_hazo_kanban_column_head_extra shrink-0",
+              onPointerDown: (e) => e.stopPropagation(),
+              onMouseDown: (e) => e.stopPropagation(),
+              onKeyDown: (e) => e.stopPropagation(),
+              children: headerExtra
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cls_hazo_kanban_column_count shrink-0 rounded-full bg-muted px-2 py-0.5 text-foreground", children: count })
       ]
     }
   );
@@ -9933,6 +9948,7 @@ function HazoUiKanban({
   announcements,
   emptyColumn = "\u2014",
   renderColumnFooter,
+  renderColumnHeaderExtra,
   className,
   cardClassName,
   itemLabel,
@@ -10186,7 +10202,7 @@ function HazoUiKanban({
       total += (grouped.get(bucket_key(lane_key, col.key)) ?? []).length;
     return total;
   }
-  function render_column(col, tree_key, lane_key, with_footer = true) {
+  function render_column(col, tree_key, lane_key, with_consumer_callbacks = true) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       KanbanColumn,
       {
@@ -10196,7 +10212,8 @@ function HazoUiKanban({
         items: grouped.get(bucket_key(lane_key, col.key)) ?? [],
         renderCard,
         emptyColumn,
-        footer: with_footer ? renderColumnFooter?.({ columnKey: col.key, laneKey: lane_key }) ?? null : null,
+        footer: with_consumer_callbacks ? renderColumnFooter?.({ columnKey: col.key, laneKey: lane_key }) ?? null : null,
+        headerExtra: with_consumer_callbacks ? renderColumnHeaderExtra?.({ columnKey: col.key, laneKey: lane_key }) ?? null : null,
         cardClassName,
         showEdit: show_edit,
         onEditRequest: handle_edit_request