hazo_ui 6.9.0 → 6.10.0

package/dist/index.d.cts

@@ -2073,6 +2073,28 @@ interface HazoUiKanbanProps<T extends KanbanItem = KanbanItem> {
         /** `undefined` on a board without lanes. */
         laneKey?: string;
     }) => React$1.ReactNode;
+    /**
+     * Rendered inline in the column header, alongside the title and count
+     * badge. Called once per rendered copy of a column, so on a laned board it
+     * fires once per (lane, column) pair and `laneKey` says which — the same
+     * scoping caveat `renderColumnFooter` documents, for the same reason: a
+     * laned board renders one header per lane, and a consumer building a
+     * lane-scoped control (a per-lane view toggle, say) needs to know which
+     * copy it is rendering into.
+     *
+     * Return `null`/`undefined` for the columns that should not have one. The
+     * returned node is wrapped by the library so its pointer/mouse/key events
+     * stop propagation before reaching dnd-kit — the same guard the card's
+     * pencil-edit affordance uses — so a click on the consumer's control is
+     * never misread as the start of a drag. This matters most on a sectioned
+     * column, where the header is itself a droppable, but the wrapper is
+     * unconditional for consistency; it is a no-op elsewhere.
+     */
+    renderColumnHeaderExtra?: (ctx: {
+        columnKey: string;
+        /** `undefined` on a board without lanes. */
+        laneKey?: string;
+    }) => React$1.ReactNode;
     /** Class on the board root. */
     className?: string;
     /** Class on each card shell (the wrapper around renderCard output). */
@@ -2256,7 +2278,7 @@ declare function applyKanbanFilter<T extends KanbanItem>(items: T[], filter: Kan
  * event.revert() and the overlay entry is dropped.
  */
 
-declare function HazoUiKanban<T extends KanbanItem = KanbanItem>({ columns, lanes, items, renderCard, onMove, onReorder, mobileBreakpoint, announcements, emptyColumn, renderColumnFooter, className, cardClassName, itemLabel, editorFields, editorPriorities, editorTitle, renderCardEditor, hideEditorFooter, onCardSave, disableEdit, }: HazoUiKanbanProps<T>): React$1.JSX.Element;
+declare function HazoUiKanban<T extends KanbanItem = KanbanItem>({ columns, lanes, items, renderCard, onMove, onReorder, mobileBreakpoint, announcements, emptyColumn, renderColumnFooter, renderColumnHeaderExtra, className, cardClassName, itemLabel, editorFields, editorPriorities, editorTitle, renderCardEditor, hideEditorFooter, onCardSave, disableEdit, }: HazoUiKanbanProps<T>): React$1.JSX.Element;
 
 declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
 declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;

package/dist/index.d.ts

@@ -2073,6 +2073,28 @@ interface HazoUiKanbanProps<T extends KanbanItem = KanbanItem> {
         /** `undefined` on a board without lanes. */
         laneKey?: string;
     }) => React$1.ReactNode;
+    /**
+     * Rendered inline in the column header, alongside the title and count
+     * badge. Called once per rendered copy of a column, so on a laned board it
+     * fires once per (lane, column) pair and `laneKey` says which — the same
+     * scoping caveat `renderColumnFooter` documents, for the same reason: a
+     * laned board renders one header per lane, and a consumer building a
+     * lane-scoped control (a per-lane view toggle, say) needs to know which
+     * copy it is rendering into.
+     *
+     * Return `null`/`undefined` for the columns that should not have one. The
+     * returned node is wrapped by the library so its pointer/mouse/key events
+     * stop propagation before reaching dnd-kit — the same guard the card's
+     * pencil-edit affordance uses — so a click on the consumer's control is
+     * never misread as the start of a drag. This matters most on a sectioned
+     * column, where the header is itself a droppable, but the wrapper is
+     * unconditional for consistency; it is a no-op elsewhere.
+     */
+    renderColumnHeaderExtra?: (ctx: {
+        columnKey: string;
+        /** `undefined` on a board without lanes. */
+        laneKey?: string;
+    }) => React$1.ReactNode;
     /** Class on the board root. */
     className?: string;
     /** Class on each card shell (the wrapper around renderCard output). */
@@ -2256,7 +2278,7 @@ declare function applyKanbanFilter<T extends KanbanItem>(items: T[], filter: Kan
  * event.revert() and the overlay entry is dropped.
  */
 
-declare function HazoUiKanban<T extends KanbanItem = KanbanItem>({ columns, lanes, items, renderCard, onMove, onReorder, mobileBreakpoint, announcements, emptyColumn, renderColumnFooter, className, cardClassName, itemLabel, editorFields, editorPriorities, editorTitle, renderCardEditor, hideEditorFooter, onCardSave, disableEdit, }: HazoUiKanbanProps<T>): React$1.JSX.Element;
+declare function HazoUiKanban<T extends KanbanItem = KanbanItem>({ columns, lanes, items, renderCard, onMove, onReorder, mobileBreakpoint, announcements, emptyColumn, renderColumnFooter, renderColumnHeaderExtra, className, cardClassName, itemLabel, editorFields, editorPriorities, editorTitle, renderCardEditor, hideEditorFooter, onCardSave, disableEdit, }: HazoUiKanbanProps<T>): React$1.JSX.Element;
 
 declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
 declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;

package/dist/index.js

@@ -9147,6 +9147,7 @@ function KanbanColumn({
   renderCard,
   emptyColumn,
   footer,
+  headerExtra,
   cardClassName,
   showEdit,
   onEditRequest,
@@ -9207,7 +9208,8 @@ function KanbanColumn({
             treeKey,
             title: column.title,
             count: items.length,
-            droppable: sections != null
+            droppable: sections != null,
+            headerExtra
           }
         ),
         /* @__PURE__ */ jsx(
@@ -9262,7 +9264,8 @@ function KanbanColumnHead({
   treeKey,
   title,
   count,
-  droppable
+  droppable,
+  headerExtra
 }) {
   const { setNodeRef, isOver } = useDroppable({
     id: tree_droppable_id("columnhead", treeKey, laneKey, columnKey),
@@ -9276,13 +9279,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__ */ jsx("span", { className: "cls_hazo_kanban_column_title", children: title }),
-        /* @__PURE__ */ jsx("span", { className: "cls_hazo_kanban_column_count rounded-full bg-muted px-2 py-0.5 text-foreground", children: count })
+        /* @__PURE__ */ jsxs("span", { className: "cls_hazo_kanban_column_head_title_group flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "cls_hazo_kanban_column_title truncate", children: title }),
+          headerExtra ? /* @__PURE__ */ 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__ */ jsx("span", { className: "cls_hazo_kanban_column_count shrink-0 rounded-full bg-muted px-2 py-0.5 text-foreground", children: count })
       ]
     }
   );
@@ -9863,6 +9878,7 @@ function HazoUiKanban({
   announcements,
   emptyColumn = "\u2014",
   renderColumnFooter,
+  renderColumnHeaderExtra,
   className,
   cardClassName,
   itemLabel,
@@ -10116,7 +10132,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__ */ jsx(
       KanbanColumn,
       {
@@ -10126,7 +10142,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