@devalok/shilp-sutra-karm 0.8.1 → 0.9.0

package/dist/tasks/subtasks-tab.js

@@ -1,154 +0,0 @@
-"use client";
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import * as l from "react";
-import { cn as a } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Avatar as D, AvatarImage as E, AvatarFallback as P } from "@devalok/shilp-sutra/ui/avatar";
-import { Progress as K } from "@devalok/shilp-sutra/ui";
-import { EmptyState as j } from "@devalok/shilp-sutra/composed/empty-state";
-import { IconSquareCheck as q, IconSquare as B, IconListCheck as L, IconPlus as O } from "@tabler/icons-react";
-import { getInitials as S } from "@devalok/shilp-sutra/composed/lib/string-utils";
-import { PRIORITY_DOT_COLORS as _ } from "./task-constants.js";
-const C = l.forwardRef(
-  function({
-    subtasks: d,
-    terminalColumnId: g,
-    onCreateSubtask: w,
-    onToggleSubtask: I,
-    onClickSubtask: s,
-    className: T,
-    readOnly: f = !1
-  }, A) {
-    const [c, h] = l.useState(""), [m, x] = l.useState(!1), u = l.useRef(null), v = d.filter(
-      (e) => {
-        var o;
-        return ((o = e.column) == null ? void 0 : o.isTerminal) || e.columnId === g;
-      }
-    ).length, p = d.length, y = () => {
-      const e = c.trim();
-      e && (w(e), h(""));
-    }, R = (e) => {
-      e.key === "Enter" && (e.preventDefault(), y()), e.key === "Escape" && (x(!1), h(""));
-    };
-    return l.useEffect(() => {
-      m && u.current && u.current.focus();
-    }, [m]), /* @__PURE__ */ r("div", { ref: A, className: a("flex flex-col", T), children: [
-      p > 0 && /* @__PURE__ */ r("div", { className: "mb-ds-05 flex items-center gap-ds-04", children: [
-        /* @__PURE__ */ t(K, { value: p > 0 ? v / p * 100 : 0, className: "h-ds-02b" }),
-        /* @__PURE__ */ r("span", { className: "shrink-0 text-ds-sm font-medium text-text-placeholder", children: [
-          v,
-          "/",
-          p
-        ] })
-      ] }),
-      d.length > 0 ? /* @__PURE__ */ t("div", { className: "space-y-ds-01", children: d.map((e) => {
-        var N, b;
-        const o = ((N = e.column) == null ? void 0 : N.isTerminal) || e.columnId === g, i = (b = e.assignees[0]) == null ? void 0 : b.user;
-        return /* @__PURE__ */ r(
-          "div",
-          {
-            role: "button",
-            tabIndex: 0,
-            className: a(
-              "group flex items-center gap-ds-03 rounded-ds-lg px-ds-03 py-ds-02b transition-colors",
-              "hover:bg-field cursor-pointer"
-            ),
-            onClick: () => s == null ? void 0 : s(e.id),
-            onKeyDown: (n) => {
-              (n.key === "Enter" || n.key === " ") && (n.preventDefault(), s == null || s(e.id));
-            },
-            children: [
-              /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: (n) => {
-                    n.stopPropagation(), f || I(e.id, !o);
-                  },
-                  className: a(
-                    "shrink-0 rounded p-ds-01 transition-colors",
-                    f ? "cursor-default" : "hover:bg-layer-02"
-                  ),
-                  children: o ? /* @__PURE__ */ t(q, { className: "h-ico-sm w-ico-sm text-interactive", stroke: 1.5 }) : /* @__PURE__ */ t(B, { className: "h-ico-sm w-ico-sm text-text-placeholder", stroke: 1.5 })
-                }
-              ),
-              /* @__PURE__ */ t(
-                "div",
-                {
-                  className: a(
-                    "h-2 w-2 shrink-0 rounded-ds-full",
-                    _[e.priority]
-                  )
-                }
-              ),
-              /* @__PURE__ */ t(
-                "span",
-                {
-                  className: a(
-                    "flex-1 truncate text-ds-md",
-                    o ? "text-text-placeholder line-through" : "text-text-primary"
-                  ),
-                  children: e.title
-                }
-              ),
-              i && /* @__PURE__ */ r(D, { className: "h-ico-md w-ico-md shrink-0", children: [
-                i.image && /* @__PURE__ */ t(E, { src: i.image, alt: i.name }),
-                /* @__PURE__ */ t(P, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: S(i.name) })
-              ] })
-            ]
-          },
-          e.id
-        );
-      }) }) : !m && /* @__PURE__ */ t(
-        j,
-        {
-          icon: /* @__PURE__ */ t(L, {}),
-          title: "No subtasks",
-          description: "Break this task into smaller pieces",
-          compact: !0
-        }
-      ),
-      !f && (m ? /* @__PURE__ */ r("div", { className: "mt-ds-03 flex items-center gap-ds-03 rounded-ds-lg border border-border bg-layer-01 shadow-01 px-ds-04 py-ds-03", children: [
-        /* @__PURE__ */ t(
-          "input",
-          {
-            ref: u,
-            type: "text",
-            value: c,
-            onChange: (e) => h(e.target.value),
-            onKeyDown: R,
-            onBlur: () => {
-              c.trim() || x(!1);
-            },
-            placeholder: "Subtask title...",
-            className: "flex-1 bg-transparent text-ds-md text-text-primary placeholder:text-text-placeholder outline-none"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: y,
-            disabled: !c.trim(),
-            className: "inline-flex h-6 items-center gap-ds-02 rounded-ds-md bg-interactive px-ds-03 text-ds-sm font-semibold text-text-on-color transition-colors hover:bg-interactive-hover disabled:opacity-[0.38]",
-            children: "Add"
-          }
-        )
-      ] }) : /* @__PURE__ */ r(
-        "button",
-        {
-          type: "button",
-          onClick: () => x(!0),
-          className: "mt-ds-03 inline-flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b text-ds-md text-text-placeholder transition-colors hover:bg-field hover:text-text-secondary",
-          children: [
-            /* @__PURE__ */ t(O, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
-            "Add subtask"
-          ]
-        }
-      ))
-    ] });
-  }
-);
-C.displayName = "SubtasksTab";
-export {
-  C as SubtasksTab
-};

