@devalok/shilp-sutra-karm 0.17.0 → 0.18.0

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

@@ -77,8 +77,8 @@ const Te = o.forwardRef(
     renderDatePicker: N,
     onConfirmVisibilityChange: w,
     ...I
-  }, l) {
-    const [v, i] = o.useState(""), [c, f] = o.useState(!1), u = s.assignees.map((a) => a.user.id), E = o.useMemo(
+  }, i) {
+    const [v, l] = o.useState(""), [c, f] = o.useState(!1), u = s.assignees.map((a) => a.user.id), E = o.useMemo(
       () => h.map((a) => ({ id: a.id, name: a.name, avatar: a.image ?? void 0 })),
       [h]
     ), T = (a) => {
@@ -93,7 +93,7 @@ const Te = o.forwardRef(
       b("dueDate", a ? a.toISOString() : null);
     }, z = () => {
       const a = v.trim();
-      a && !s.labels.includes(a) && b("labels", [...s.labels, a]), i(""), f(!1);
+      a && !s.labels.includes(a) && b("labels", [...s.labels, a]), l(""), f(!1);
     }, J = (a) => {
       b("labels", s.labels.filter((Q) => Q !== a));
     }, M = () => {
@@ -104,7 +104,7 @@ const Te = o.forwardRef(
       }
       b("visibility", a);
     }, q = C || qs;
-    return /* @__PURE__ */ t("div", { ref: l, className: p("space-y-ds-01", D), ...I, children: [
+    return /* @__PURE__ */ t("div", { ref: i, className: p("space-y-ds-01", D), ...I, children: [
       /* @__PURE__ */ e(O, { icon: os, label: "Column", children: x && !(d != null && d.includes("columnId")) ? /* @__PURE__ */ e("span", { className: "px-ds-03 py-ds-02 text-ds-md text-surface-fg", children: s.column.name }) : /* @__PURE__ */ t(de, { children: [
         /* @__PURE__ */ e(ue, { asChild: !0, children: /* @__PURE__ */ t(
           "button",
@@ -295,10 +295,10 @@ const Te = o.forwardRef(
           {
             type: "text",
             value: v,
-            onChange: (a) => i(a.target.value),
+            onChange: (a) => l(a.target.value),
             "aria-label": "New label name",
             onKeyDown: (a) => {
-              a.key === "Enter" && z(), a.key === "Escape" && (f(!1), i(""));
+              a.key === "Enter" && z(), a.key === "Escape" && (f(!1), l(""));
             },
             onBlur: z,
             placeholder: "Label name",
@@ -355,26 +355,26 @@ const Re = o.forwardRef(
     readOnly: D = !1,
     ...x
   }, d) {
-    const [C, N] = o.useState(""), [w, I] = o.useState(!1), l = o.useRef(null), v = s.filter(
+    const [C, N] = o.useState(""), [w, I] = o.useState(!1), i = o.useRef(null), v = s.filter(
       (u) => {
         var E;
         return ((E = u.column) == null ? void 0 : E.isTerminal) || u.columnId === g;
       }
-    ).length, i = s.length, c = () => {
+    ).length, l = s.length, c = () => {
       const u = C.trim();
       u && (h(u), N(""));
     }, f = (u) => {
       u.key === "Enter" && (u.preventDefault(), c()), u.key === "Escape" && (I(!1), N(""));
     };
     return o.useEffect(() => {
-      w && l.current && l.current.focus();
+      w && i.current && i.current.focus();
     }, [w]), /* @__PURE__ */ t("div", { ref: d, className: p("flex flex-col", y), ...x, children: [
-      i > 0 && /* @__PURE__ */ t("div", { className: "mb-ds-05 flex items-center gap-ds-04", children: [
-        /* @__PURE__ */ e(cs, { value: i > 0 ? v / i * 100 : 0, className: "h-ds-02b" }),
+      l > 0 && /* @__PURE__ */ t("div", { className: "mb-ds-05 flex items-center gap-ds-04", children: [
+        /* @__PURE__ */ e(cs, { value: l > 0 ? v / l * 100 : 0, className: "h-ds-02b" }),
         /* @__PURE__ */ t("span", { className: "shrink-0 text-ds-sm font-medium text-surface-fg-subtle", children: [
           v,
           "/",
-          i
+          l
         ] })
       ] }),
       s.length > 0 ? /* @__PURE__ */ e("div", { className: "space-y-ds-01", children: s.map((u) => {
@@ -448,7 +448,7 @@ const Re = o.forwardRef(
         /* @__PURE__ */ e(
           "input",
           {
-            ref: l,
+            ref: i,
             type: "text",
             value: C,
             onChange: (u) => N(u.target.value),
@@ -508,17 +508,17 @@ const Ks = [
     ...y
   }, D) {
     const [x, d] = o.useState({}), [C, N] = o.useState(null), w = o.useMemo(
-      () => g.map((l) => ({ id: l.id, name: l.name, avatar: l.image ?? void 0 })),
+      () => g.map((i) => ({ id: i.id, name: i.name, avatar: i.image ?? void 0 })),
       [g]
-    ), I = (l, v) => {
-      b(l, v, x[l]), d((i) => {
-        const c = { ...i };
-        return delete c[l], c;
+    ), I = (i, v) => {
+      b(i, v, x[i]), d((l) => {
+        const c = { ...l };
+        return delete c[i], c;
       }), N(null);
     };
     return /* @__PURE__ */ t("div", { ref: D, className: p("flex flex-col", m), ...y, children: [
-      s.length > 0 ? /* @__PURE__ */ e("div", { className: "space-y-ds-04", children: s.map((l) => {
-        const v = Fs[l.status], i = C === l.id;
+      s.length > 0 ? /* @__PURE__ */ e("div", { className: "space-y-ds-04", children: s.map((i) => {
+        const v = Fs[i.status], l = C === i.id;
         return /* @__PURE__ */ t(
           "div",
           {
@@ -526,20 +526,20 @@ const Ks = [
             children: [
               /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-03", children: [
                 /* @__PURE__ */ t(j, { className: "h-ds-xs w-ds-xs shrink-0", children: [
-                  l.reviewer.image && /* @__PURE__ */ e(
+                  i.reviewer.image && /* @__PURE__ */ e(
                     H,
                     {
-                      src: l.reviewer.image,
-                      alt: l.reviewer.name
+                      src: i.reviewer.image,
+                      alt: i.reviewer.name
                     }
                   ),
-                  /* @__PURE__ */ e(G, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: B(l.reviewer.name) })
+                  /* @__PURE__ */ e(G, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: B(i.reviewer.name) })
                 ] }),
                 /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ e("span", { className: "text-ds-md font-medium text-surface-fg", children: l.reviewer.name }),
+                  /* @__PURE__ */ e("span", { className: "text-ds-md font-medium text-surface-fg", children: i.reviewer.name }),
                   /* @__PURE__ */ t("span", { className: "ml-ds-03 text-ds-sm text-surface-fg-subtle", children: [
                     "requested by ",
-                    l.requestedBy.name
+                    i.requestedBy.name
                   ] })
                 ] }),
                 /* @__PURE__ */ e(
@@ -550,15 +550,15 @@ const Ks = [
                   }
                 )
               ] }),
-              l.feedback && /* @__PURE__ */ e("div", { className: "mt-ds-03 rounded-ds-md bg-surface-2 px-ds-04 py-ds-03", children: /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-muted", children: l.feedback }) }),
-              l.status === "PENDING" && /* @__PURE__ */ e("div", { className: "mt-ds-03", children: i ? /* @__PURE__ */ t("div", { className: "space-y-ds-03", children: [
+              i.feedback && /* @__PURE__ */ e("div", { className: "mt-ds-03 rounded-ds-md bg-surface-2 px-ds-04 py-ds-03", children: /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-muted", children: i.feedback }) }),
+              i.status === "PENDING" && /* @__PURE__ */ e("div", { className: "mt-ds-03", children: l ? /* @__PURE__ */ t("div", { className: "space-y-ds-03", children: [
                 /* @__PURE__ */ e(
                   "textarea",
                   {
-                    value: x[l.id] || "",
+                    value: x[i.id] || "",
                     onChange: (c) => d((f) => ({
                       ...f,
-                      [l.id]: c.target.value
+                      [i.id]: c.target.value
                     })),
                     placeholder: "Add feedback (optional)...",
                     rows: 2,
@@ -572,7 +572,7 @@ const Ks = [
                       "button",
                       {
                         type: "button",
-                        onClick: () => I(l.id, c.status),
+                        onClick: () => I(i.id, c.status),
                         className: p(
                           "inline-flex items-center gap-ds-02 rounded-ds-md px-ds-03 py-ds-02 text-ds-sm font-semibold transition-colors",
                           c.status === "APPROVED" && "bg-success-3 text-success-11 hover:opacity-90",
@@ -601,15 +601,15 @@ const Ks = [
                 "button",
                 {
                   type: "button",
-                  onClick: () => N(l.id),
+                  onClick: () => N(i.id),
                   className: "text-ds-sm font-medium text-accent-11 transition-colors hover:underline",
                   children: "Respond"
                 }
               ) }),
-              /* @__PURE__ */ e("p", { className: "mt-ds-03 text-ds-xs text-surface-fg-subtle", children: Ys(l.createdAt) })
+              /* @__PURE__ */ e("p", { className: "mt-ds-03 text-ds-xs text-surface-fg-subtle", children: Ys(i.createdAt) })
             ]
           },
-          l.id
+          i.id
         );
       }) }) : /* @__PURE__ */ e(
         F,
@@ -625,7 +625,7 @@ const Ks = [
         {
           members: w,
           selectedIds: [],
-          onSelect: (l) => h(l),
+          onSelect: (i) => h(i),
           children: /* @__PURE__ */ t(
             "button",
             {
@@ -675,7 +675,7 @@ const ke = o.forwardRef(
     renderViewer: x,
     ...d
   }, C) {
-    const [N, w] = o.useState(""), I = o.useRef(null), l = D ?? (y ? (c) => /* @__PURE__ */ e(
+    const [N, w] = o.useState(""), I = o.useRef(null), i = D ?? (y ? (c) => /* @__PURE__ */ e(
       Ps,
       {
         content: c.content,
@@ -684,7 +684,7 @@ const ke = o.forwardRef(
         editable: !0,
         className: "min-h-[80px]"
       }
-    ) : void 0), v = x ?? (y ? (c) => /* @__PURE__ */ e(ks, { content: c.content, className: c.className }) : void 0), i = () => {
+    ) : void 0), v = x ?? (y ? (c) => /* @__PURE__ */ e(ks, { content: c.content, className: c.className }) : void 0), l = () => {
       const c = N.trim();
       c.replace(/<[^>]*>/g, "").trim() && (h(c, m ? "CLIENT" : "INTERNAL"), w(""));
     };
@@ -738,7 +738,7 @@ const ke = o.forwardRef(
       ),
       /* @__PURE__ */ t("div", { className: "mt-ds-05 space-y-ds-03", children: [
         g === "EVERYONE" && !m && /* @__PURE__ */ e("p", { className: "text-ds-xs text-warning-11", children: "This task is visible to clients. Comments may be seen by external users." }),
-        l ? l({
+        i ? i({
           content: N,
           onChange: w,
           placeholder: "Write a comment..."
@@ -756,7 +756,7 @@ const ke = o.forwardRef(
           "button",
           {
             type: "button",
-            onClick: i,
+            onClick: l,
             disabled: !N.replace(/<[^>]*>/g, "").trim(),
             className: "inline-flex items-center gap-ds-02b rounded-ds-lg bg-accent-9 px-ds-04 py-ds-02b text-ds-sm font-semibold text-accent-fg transition-colors hover:bg-accent-10 disabled:opacity-action-disabled disabled:cursor-not-allowed",
             children: [
@@ -792,17 +792,17 @@ const Pe = o.forwardRef(
     readOnly: y = !1,
     ...D
   }, x) {
-    const d = o.useRef(null), [C, N] = o.useState(!1), w = (i) => {
+    const d = o.useRef(null), [C, N] = o.useState(!1), w = (l) => {
       var f;
-      const c = (f = i.target.files) == null ? void 0 : f[0];
+      const c = (f = l.target.files) == null ? void 0 : f[0];
       c && g(c), d.current && (d.current.value = "");
-    }, I = (i) => {
+    }, I = (l) => {
       var f;
-      i.preventDefault(), N(!1);
-      const c = (f = i.dataTransfer.files) == null ? void 0 : f[0];
+      l.preventDefault(), N(!1);
+      const c = (f = l.dataTransfer.files) == null ? void 0 : f[0];
       c && g(c);
-    }, l = (i) => {
-      i.preventDefault(), N(!0);
+    }, i = (l) => {
+      l.preventDefault(), N(!0);
     }, v = () => {
       N(!1);
     };
@@ -813,7 +813,7 @@ const Pe = o.forwardRef(
           role: "region",
           "aria-label": "File upload drop zone",
           onDrop: I,
-          onDragOver: l,
+          onDragOver: i,
           onDragLeave: v,
           className: p(
             "rounded-ds-lg border-2 border-dashed transition-colors",
@@ -834,8 +834,8 @@ const Pe = o.forwardRef(
                   {
                     type: "button",
                     onClick: () => {
-                      var i;
-                      return (i = d.current) == null ? void 0 : i.click();
+                      var l;
+                      return (l = d.current) == null ? void 0 : l.click();
                     },
                     disabled: b,
                     className: "text-ds-md font-medium text-accent-11 transition-colors hover:underline disabled:opacity-action-disabled",
@@ -860,8 +860,8 @@ const Pe = o.forwardRef(
           ]
         }
       ),
-      s.length > 0 ? /* @__PURE__ */ e("div", { className: "mt-ds-05 space-y-ds-02", children: s.map((i) => {
-        const c = Ms(i.fileType);
+      s.length > 0 ? /* @__PURE__ */ e("div", { className: "mt-ds-05 space-y-ds-02", children: s.map((l) => {
+        const c = Ms(l.fileType);
         return /* @__PURE__ */ t(
           "div",
           {
@@ -875,29 +875,29 @@ const Pe = o.forwardRef(
                 }
               ) }),
               /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ e("p", { className: "truncate text-ds-md font-medium text-surface-fg", children: i.title }),
+                /* @__PURE__ */ e("p", { className: "truncate text-ds-md font-medium text-surface-fg", children: l.title }),
                 /* @__PURE__ */ t("p", { className: "text-ds-sm text-surface-fg-subtle", children: [
-                  Qs(i.createdAt),
+                  Qs(l.createdAt),
                   /* @__PURE__ */ e("span", { className: "mx-ds-02b", children: "by" }),
-                  i.uploadedBy.name
+                  l.uploadedBy.name
                 ] })
               ] }),
               /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-02 opacity-0 transition-opacity group-hover:opacity-100", children: [
-                i.externalUrl && /* @__PURE__ */ e(
+                l.externalUrl && /* @__PURE__ */ e(
                   "a",
                   {
-                    href: i.externalUrl,
+                    href: /^https?:\/\//.test(l.externalUrl) ? l.externalUrl : "#",
                     target: "_blank",
                     rel: "noopener noreferrer",
                     className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md transition-colors hover:bg-surface-2",
-                    title: i.externalLabel ?? "Open externally",
+                    title: l.externalLabel ?? "Open externally",
                     children: /* @__PURE__ */ e(bs, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
                   }
                 ),
-                i.downloadUrl && /* @__PURE__ */ e(
+                l.downloadUrl && /* @__PURE__ */ e(
                   "a",
                   {
-                    href: /^https?:\/\//.test(i.downloadUrl) ? i.downloadUrl : "#",
+                    href: /^https?:\/\//.test(l.downloadUrl) ? l.downloadUrl : "#",
                     target: "_blank",
                     rel: "noopener noreferrer",
                     className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md transition-colors hover:bg-surface-2",
@@ -920,7 +920,7 @@ const Pe = o.forwardRef(
                       /* @__PURE__ */ e(Hs, { children: "Delete file?" }),
                       /* @__PURE__ */ t(Gs, { children: [
                         '"',
-                        i.title,
+                        l.title,
                         '" will be permanently deleted. This cannot be undone.'
                       ] })
                     ] }),
@@ -932,7 +932,7 @@ const Pe = o.forwardRef(
                           variant: "solid",
                           color: "error",
                           size: "sm",
-                          onClick: () => h(i.id),
+                          onClick: () => h(l.id),
                           children: "Delete"
                         }
                       ) })
@@ -942,7 +942,7 @@ const Pe = o.forwardRef(
               ] })
             ]
           },
-          i.id
+          l.id
         );
       }) }) : /* @__PURE__ */ e("div", { className: "mt-ds-03", children: /* @__PURE__ */ e(
         F,
@@ -1161,9 +1161,9 @@ const st = o.forwardRef(function({
   headerSlot: N,
   extraTabs: w = [],
   onTitleUpdate: I,
-  onPropertyUpdate: l,
+  onPropertyUpdate: i,
   onAssign: v,
-  onUnassign: i,
+  onUnassign: l,
   onCreateSubtask: c,
   onToggleSubtask: f,
   onRequestReview: u,
@@ -1191,12 +1191,12 @@ const st = o.forwardRef(function({
   const Ve = o.useCallback((r) => {
     ae(r), k == null || k(r);
   }, [k]), je = o.useCallback((r, A) => {
-    d && !C.includes(r) || l == null || l(r, A);
-  }, [d, C, l]), He = o.useCallback((r) => {
+    d && !C.includes(r) || i == null || i(r, A);
+  }, [d, C, i]), He = o.useCallback((r) => {
     v == null || v(r);
   }, [v]), Ge = o.useCallback((r) => {
-    i == null || i(r);
-  }, [i]), $e = o.useCallback((r) => {
+    l == null || l(r);
+  }, [l]), $e = o.useCallback((r) => {
     c == null || c(r);
   }, [c]), Be = o.useCallback((r, A) => {
     f == null || f(r, A);