@btst/stack 1.11.0 → 2.0.0

package/dist/packages/stack/src/plugins/kanban/client/components/forms/board-form.cjs

@@ -0,0 +1,85 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const button = require('../../../../../../../ui/src/components/button.cjs');
+const input = require('../../../../../../../ui/src/components/input.cjs');
+const textarea = require('../../../../../../../ui/src/components/textarea.cjs');
+const label = require('../../../../../../../ui/src/components/label.cjs');
+const kanbanHooks = require('../../hooks/kanban-hooks.cjs');
+
+function BoardForm({ board, onClose, onSuccess }) {
+  const isEditing = !!board;
+  const { createBoard, updateBoard, isCreating, isUpdating } = kanbanHooks.useBoardMutations();
+  const [name, setName] = React.useState(board?.name || "");
+  const [description, setDescription] = React.useState(board?.description || "");
+  const [error, setError] = React.useState(null);
+  const isPending = isCreating || isUpdating;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!name.trim()) {
+      setError("Name is required");
+      return;
+    }
+    try {
+      if (isEditing && board) {
+        await updateBoard(board.id, { name, description });
+        onSuccess(board.id);
+      } else {
+        const newBoard = await createBoard({ name, description });
+        if (newBoard?.id) {
+          onSuccess(newBoard.id);
+        }
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "name", children: "Name *" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        input.Input,
+        {
+          id: "name",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          placeholder: "e.g., Project Alpha",
+          disabled: isPending
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "description", children: "Description" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        textarea.Textarea,
+        {
+          id: "description",
+          value: description,
+          onChange: (e) => setDescription(e.target.value),
+          placeholder: "Describe your board...",
+          disabled: isPending,
+          rows: 3
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded-md", children: error }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 pt-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", disabled: isPending, children: isPending ? isEditing ? "Updating..." : "Creating..." : isEditing ? "Update Board" : "Create Board" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: onClose,
+          disabled: isPending,
+          children: "Cancel"
+        }
+      )
+    ] })
+  ] });
+}
+
+exports.BoardForm = BoardForm;

package/dist/packages/stack/src/plugins/kanban/client/components/forms/board-form.mjs

@@ -0,0 +1,83 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Button } from '../../../../../../../ui/src/components/button.mjs';
+import { Input } from '../../../../../../../ui/src/components/input.mjs';
+import { Textarea } from '../../../../../../../ui/src/components/textarea.mjs';
+import { Label } from '../../../../../../../ui/src/components/label.mjs';
+import { useBoardMutations } from '../../hooks/kanban-hooks.mjs';
+
+function BoardForm({ board, onClose, onSuccess }) {
+  const isEditing = !!board;
+  const { createBoard, updateBoard, isCreating, isUpdating } = useBoardMutations();
+  const [name, setName] = useState(board?.name || "");
+  const [description, setDescription] = useState(board?.description || "");
+  const [error, setError] = useState(null);
+  const isPending = isCreating || isUpdating;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!name.trim()) {
+      setError("Name is required");
+      return;
+    }
+    try {
+      if (isEditing && board) {
+        await updateBoard(board.id, { name, description });
+        onSuccess(board.id);
+      } else {
+        const newBoard = await createBoard({ name, description });
+        if (newBoard?.id) {
+          onSuccess(newBoard.id);
+        }
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    }
+  };
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "Name *" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "name",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          placeholder: "e.g., Project Alpha",
+          disabled: isPending
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: "description", children: "Description" }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          id: "description",
+          value: description,
+          onChange: (e) => setDescription(e.target.value),
+          placeholder: "Describe your board...",
+          disabled: isPending,
+          rows: 3
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { className: "p-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded-md", children: error }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isPending, children: isPending ? isEditing ? "Updating..." : "Creating..." : isEditing ? "Update Board" : "Create Board" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: onClose,
+          disabled: isPending,
+          children: "Cancel"
+        }
+      )
+    ] })
+  ] });
+}
+
+export { BoardForm };

package/dist/packages/stack/src/plugins/kanban/client/components/forms/column-form.cjs