package/dist/tasks/task-detail-panel.js

@@ -1,210 +0,0 @@
-"use client";
-import { jsx as r, jsxs as a, Fragment as ie } from "react/jsx-runtime";
-import * as c from "react";
-import { cn as _ } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Sheet as re, SheetContent as se, SheetTitle as le } from "@devalok/shilp-sutra/ui/sheet";
-import { VisuallyHidden as ae } from "@devalok/shilp-sutra/ui/visually-hidden";
-import { Skeleton as t } from "@devalok/shilp-sutra/ui/skeleton";
-import { Tabs as ce, TabsList as te, TabsTrigger as de } from "@devalok/shilp-sutra/ui";
-import { TaskProperties as fe } from "./task-properties.js";
-import { SubtasksTab as me } from "./subtasks-tab.js";
-import { ReviewTab as ne } from "./review-tab.js";
-import { ConversationTab as oe } from "./conversation-tab.js";
-import { FilesTab as be } from "./files-tab.js";
-import { ActivityTab as pe } from "./activity-tab.js";
-import { IconListCheck as he, IconGitPullRequest as ue, IconMessageCircle as ve, IconPaperclip as xe, IconActivity as ye } from "@tabler/icons-react";
-const z = [
-  { id: "subtasks", label: "Subtasks", icon: he },
-  { id: "review", label: "Review", icon: ue },
-  { id: "conversation", label: "Conversation", icon: ve },
-  { id: "files", label: "Files", icon: xe },
-  { id: "activity", label: "Activity", icon: ye }
-];
-function Ne() {
-  return /* @__PURE__ */ a("div", { className: "space-y-ds-06 p-ds-06", children: [
-    /* @__PURE__ */ r(t, { className: "h-ds-xs-plus w-3/4 bg-field" }),
-    /* @__PURE__ */ r("div", { className: "space-y-ds-04", children: Array.from({ length: 6 }).map((V, i) => /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-04", children: [
-      /* @__PURE__ */ r(t, { className: "h-[16px] w-[120px] bg-field" }),
-      /* @__PURE__ */ r(t, { className: "h-[16px] flex-1 bg-field" })
-    ] }, i)) }),
-    /* @__PURE__ */ r("div", { className: "flex gap-ds-05 border-b border-border pb-ds-03", children: Array.from({ length: 5 }).map((V, i) => /* @__PURE__ */ r(t, { className: "h-[12px] w-[64px] bg-field" }, i)) }),
-    /* @__PURE__ */ a("div", { className: "space-y-ds-04", children: [
-      /* @__PURE__ */ r(t, { className: "h-ds-md w-full bg-field" }),
-      /* @__PURE__ */ r(t, { className: "h-ds-md w-full bg-field" }),
-      /* @__PURE__ */ r(t, { className: "h-ds-md w-4/5 bg-field" })
-    ] })
-  ] });
-}
-const Te = c.forwardRef(function({
-  task: i,
-  loading: G = !1,
-  open: b,
-  onOpenChange: H,
-  columns: f,
-  members: j,
-  activities: J = [],
-  enrichedComments: P,
-  clientMode: s = !1,
-  clientEditableFields: A = ["priority", "dueDate"],
-  onTitleUpdate: p,
-  onPropertyUpdate: h,
-  onAssign: u,
-  onUnassign: v,
-  onCreateSubtask: x,
-  onToggleSubtask: y,
-  onRequestReview: N,
-  onUpdateReviewStatus: T,
-  onPostComment: w,
-  onUploadFile: g,
-  onDeleteFile: I,
-  onTabChange: D,
-  renderEditor: Q,
-  renderViewer: W,
-  renderPriorityIndicator: X,
-  renderDatePicker: Y,
-  isUploading: Z = !1
-}, $) {
-  var C, K, L;
-  const [d, B] = c.useState(s ? "conversation" : "subtasks"), [E, m] = c.useState(!1), [O, n] = c.useState(""), o = c.useRef(null);
-  c.useEffect(() => {
-    i && (n(i.title), m(!1));
-  }, [i == null ? void 0 : i.id]), c.useEffect(() => {
-    b && B(s ? "conversation" : "subtasks");
-  }, [b, s]);
-  const q = (e) => {
-    B(e), D == null || D(e);
-  }, S = () => {
-    m(!1);
-    const e = O.trim();
-    e && e !== (i == null ? void 0 : i.title) ? p == null || p(e) : i && n(i.title);
-  }, R = (e) => {
-    e.key === "Enter" && (e.preventDefault(), S()), e.key === "Escape" && (m(!1), i && n(i.title));
-  };
-  c.useEffect(() => {
-    E && o.current && (o.current.focus(), o.current.select());
-  }, [E]);
-  const F = (C = f.find((e) => e.isTerminal)) == null ? void 0 : C.id, k = ((K = f.find((e) => e.isDefault)) == null ? void 0 : K.id) || ((L = f[0]) == null ? void 0 : L.id) || "", M = s ? z.filter((e) => e.id === "conversation") : z, U = P || (i == null ? void 0 : i.comments) || [];
-  return /* @__PURE__ */ r(re, { open: b, onOpenChange: H, children: /* @__PURE__ */ a(
-    se,
-    {
-      ref: $,
-      side: "right",
-      className: _(
-        /* intentional: task detail side panel takes 40% of screen, min 380px for form usability */
-        "w-full sm:max-w-none sm:w-[40%] min-w-[380px] p-0",
-        "flex flex-col overflow-hidden",
-        "border-l border-border bg-layer-01"
-      ),
-      children: [
-        /* @__PURE__ */ r(ae, { children: /* @__PURE__ */ r(le, { children: (i == null ? void 0 : i.title) || "Task Details" }) }),
-        G || !i ? /* @__PURE__ */ r(Ne, {}) : /* @__PURE__ */ a(ie, { children: [
-          /* @__PURE__ */ a("div", { className: "shrink-0 border-b border-border px-ds-06 pb-ds-05 pt-ds-06", children: [
-            !s && E ? /* @__PURE__ */ r(
-              "input",
-              {
-                ref: o,
-                type: "text",
-                value: O,
-                onChange: (e) => n(e.target.value),
-                onBlur: S,
-                onKeyDown: R,
-                className: "w-full bg-transparent text-ds-lg font-semibold text-text-primary outline-none"
-              }
-            ) : (
-              // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-              /* @__PURE__ */ r(
-                "h2",
-                {
-                  onClick: s ? void 0 : () => m(!0),
-                  className: _(
-                    "text-ds-lg font-semibold text-text-primary",
-                    !s && "cursor-text hover:text-interactive transition-colors"
-                  ),
-                  children: i.title
-                }
-              )
-            ),
-            i.parentTaskId && /* @__PURE__ */ r("p", { className: "mt-ds-02 text-ds-sm text-text-placeholder", children: "Subtask" })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto", children: [
-            /* @__PURE__ */ r("div", { className: "border-b border-border px-ds-06 py-ds-05", children: /* @__PURE__ */ r(
-              fe,
-              {
-                task: i,
-                columns: f,
-                members: j,
-                onUpdate: (e, l) => {
-                  s && !A.includes(e) || h == null || h(e, l);
-                },
-                onAssign: (e) => u == null ? void 0 : u(e),
-                onUnassign: (e) => v == null ? void 0 : v(e),
-                readOnly: s,
-                editableFields: s ? A : void 0,
-                renderPriorityIndicator: X,
-                renderDatePicker: Y
-              }
-            ) }),
-            /* @__PURE__ */ r("div", { className: "sticky top-0 z-raised bg-layer-01 px-ds-06", children: /* @__PURE__ */ r(ce, { value: d, onValueChange: q, children: /* @__PURE__ */ r(te, { variant: "line", children: M.map((e) => /* @__PURE__ */ a(de, { value: e.id, children: [
-              /* @__PURE__ */ r(e.icon, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
-              e.label
-            ] }, e.id)) }) }) }),
-            /* @__PURE__ */ a("div", { className: "px-ds-06 py-ds-05", children: [
-              d === "subtasks" && /* @__PURE__ */ r(
-                me,
-                {
-                  subtasks: i.subtasks ?? [],
-                  terminalColumnId: F,
-                  projectId: i.projectId,
-                  parentTaskId: i.id,
-                  defaultColumnId: k,
-                  onCreateSubtask: s ? () => {
-                  } : (e) => x == null ? void 0 : x(e),
-                  onToggleSubtask: s ? () => {
-                  } : (e, l) => y == null ? void 0 : y(e, l),
-                  readOnly: s
-                }
-              ),
-              d === "review" && !s && /* @__PURE__ */ r(
-                ne,
-                {
-                  reviews: i.reviewRequests,
-                  members: j,
-                  onRequestReview: (e) => N == null ? void 0 : N(e),
-                  onUpdateStatus: (e, l, ee) => T == null ? void 0 : T(e, l, ee)
-                }
-              ),
-              d === "conversation" && /* @__PURE__ */ r(
-                oe,
-                {
-                  comments: U,
-                  taskVisibility: i.visibility,
-                  onPostComment: (e, l) => w == null ? void 0 : w(e, l),
-                  clientMode: s,
-                  renderEditor: Q,
-                  renderViewer: W
-                }
-              ),
-              d === "files" && /* @__PURE__ */ r(
-                be,
-                {
-                  files: i.files ?? [],
-                  onUpload: s ? () => {
-                  } : (e, l) => g == null ? void 0 : g(e, l),
-                  onDelete: s ? () => {
-                  } : (e) => I == null ? void 0 : I(e),
-                  isUploading: Z,
-                  readOnly: s
-                }
-              ),
-              d === "activity" && /* @__PURE__ */ r(pe, { activities: J })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  ) });
-});
-Te.displayName = "TaskDetailPanel";
-export {
-  Te as TaskDetailPanel
-};