@devalok/shilp-sutra-karm 0.8.1 → 0.9.0

package/dist/tasks/task-properties.js

@@ -1,324 +0,0 @@
-"use client";
-import { jsxs as l, jsx as t, Fragment as q } from "react/jsx-runtime";
-import * as c from "react";
-import { cn as i } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Avatar as C, AvatarImage as R, AvatarFallback as D } from "@devalok/shilp-sutra/ui/avatar";
-import { Popover as P, PopoverTrigger as T, PopoverContent as L } from "@devalok/shilp-sutra/ui/popover";
-import { IconColumns3 as z, IconChevronDown as F, IconCheck as J, IconUser as Q, IconUsers as Z, IconX as x, IconPlus as S, IconFlag as U, IconCalendarEvent as k, IconTag as ee, IconEye as te } from "@tabler/icons-react";
-import { getInitials as A } from "@devalok/shilp-sutra/composed/lib/string-utils";
-import { MemberPicker as O } from "@devalok/shilp-sutra/composed/member-picker";
-import { PRIORITY_DOT_COLORS as se, PRIORITY_LABELS as le } from "./task-constants.js";
-const re = ["LOW", "MEDIUM", "HIGH", "URGENT"];
-function d({
-  icon: a,
-  label: s,
-  children: m,
-  className: o
-}) {
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: i(
-        "flex items-center gap-ds-04 py-ds-03",
-        o
-      ),
-      children: [
-        /* @__PURE__ */ l("div", { className: "flex w-[120px] shrink-0 items-center gap-ds-03 text-text-placeholder", children: [
-          /* @__PURE__ */ t(a, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
-          /* @__PURE__ */ t("span", { className: "text-ds-sm", children: s })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: m })
-      ]
-    }
-  );
-}
-function ne({ priority: a }) {
-  return /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-02b", children: [
-    /* @__PURE__ */ t("div", { className: i("h-2 w-2 rounded-ds-full", se[a]) }),
-    /* @__PURE__ */ t("span", { className: "text-ds-md text-text-primary", children: le[a] || a })
-  ] });
-}
-const de = c.forwardRef(
-  function({
-    task: s,
-    columns: m,
-    members: o,
-    onUpdate: n,
-    onAssign: V,
-    onUnassign: f,
-    className: Y,
-    readOnly: r = !1,
-    editableFields: u,
-    renderPriorityIndicator: M,
-    renderDatePicker: g,
-    onConfirmVisibilityChange: N
-  }, j) {
-    const [y, p] = c.useState(""), [_, b] = c.useState(!1), v = s.assignees.map((e) => e.user.id), w = c.useMemo(
-      () => o.map((e) => ({ id: e.id, name: e.name, avatar: e.image ?? void 0 })),
-      [o]
-    ), B = (e) => {
-      n("columnId", e);
-    }, G = (e) => {
-      n("ownerId", e === s.ownerId ? null : e);
-    }, H = (e) => {
-      v.includes(e) ? f(e) : V(e);
-    }, $ = (e) => {
-      n("priority", e);
-    }, h = (e) => {
-      n("dueDate", e ? e.toISOString() : null);
-    }, I = () => {
-      const e = y.trim();
-      e && !s.labels.includes(e) && n("labels", [...s.labels, e]), p(""), b(!1);
-    }, K = (e) => {
-      n("labels", s.labels.filter((X) => X !== e));
-    }, W = () => {
-      const e = s.visibility === "INTERNAL" ? "EVERYONE" : "INTERNAL";
-      if (e === "EVERYONE" && N) {
-        N();
-        return;
-      }
-      n("visibility", e);
-    }, E = M || ne;
-    return /* @__PURE__ */ l("div", { ref: j, className: i("space-y-ds-01", Y), children: [
-      /* @__PURE__ */ t(d, { icon: z, label: "Column", children: r && !(u != null && u.includes("columnId")) ? /* @__PURE__ */ t("span", { className: "px-ds-03 py-ds-02 text-ds-md text-text-primary", children: s.column.name }) : /* @__PURE__ */ l(P, { children: [
-        /* @__PURE__ */ t(T, { asChild: !0, children: /* @__PURE__ */ l(
-          "button",
-          {
-            type: "button",
-            className: "inline-flex items-center gap-ds-02b rounded-ds-md px-ds-03 py-ds-02 text-ds-md text-text-primary transition-colors hover:bg-field",
-            children: [
-              /* @__PURE__ */ t("span", { children: s.column.name }),
-              /* @__PURE__ */ t(F, { className: "h-3 w-3 text-text-placeholder" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ t(
-          L,
-          {
-            className: "w-[180px] border-border bg-layer-01 p-ds-02",
-            align: "start",
-            sideOffset: 4,
-            children: m.map((e) => /* @__PURE__ */ l(
-              "button",
-              {
-                type: "button",
-                onClick: () => B(e.id),
-                className: i(
-                  "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-left text-ds-md transition-colors",
-                  "hover:bg-field",
-                  e.id === s.columnId ? "text-interactive" : "text-text-primary"
-                ),
-                children: [
-                  e.name,
-                  e.id === s.columnId && /* @__PURE__ */ t(J, { className: "ml-auto h-ico-sm w-ico-sm" })
-                ]
-              },
-              e.id
-            ))
-          }
-        )
-      ] }) }),
-      !r && /* @__PURE__ */ t(d, { icon: Q, label: "Owner", children: /* @__PURE__ */ t(
-        O,
-        {
-          members: w,
-          selectedIds: s.ownerId ? [s.ownerId] : [],
-          onSelect: G,
-          children: /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              className: "inline-flex items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02 transition-colors hover:bg-field",
-              children: s.owner ? /* @__PURE__ */ l(q, { children: [
-                /* @__PURE__ */ l(C, { className: "h-ico-md w-ico-md", children: [
-                  s.owner.image && /* @__PURE__ */ t(R, { src: s.owner.image, alt: s.owner.name }),
-                  /* @__PURE__ */ t(D, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: A(s.owner.name) })
-                ] }),
-                /* @__PURE__ */ t("span", { className: "text-ds-md text-text-primary", children: s.owner.name })
-              ] }) : /* @__PURE__ */ t("span", { className: "text-ds-md text-text-placeholder", children: "No owner" })
-            }
-          )
-        }
-      ) }),
-      /* @__PURE__ */ t(d, { icon: Z, label: "Assignees", children: /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
-        s.assignees.map((e) => /* @__PURE__ */ l(
-          "div",
-          {
-            className: "inline-flex items-center gap-ds-02 rounded-ds-full bg-layer-02 py-ds-01 pl-ds-01 pr-ds-03",
-            children: [
-              /* @__PURE__ */ l(C, { className: "h-ico-sm w-ico-sm", children: [
-                e.user.image && /* @__PURE__ */ t(R, { src: e.user.image, alt: e.user.name }),
-                /* @__PURE__ */ t(D, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: A(e.user.name) })
-              ] }),
-              /* @__PURE__ */ t("span", { className: "text-ds-sm text-text-secondary", children: e.user.name.split(" ")[0] }),
-              !r && /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => f(e.user.id),
-                  className: "ml-ds-01 rounded-ds-full p-ds-01 transition-colors hover:bg-field",
-                  "aria-label": `Remove ${e.user.name}`,
-                  children: /* @__PURE__ */ t(x, { className: "h-ds-03 w-ds-03 text-text-placeholder" })
-                }
-              )
-            ]
-          },
-          e.user.id
-        )),
-        !r && /* @__PURE__ */ t(
-          O,
-          {
-            members: w,
-            selectedIds: v,
-            onSelect: H,
-            multiple: !0,
-            children: /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded-ds-full border border-dashed border-border-subtle transition-colors hover:bg-field hover:border-text-placeholder",
-                "aria-label": "Add assignee",
-                children: /* @__PURE__ */ t(S, { className: "h-3 w-3 text-text-placeholder" })
-              }
-            )
-          }
-        ),
-        r && s.assignees.length === 0 && /* @__PURE__ */ t("span", { className: "text-ds-md text-text-placeholder", children: "None" })
-      ] }) }),
-      /* @__PURE__ */ t(d, { icon: U, label: "Priority", children: /* @__PURE__ */ l(P, { children: [
-        /* @__PURE__ */ t(T, { asChild: !0, children: /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            className: "rounded-ds-md px-ds-03 py-ds-02 transition-colors hover:bg-field",
-            children: /* @__PURE__ */ t(E, { priority: s.priority })
-          }
-        ) }),
-        /* @__PURE__ */ t(
-          L,
-          {
-            className: "w-[160px] border-border bg-layer-01 p-ds-02",
-            align: "start",
-            sideOffset: 4,
-            children: re.map((e) => /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                onClick: () => $(e),
-                className: i(
-                  "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b transition-colors",
-                  "hover:bg-field",
-                  e === s.priority && "bg-field"
-                ),
-                children: /* @__PURE__ */ t(E, { priority: e })
-              },
-              e
-            ))
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ t(d, { icon: k, label: "Due Date", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-02", children: [
-        g ? g({
-          value: s.dueDate ? new Date(s.dueDate) : null,
-          onChange: h,
-          placeholder: "No due date",
-          className: "h-ds-xs-plus border-none bg-transparent px-ds-03 text-ds-md hover:bg-field"
-        }) : /* @__PURE__ */ t(
-          "input",
-          {
-            type: "date",
-            value: s.dueDate ? new Date(s.dueDate).toISOString().split("T")[0] : "",
-            onChange: (e) => h(e.target.value ? new Date(e.target.value) : null),
-            "aria-label": "Due date",
-            className: "h-ds-xs-plus border-none bg-transparent px-ds-03 text-ds-md text-text-primary outline-none hover:bg-field rounded-ds-md"
-          }
-        ),
-        s.dueDate && /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: () => h(null),
-            className: "rounded-ds-md p-ds-02 transition-colors hover:bg-field",
-            "aria-label": "Clear due date",
-            children: /* @__PURE__ */ t(x, { className: "h-3 w-3 text-text-placeholder" })
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ t(d, { icon: ee, label: "Labels", children: /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
-        s.labels.map((e) => /* @__PURE__ */ l(
-          "span",
-          {
-            className: "inline-flex items-center gap-ds-02 rounded-ds-full bg-interactive/10 px-ds-03 py-ds-01 text-ds-sm font-medium text-interactive",
-            children: [
-              e,
-              !r && /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => K(e),
-                  className: "rounded-ds-full p-ds-01 transition-colors hover:bg-field",
-                  "aria-label": `Remove label ${e}`,
-                  children: /* @__PURE__ */ t(x, { className: "h-ds-03 w-ds-03" })
-                }
-              )
-            ]
-          },
-          e
-        )),
-        !r && (_ ? /* @__PURE__ */ t("div", { className: "inline-flex items-center gap-ds-02", children: /* @__PURE__ */ t(
-          "input",
-          {
-            type: "text",
-            value: y,
-            onChange: (e) => p(e.target.value),
-            "aria-label": "New label name",
-            onKeyDown: (e) => {
-              e.key === "Enter" && I(), e.key === "Escape" && (b(!1), p(""));
-            },
-            onBlur: I,
-            placeholder: "Label name",
-            className: "h-5 w-20 rounded border border-border bg-transparent px-ds-02b text-ds-sm text-text-primary outline-none placeholder:text-text-placeholder focus:border-border-subtle",
-            autoFocus: !0
-          }
-        ) }) : /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: () => b(!0),
-            className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded-ds-full border border-dashed border-border-subtle transition-colors hover:bg-field hover:border-text-placeholder",
-            "aria-label": "Add label",
-            children: /* @__PURE__ */ t(S, { className: "h-3 w-3 text-text-placeholder" })
-          }
-        )),
-        r && s.labels.length === 0 && /* @__PURE__ */ t("span", { className: "text-ds-md text-text-placeholder", children: "None" })
-      ] }) }),
-      !r && /* @__PURE__ */ t(d, { icon: te, label: "Visibility", children: /* @__PURE__ */ l(
-        "button",
-        {
-          type: "button",
-          onClick: W,
-          className: i(
-            "inline-flex items-center gap-ds-02b rounded-ds-full px-ds-03 py-ds-01 text-ds-sm font-semibold tracking-wide transition-colors",
-            s.visibility === "EVERYONE" ? "bg-success-surface text-text-success" : "bg-layer-02 text-text-tertiary"
-          ),
-          children: [
-            /* @__PURE__ */ t(
-              "span",
-              {
-                className: i(
-                  "h-ds-02b w-ds-02b rounded-ds-full",
-                  s.visibility === "EVERYONE" ? "bg-success" : "bg-icon-disabled"
-                )
-              }
-            ),
-            s.visibility === "EVERYONE" ? "Everyone" : "Internal"
-          ]
-        }
-      ) })
-    ] });
-  }
-);
-de.displayName = "TaskProperties";
-export {
-  de as TaskProperties
-};

package/dist/utils/use-composed-ref.js

@@ -1,12 +0,0 @@
-"use client";
-import * as u from "react";
-function c(...o) {
-  return u.useCallback((e) => {
-    o.forEach((t) => {
-      t && (typeof t == "function" ? t(e) : t.current = e);
-    });
-  }, o);
-}
-export {
-  c as useComposedRef
-};