@@ -0,0 +1,72 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const button = require('../../../../../../../ui/src/components/button.cjs');
+const input = require('../../../../../../../ui/src/components/input.cjs');
+const label = require('../../../../../../../ui/src/components/label.cjs');
+const kanbanHooks = require('../../hooks/kanban-hooks.cjs');
+
+function ColumnForm({
+  boardId,
+  columnId,
+  column,
+  onClose,
+  onSuccess
+}) {
+  const isEditing = !!columnId;
+  const { createColumn, updateColumn, isCreating, isUpdating } = kanbanHooks.useColumnMutations();
+  const [title, setTitle] = React.useState(column?.title || "");
+  const [error, setError] = React.useState(null);
+  const isPending = isCreating || isUpdating;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!title.trim()) {
+      setError("Title is required");
+      return;
+    }
+    try {
+      if (isEditing && columnId) {
+        await updateColumn(columnId, { title });
+      } else {
+        await createColumn({ title, boardId });
+      }
+      onSuccess();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "title", children: "Title *" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        input.Input,
+        {
+          id: "title",
+          value: title,
+          onChange: (e) => setTitle(e.target.value),
+          placeholder: "e.g., To Do",
+          disabled: isPending
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded-md", children: error }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 pt-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", disabled: isPending, children: isPending ? isEditing ? "Updating..." : "Creating..." : isEditing ? "Update Column" : "Create Column" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: onClose,
+          disabled: isPending,
+          children: "Cancel"
+        }
+      )
+    ] })
+  ] });
+}
+
+exports.ColumnForm = ColumnForm;

package/dist/packages/stack/src/plugins/kanban/client/components/forms/column-form.mjs

@@ -0,0 +1,70 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Button } from '../../../../../../../ui/src/components/button.mjs';
+import { Input } from '../../../../../../../ui/src/components/input.mjs';
+import { Label } from '../../../../../../../ui/src/components/label.mjs';
+import { useColumnMutations } from '../../hooks/kanban-hooks.mjs';
+
+function ColumnForm({
+  boardId,
+  columnId,
+  column,
+  onClose,
+  onSuccess
+}) {
+  const isEditing = !!columnId;
+  const { createColumn, updateColumn, isCreating, isUpdating } = useColumnMutations();
+  const [title, setTitle] = useState(column?.title || "");
+  const [error, setError] = useState(null);
+  const isPending = isCreating || isUpdating;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!title.trim()) {
+      setError("Title is required");
+      return;
+    }
+    try {
+      if (isEditing && columnId) {
+        await updateColumn(columnId, { title });
+      } else {
+        await createColumn({ title, boardId });
+      }
+      onSuccess();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    }
+  };
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: "title", children: "Title *" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "title",
+          value: title,
+          onChange: (e) => setTitle(e.target.value),
+          placeholder: "e.g., To Do",
+          disabled: isPending
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { className: "p-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded-md", children: error }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-2", children: [
+      /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isPending, children: isPending ? isEditing ? "Updating..." : "Creating..." : isEditing ? "Update Column" : "Create Column" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: onClose,
+          disabled: isPending,
+          children: "Cancel"
+        }
+      )
+    ] })
+  ] });
+}
+
+export { ColumnForm };

package/dist/packages/stack/src/plugins/kanban/client/components/forms/task-form.cjs

