@ciridae/ui 0.11.2 → 0.12.0

package/dist/components/blocks/feedback-center-sheet-parts.d.ts

@@ -8,6 +8,7 @@ type FeedbackCenterTab = "mine" | "submit";
 type FeedbackCenterView = "detail" | "list";
 type FeedbackCenterComposerProps = Omit<FeedbackComposerProps, "actions" | "formId" | "onCancel" | "onDirtyChange" | "onSubmittedChange" | "onUrgencyChange">;
 type FeedbackCenterTabsProps = {
+    canComment?: (item: UserFeedbackItem) => boolean;
     commentsByFeedbackId: Record<string, CommentItemData[]>;
     commentsError?: Error | null;
     composerProps: FeedbackCenterComposerProps;
@@ -33,5 +34,5 @@ type FeedbackCenterTabsProps = {
 declare function FeedbackCenterSheetHeader({ unreadReplyCount }: {
     unreadReplyCount: number;
 }): React.JSX.Element;
-declare function FeedbackCenterTabs({ composerProps, commentsByFeedbackId, commentsError, formId, onDirtyChange, onUrgencyChange, isCommentSubmitting, isCommentsLoading, isLoading, items, itemsError, onBack, onCancel, onSelectFeedback, onRetryComments, onRetryItems, onSubmittedChange, onSubmitComment, selectedFeedback, renderEvidence, view, }: FeedbackCenterTabsProps): React.JSX.Element;
+declare function FeedbackCenterTabs({ canComment, composerProps, commentsByFeedbackId, commentsError, formId, onDirtyChange, onUrgencyChange, isCommentSubmitting, isCommentsLoading, isLoading, items, itemsError, onBack, onCancel, onSelectFeedback, onRetryComments, onRetryItems, onSubmittedChange, onSubmitComment, selectedFeedback, renderEvidence, view, }: FeedbackCenterTabsProps): React.JSX.Element;
 export { FeedbackCenterSheetHeader, FeedbackCenterTabs, type FeedbackCenterTab, type FeedbackCenterView, };

package/dist/components/blocks/feedback-center-sheet-parts.js

@@ -9,8 +9,8 @@ import { TabsContent, TabsList, TabsTrigger } from "../ui/tabs.js";
 function FeedbackCenterSheetHeader({ unreadReplyCount }) {
     return (_jsxs(SheetHeader, { className: "gap-3", children: [_jsxs("div", { className: "grid gap-1.5 pr-12", children: [_jsx(SheetTitle, { children: "Feedback" }), _jsx(SheetDescription, { children: "Send feedback and track your submissions in one place." })] }), _jsx(FeedbackCenterTabsList, { unreadReplyCount: unreadReplyCount })] }));
 }
-function FeedbackCenterTabs({ composerProps, commentsByFeedbackId, commentsError, formId, onDirtyChange, onUrgencyChange, isCommentSubmitting, isCommentsLoading, isLoading, items, itemsError, onBack, onCancel, onSelectFeedback, onRetryComments, onRetryItems, onSubmittedChange, onSubmitComment, selectedFeedback, renderEvidence, view, }) {
-    return (_jsxs(_Fragment, { children: [_jsx(FeedbackCenterSubmitTab, { composerProps: composerProps, formId: formId, onCancel: onCancel, onDirtyChange: onDirtyChange, onSubmittedChange: onSubmittedChange, onUrgencyChange: onUrgencyChange }), _jsx(FeedbackCenterMineContent, { commentsByFeedbackId: commentsByFeedbackId, commentsError: commentsError, isCommentSubmitting: isCommentSubmitting, isCommentsLoading: isCommentsLoading, isLoading: isLoading, items: items, itemsError: itemsError, onBack: onBack, onSelectFeedback: onSelectFeedback, onRetryComments: onRetryComments, onRetryItems: onRetryItems, onSubmitComment: onSubmitComment, selectedFeedback: selectedFeedback, renderEvidence: renderEvidence, view: view })] }));
+function FeedbackCenterTabs({ canComment, composerProps, commentsByFeedbackId, commentsError, formId, onDirtyChange, onUrgencyChange, isCommentSubmitting, isCommentsLoading, isLoading, items, itemsError, onBack, onCancel, onSelectFeedback, onRetryComments, onRetryItems, onSubmittedChange, onSubmitComment, selectedFeedback, renderEvidence, view, }) {
+    return (_jsxs(_Fragment, { children: [_jsx(FeedbackCenterSubmitTab, { composerProps: composerProps, formId: formId, onCancel: onCancel, onDirtyChange: onDirtyChange, onSubmittedChange: onSubmittedChange, onUrgencyChange: onUrgencyChange }), _jsx(FeedbackCenterMineContent, { commentsByFeedbackId: commentsByFeedbackId, canComment: canComment, commentsError: commentsError, isCommentSubmitting: isCommentSubmitting, isCommentsLoading: isCommentsLoading, isLoading: isLoading, items: items, itemsError: itemsError, onBack: onBack, onSelectFeedback: onSelectFeedback, onRetryComments: onRetryComments, onRetryItems: onRetryItems, onSubmitComment: onSubmitComment, selectedFeedback: selectedFeedback, renderEvidence: renderEvidence, view: view })] }));
 }
 function FeedbackCenterTabsList({ unreadReplyCount }) {
     return (_jsxs(TabsList, { className: "w-full", children: [_jsx(TabsTrigger, { value: "submit", children: "Send feedback" }), _jsxs(TabsTrigger, { value: "mine", children: ["My feedback", unreadReplyCount > 0 ? _jsx(Badge, { variant: "secondary", children: unreadReplyCount }) : null] })] }));
@@ -22,14 +22,14 @@ function FeedbackCenterSubmitTab({ composerProps, formId, onCancel, onDirtyChang
 function FeedbackCenterMineContent(props) {
     return (_jsx(TabsContent, { className: "mt-0", value: "mine", children: _jsx(FeedbackCenterMineTab, { ...props }) }));
 }
-function FeedbackCenterMineTab({ isLoading, commentsByFeedbackId, commentsError, isCommentSubmitting, isCommentsLoading, items, itemsError, onBack, onSelectFeedback, onRetryComments, onRetryItems, onSubmitComment, selectedFeedback, renderEvidence, view, }) {
+function FeedbackCenterMineTab({ canComment, isLoading, commentsByFeedbackId, commentsError, isCommentSubmitting, isCommentsLoading, items, itemsError, onBack, onSelectFeedback, onRetryComments, onRetryItems, onSubmitComment, selectedFeedback, renderEvidence, view, }) {
     if (view === "detail") {
-        return (_jsx(FeedbackCenterDetailPane, { comments: getFeedbackComments(commentsByFeedbackId, selectedFeedback), commentsError: commentsError, feedback: selectedFeedback, isCommentSubmitting: isCommentSubmitting, isCommentsLoading: isCommentsLoading, onBack: onBack, onRetryComments: onRetryComments, onSubmitComment: onSubmitComment, renderEvidence: renderEvidence }));
+        return (_jsx(FeedbackCenterDetailPane, { comments: getFeedbackComments(commentsByFeedbackId, selectedFeedback), canComment: canComment, commentsError: commentsError, feedback: selectedFeedback, isCommentSubmitting: isCommentSubmitting, isCommentsLoading: isCommentsLoading, onBack: onBack, onRetryComments: onRetryComments, onSubmitComment: onSubmitComment, renderEvidence: renderEvidence }));
     }
     return (_jsx(FeedbackUserList, { error: itemsError, isLoading: isLoading, items: items, onSelectFeedback: onSelectFeedback, onRetry: onRetryItems, selectedId: selectedFeedback?.id }));
 }
-function FeedbackCenterDetailPane({ comments, commentsError, feedback, isCommentSubmitting, isCommentsLoading, onBack, onRetryComments, onSubmitComment, renderEvidence, }) {
-    return (_jsx(FeedbackUserDetail, { activityLabel: "Public conversation", activitySlot: _jsx(FeedbackCenterCommentThread, { comments: comments, error: commentsError, feedback: feedback, isCommentSubmitting: isCommentSubmitting, isCommentsLoading: isCommentsLoading, onSubmitComment: onSubmitComment, onRetry: onRetryComments }), evidenceSlot: feedback ? renderEvidence?.(feedback) : undefined, feedback: feedback, onBack: onBack }));
+function FeedbackCenterDetailPane({ canComment, comments, commentsError, feedback, isCommentSubmitting, isCommentsLoading, onBack, onRetryComments, onSubmitComment, renderEvidence, }) {
+    return (_jsx(FeedbackUserDetail, { activityLabel: "Public conversation", activitySlot: _jsx(FeedbackCenterCommentThread, { comments: comments, error: commentsError, feedback: feedback, isCommentSubmitting: isCommentSubmitting, isCommentsLoading: isCommentsLoading, onSubmitComment: feedback && canComment?.(feedback) === false ? undefined : onSubmitComment, onRetry: onRetryComments }), evidenceSlot: feedback ? renderEvidence?.(feedback) : undefined, feedback: feedback, onBack: onBack }));
 }
 function getFeedbackComments(commentsByFeedbackId, feedback) {
     if (!feedback)

package/dist/components/blocks/feedback-center-sheet.d.ts

@@ -5,6 +5,7 @@ import { type FeedbackCenterTab } from "./feedback-center-sheet-parts.js";
 import type { FeedbackComposerProps } from "./feedback-composer.js";
 import type { UserFeedbackItem } from "./feedback-tracking-types.js";
 type FeedbackCenterSheetProps = Omit<FeedbackComposerProps, "actions" | "formId" | "onCancel" | "onDirtyChange" | "onSubmittedChange" | "onUrgencyChange"> & {
+    canComment?: (item: UserFeedbackItem) => boolean;
     commentsByFeedbackId?: Record<string, CommentItemData[]>;
     commentsError?: Error | null;
     defaultTab?: FeedbackCenterTab;
@@ -22,4 +23,4 @@ type FeedbackCenterSheetProps = Omit<FeedbackComposerProps, "actions" | "formId"
     renderEvidence?: (item: UserFeedbackItem) => React.ReactNode;
 };
 declare function FeedbackCenterSheet(props: FeedbackCenterSheetProps): React.JSX.Element;
-export { FeedbackCenterSheet, type FeedbackCenterSheetProps };
+export { FeedbackCenterSheet, type FeedbackCenterSheetProps, type FeedbackCenterTab };

package/dist/components/blocks/feedback-center-sheet.js

@@ -11,7 +11,7 @@ function FeedbackCenterSheet(props) {
 }
 function FeedbackCenterSheetContent({ props, state, }) {
     const { contentProps, requestClose } = useFormSheetActions();
-    return (_jsx(SheetContent, { size: "md", ...contentProps, children: _jsxs(Tabs, { className: "min-h-0 flex-1", onValueChange: setFeedbackCenterTab(state.handleTabChange), value: state.activeTab, children: [_jsx(FeedbackCenterSheetHeader, { unreadReplyCount: state.unreadReplyCount }), _jsx(SheetBody, { className: "pb-(--panel-padding)", children: _jsx(FeedbackCenterTabs, { composerProps: getFeedbackComposerProps(props), commentsByFeedbackId: props.commentsByFeedbackId ?? {}, commentsError: props.commentsError, formId: state.formId, isCommentSubmitting: props.isCommentSubmitting ?? false, isCommentsLoading: props.isCommentsLoading ?? false, isLoading: props.isLoading ?? false, items: props.items, itemsError: props.itemsError, onBack: state.handleBack, onCancel: requestClose, onDirtyChange: state.setIsDirty, onRetryComments: props.onRetryComments, onRetryItems: props.onRetryItems, onSelectFeedback: state.handleSelectFeedback, onSubmitComment: props.onSubmitComment, onSubmittedChange: state.setIsSubmitted, onUrgencyChange: state.setUrgency, renderEvidence: props.renderEvidence, selectedFeedback: state.selectedFeedback, view: state.view }) }), _jsx(FeedbackCenterFooter, { activeTab: state.activeTab, formId: state.formId, isSubmitted: state.isSubmitted, isSubmitting: props.isSubmitting ?? false, onCancel: requestClose, urgency: state.urgency })] }) }));
+    return (_jsx(SheetContent, { size: "md", ...contentProps, children: _jsxs(Tabs, { className: "min-h-0 flex-1", onValueChange: setFeedbackCenterTab(state.handleTabChange), value: state.activeTab, children: [_jsx(FeedbackCenterSheetHeader, { unreadReplyCount: state.unreadReplyCount }), _jsx(SheetBody, { className: "pb-(--panel-padding)", children: _jsx(FeedbackCenterTabs, { canComment: props.canComment, composerProps: getFeedbackComposerProps(props), commentsByFeedbackId: props.commentsByFeedbackId ?? {}, commentsError: props.commentsError, formId: state.formId, isCommentSubmitting: props.isCommentSubmitting ?? false, isCommentsLoading: props.isCommentsLoading ?? false, isLoading: props.isLoading ?? false, items: props.items, itemsError: props.itemsError, onBack: state.handleBack, onCancel: requestClose, onDirtyChange: state.setIsDirty, onRetryComments: props.onRetryComments, onRetryItems: props.onRetryItems, onSelectFeedback: state.handleSelectFeedback, onSubmitComment: props.onSubmitComment, onSubmittedChange: state.setIsSubmitted, onUrgencyChange: state.setUrgency, renderEvidence: props.renderEvidence, selectedFeedback: state.selectedFeedback, view: state.view }) }), _jsx(FeedbackCenterFooter, { activeTab: state.activeTab, formId: state.formId, isSubmitted: state.isSubmitted, isSubmitting: props.isSubmitting ?? false, onCancel: requestClose, urgency: state.urgency })] }) }));
 }
 function useFeedbackCenterSheetState(props) {
     const defaultTab = props.defaultTab ?? "submit";

package/dist/components/blocks/feedback-status-badge.js

@@ -10,5 +10,6 @@ const feedbackStatusVariants = {
     in_progress: "info",
     no_action: "secondary",
     received: "outline",
+    withdrawn: "secondary",
 };
 export { FeedbackStatusBadge };

package/dist/components/blocks/feedback-table-sort.js

@@ -72,6 +72,7 @@ const statusSortOrder = {
     in_progress: 1,
     no_action: 4,
     received: 0,
+    withdrawn: 5,
 };
 const typeSortOrder = {
     bug: 0,

package/dist/components/blocks/feedback-tracking-types.d.ts

@@ -1,4 +1,4 @@
-declare const feedbackStatusValues: readonly ["received", "in_progress", "discussion_required", "completed", "no_action"];
+declare const feedbackStatusValues: readonly ["received", "in_progress", "discussion_required", "completed", "no_action", "withdrawn"];
 type FeedbackStatus = (typeof feedbackStatusValues)[number];
 type StakeholderFeedbackType = "bug" | "feature" | "general";
 type FeedbackUrgency = "emergency" | "normal";
@@ -75,6 +75,9 @@ declare const feedbackStatusOptions: readonly [{
 }, {
     readonly label: string;
     readonly value: "no_action";
+}, {
+    readonly label: string;
+    readonly value: "withdrawn";
 }];
 declare const feedbackTypeOptions: readonly [{
     readonly label: "All types";

package/dist/components/blocks/feedback-tracking-types.js

@@ -5,6 +5,7 @@ const feedbackStatusValues = [
     "discussion_required",
     "completed",
     "no_action",
+    "withdrawn",
 ];
 const feedbackStatusLabels = {
     completed: "Completed",
@@ -12,6 +13,7 @@ const feedbackStatusLabels = {
     in_progress: "In progress",
     no_action: "No action",
     received: "Received",
+    withdrawn: "Withdrawn",
 };
 const feedbackTypeLabels = {
     bug: "Bug",
@@ -25,6 +27,7 @@ const feedbackStatusOptions = [
     { label: feedbackStatusLabels.discussion_required, value: "discussion_required" },
     { label: feedbackStatusLabels.completed, value: "completed" },
     { label: feedbackStatusLabels.no_action, value: "no_action" },
+    { label: feedbackStatusLabels.withdrawn, value: "withdrawn" },
 ];
 const feedbackTypeOptions = [
     { label: "All types", value: "all" },

package/dist/components/blocks/kanban-board-utils.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { DragEndEvent, DragOverEvent, DragStartEvent } from "@dnd-kit/core";
+import type { CollisionDetection, DragEndEvent, DragOverEvent, DragStartEvent } from "@dnd-kit/core";
 import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types.js";
 type KanbanBoardState = {
     cardById: Map<string, KanbanCardData>;
@@ -38,5 +38,21 @@ declare function getDragEndHandler({ activeMove, boardState, onCardMove, setters
 }): (event: DragEndEvent) => void;
 declare function clearDragState(setters: KanbanDragStateSetters): void;
 declare function getColumnDroppableId(columnId: string): string;
-export { clearDragState, getColumnDroppableId, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, };
+/**
+ * What a dragged card is over, preferring whatever the pointer is inside.
+ *
+ * Corner distance alone cannot reach an empty column. A column's drop target is
+ * the whole column, so its corners sit far from a pointer in the middle of it,
+ * while a card in the column alongside is small and close. The neighbour wins,
+ * and a column nobody has a card in becomes impossible to drop into.
+ *
+ * Cards are preferred over the column that contains them, because a pointer
+ * inside a card is always inside its column too, and answering "the column"
+ * there would send every drop to the end of the list instead of where it was
+ * aimed. Corner distance still decides when the pointer is outside every
+ * droppable, which keeps a card released off the edge of the board landing
+ * somewhere sensible.
+ */
+declare const kanbanCollisionDetection: CollisionDetection;
+export { clearDragState, getColumnDroppableId, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, kanbanCollisionDetection, };
 export type { KanbanBoardState, KanbanDragStateSetters, KanbanOverlayRect };

package/dist/components/blocks/kanban-board-utils.js

@@ -1,3 +1,4 @@
+import { closestCorners, pointerWithin } from "@dnd-kit/core";
 function getKanbanBoardState(columns, cards) {
     const cardsByColumnId = new Map();
     const cardById = new Map();
@@ -111,5 +112,29 @@ function areKanbanMovesEqual(currentMove, nextMove) {
         currentMove.fromIndex === nextMove.fromIndex &&
         currentMove.toIndex === nextMove.toIndex);
 }
+/**
+ * What a dragged card is over, preferring whatever the pointer is inside.
+ *
+ * Corner distance alone cannot reach an empty column. A column's drop target is
+ * the whole column, so its corners sit far from a pointer in the middle of it,
+ * while a card in the column alongside is small and close. The neighbour wins,
+ * and a column nobody has a card in becomes impossible to drop into.
+ *
+ * Cards are preferred over the column that contains them, because a pointer
+ * inside a card is always inside its column too, and answering "the column"
+ * there would send every drop to the end of the list instead of where it was
+ * aimed. Corner distance still decides when the pointer is outside every
+ * droppable, which keeps a card released off the edge of the board landing
+ * somewhere sensible.
+ */
+const kanbanCollisionDetection = (args) => {
+    const underPointer = pointerWithin(args);
+    const cards = underPointer.filter((collision) => !isColumnDroppableId(String(collision.id)));
+    if (cards.length > 0)
+        return cards;
+    if (underPointer.length > 0)
+        return underPointer;
+    return closestCorners(args);
+};
 const columnDroppablePrefix = "kanban-column:";
-export { clearDragState, getColumnDroppableId, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, };
+export { clearDragState, getColumnDroppableId, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, kanbanCollisionDetection, };

package/dist/components/blocks/kanban-board.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react-hooks/refs -- dnd-kit drag handlers need a mutable ref to suppress the click fired after a drag. */
 import * as React from "react";
-import { closestCorners, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors, } from "@dnd-kit/core";
+import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates } from "@dnd-kit/sortable";
 import { KanbanBoardColumn, KanbanDragOverlay } from "./kanban-board-parts.js";
-import { clearDragState, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, } from "./kanban-board-utils.js";
+import { clearDragState, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, kanbanCollisionDetection, } from "./kanban-board-utils.js";
 function KanbanBoard({ cards, columns, columnMaxHeight = "min(44rem, calc(100vh - 14rem))", empty, isLoading = false, onCardMove, onCardSelect, renderCard, renderCardActions, renderColumnActions, }) {
     const [activeCard, setActiveCard] = React.useState();
     const [activeCardRect, setActiveCardRect] = React.useState();
@@ -14,7 +14,7 @@ function KanbanBoard({ cards, columns, columnMaxHeight = "min(44rem, calc(100vh
     const boardState = React.useMemo(() => getKanbanBoardState(columns, cards), [cards, columns]);
     const dragStateSetters = React.useMemo(() => ({ setActiveCard, setActiveCardRect, setActiveMove, setOverColumnId }), []);
     const sensors = useKanbanSensors();
-    return (_jsxs(DndContext, { collisionDetection: closestCorners, onDragCancel: () => clearDragState(dragStateSetters), onDragEnd: getDragEndHandler({
+    return (_jsxs(DndContext, { collisionDetection: kanbanCollisionDetection, onDragCancel: () => clearDragState(dragStateSetters), onDragEnd: getDragEndHandler({
             activeMove,
             boardState,
             onCardMove,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ciridae/ui",
-	"version": "0.11.2",
+	"version": "0.12.0",
 	"type": "module",
 	"private": false,
 	"engines": {