@@ -0,0 +1,200 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const LucideIcons = require('lucide-react');
+const button = require('../../../../../../../ui/src/components/button.cjs');
+const input = require('../../../../../../../ui/src/components/input.cjs');
+const label = require('../../../../../../../ui/src/components/label.cjs');
+const select = require('../../../../../../../ui/src/components/select.cjs');
+const minimalTiptap = require('../../../../../../../ui/src/components/minimal-tiptap/minimal-tiptap.cjs');
+const searchSelect = require('../../../../../../../ui/src/components/search-select.cjs');
+const kanbanHooks = require('../../hooks/kanban-hooks.cjs');
+const utils = require('../../../utils.cjs');
+
+function TaskForm({
+  columnId,
+  boardId,
+  taskId,
+  task,
+  columns,
+  onClose,
+  onSuccess,
+  onDelete
+}) {
+  const isEditing = !!taskId;
+  const {
+    createTask,
+    updateTask,
+    moveTask,
+    isCreating,
+    isUpdating,
+    isDeleting,
+    isMoving
+  } = kanbanHooks.useTaskMutations();
+  const [title, setTitle] = React.useState(task?.title || "");
+  const [description, setDescription] = React.useState(task?.description || "");
+  const [priority, setPriority] = React.useState(
+    task?.priority || "MEDIUM"
+  );
+  const [selectedColumnId, setSelectedColumnId] = React.useState(
+    task?.columnId || columnId
+  );
+  const [assigneeId, setAssigneeId] = React.useState(task?.assigneeId || "");
+  const [error, setError] = React.useState(null);
+  const { data: users = [] } = kanbanHooks.useSearchUsers("", boardId);
+  const userOptions = [
+    { value: "", label: "Unassigned" },
+    ...users.map((user) => ({ value: user.id, label: user.name }))
+  ];
+  const isPending = isCreating || isUpdating || isDeleting || isMoving;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!title.trim()) {
+      setError("Title is required");
+      return;
+    }
+    try {
+      if (isEditing && taskId) {
+        const isColumnChanging = task?.columnId && selectedColumnId !== task.columnId;
+        if (isColumnChanging) {
+          await updateTask(taskId, {
+            title,
+            description,
+            priority,
+            assigneeId: assigneeId || null
+          });
+          try {
+            const targetColumn = columns.find((c) => c.id === selectedColumnId);
+            const targetTasks = targetColumn?.tasks || [];
+            const targetOrder = targetTasks.length > 0 ? Math.max(...targetTasks.map((t) => t.order)) + 1 : 0;
+            await moveTask(taskId, selectedColumnId, targetOrder);
+          } catch (moveErr) {
+            const moveErrorMsg = moveErr instanceof Error ? moveErr.message : "Unknown error";
+            setError(
+              `Task properties were saved, but moving to the new column failed: ${moveErrorMsg}. You can try dragging the task to the desired column.`
+            );
+            return;
+          }
+        } else {
+          await updateTask(taskId, {
+            title,
+            description,
+            priority,
+            columnId: selectedColumnId,
+            assigneeId: assigneeId || null
+          });
+        }
+      } else {
+        await createTask({
+          title,
+          description,
+          priority,
+          columnId: selectedColumnId,
+          assigneeId: assigneeId || void 0
+        });
+      }
+      onSuccess();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "title", children: "Title *" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        input.Input,
+        {
+          id: "title",
+          value: title,
+          onChange: (e) => setTitle(e.target.value),
+          placeholder: "e.g., Fix login bug",
+          disabled: isPending
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "priority", children: "Priority" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          select.Select,
+          {
+            value: priority,
+            onValueChange: (v) => setPriority(v),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select priority" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: utils.PRIORITY_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: option.value, children: option.label }, option.value)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "column", children: "Column" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { value: selectedColumnId, onValueChange: setSelectedColumnId, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select column" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: col.id, children: col.title }, col.id)) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "assignee", children: "Assignee" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        searchSelect,
+        {
+          options: userOptions,
+          value: assigneeId,
+          onChange: setAssigneeId,
+          placeholder: "Select assignee",
+          emptyMessage: "No users found"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(label.Label, { children: "Description" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        minimalTiptap.MinimalTiptapEditor,
+        {
+          value: description,
+          onChange: (value) => setDescription(typeof value === "string" ? value : ""),
+          output: "markdown",
+          placeholder: "Describe the task...",
+          editable: !isPending,
+          className: "min-h-[150px]"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded-md", children: error }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between pt-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", disabled: isPending, children: isPending ? isEditing ? "Updating..." : "Creating..." : isEditing ? "Update Task" : "Create Task" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: onClose,
+            disabled: isPending,
+            children: "Cancel"
+          }
+        )
+      ] }),
+      isEditing && onDelete && /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          type: "button",
+          variant: "destructive",
+          onClick: onDelete,
+          disabled: isPending,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "mr-2 h-4 w-4" }),
+            "Delete"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+exports.TaskForm = TaskForm;