laif-ds 0.2.69 → 0.2.70

package/dist/components/ui/app-kanban.js

@@ -1,151 +1,194 @@
 "use client";
-import { jsx as i, jsxs as l, Fragment as z } from "react/jsx-runtime";
-import { useState as L } from "react";
-import { KanbanBoardProvider as H, KanbanBoard as I, KanbanBoardColumn as P, KanbanBoardColumnHeader as S, KanbanBoardColumnList as A, KanbanBoardColumnListItem as F, KanbanBoardCard as J, KanbanBoardCardTitle as R, KanbanBoardCardDescription as W } from "./kanban.js";
-import { stringToHexColor as q, hexToRgba as E } from "../../lib/utils.js";
-import { Button as G } from "./button.js";
-import { Icon as Q } from "./icon.js";
-import U from "../../node_modules/lucide-react/dist/esm/icons/plus.js";
-function M({
-  columns: v,
-  initialTasks: K,
+import { jsx as o, jsxs as l, Fragment as H } from "react/jsx-runtime";
+import { useState as I, useMemo as P } from "react";
+import { KanbanBoardProvider as A, KanbanBoard as F, KanbanBoardColumn as J, KanbanBoardColumnHeader as R, KanbanBoardColumnList as W, KanbanBoardColumnListItem as q, KanbanBoardCard as E, KanbanBoardCardTitle as G, KanbanBoardCardDescription as Q } from "./kanban.js";
+import { stringToHexColor as U, cn as B, hexToRgba as K } from "../../lib/utils.js";
+import { Button as V } from "./button.js";
+import { Icon as X } from "./icon.js";
+import Y from "../../node_modules/lucide-react/dist/esm/icons/lock.js";
+import Z from "../../node_modules/lucide-react/dist/esm/icons/plus.js";
+function ne({
+  columns: p,
+  initialTasks: w,
   onTaskMove: m,
   onTaskEdit: x,
-  onTaskCreate: u,
-  taskActions: B,
-  renderTaskContent: b,
-  className: y,
-  allowTaskCreate: j = !0
+  onTaskCreate: h,
+  taskActions: D,
+  renderTaskContent: g,
+  className: j,
+  allowTaskCreate: z = !0
 }) {
-  const [h, N] = L(K), g = (r) => {
-    const d = {};
-    for (const e of Object.keys(r))
-      d[e] = [...r[e]];
-    return d;
-  }, w = (r, d) => {
-    N((e) => {
-      const o = g(e);
-      let t, n;
-      for (const s of Object.keys(o)) {
-        const c = o[s].findIndex((p) => p.id === r);
+  const [N, C] = I(w), b = P(
+    () => new Set(p.filter((e) => e.disabled).map((e) => e.id)),
+    [p]
+  ), y = (e) => {
+    const i = {};
+    for (const r of Object.keys(e))
+      i[r] = [...e[r]];
+    return i;
+  }, O = (e, i) => {
+    C((r) => {
+      const d = y(r);
+      let a, n;
+      for (const s of Object.keys(d)) {
+        const c = d[s].findIndex((f) => f.id === e);
         if (c !== -1) {
-          n = s, [t] = o[s].splice(c, 1);
+          n = s, [a] = d[s].splice(c, 1);
           break;
         }
       }
-      return !t || n === d ? e : (o[d] || (o[d] = []), o[d].push(t), n && m && m(r, n, d), o);
+      return !a || n === i || n && b.has(n) || b.has(i) ? r : (d[i] || (d[i] = []), d[i].push(a), n && m && m(e, n, i), d);
     });
-  }, O = (r, d, e, o) => {
-    N((t) => {
-      const n = g(t), s = Object.keys(n).find(
-        (a) => n[a].some((D) => D.id === r)
+  }, L = (e, i, r, d) => {
+    C((a) => {
+      const n = y(a), s = Object.keys(n).find(
+        (t) => n[t].some((S) => S.id === e)
       );
-      if (!s) return t;
+      if (!s) return a;
       const c = n[s].findIndex(
-        (a) => a.id === r
+        (t) => t.id === e
       );
-      if (c === -1) return t;
-      const [p] = n[s].splice(c, 1);
-      n[e] || (n[e] = []);
-      const f = n[e].findIndex(
-        (a) => a.id === d
+      if (c === -1 || b.has(s) || b.has(r))
+        return a;
+      const [f] = n[s].splice(c, 1);
+      n[r] || (n[r] = []);
+      const u = n[r].findIndex(
+        (t) => t.id === i
       );
-      if (f === -1)
-        n[e].push(p);
+      if (u === -1)
+        n[r].push(f);
       else {
-        const a = o === "top" ? f : f + 1;
-        n[e].splice(a, 0, p);
+        const t = d === "top" ? u : u + 1;
+        n[r].splice(t, 0, f);
       }
-      return s !== e && m && m(r, s, e), n;
+      return s !== r && m && m(e, s, r), n;
     });
-  }, C = (r) => JSON.parse(r);
-  return /* @__PURE__ */ i(H, { children: /* @__PURE__ */ i(I, { className: y, children: v.map((r) => {
-    const d = q(r.label);
+  }, v = (e) => JSON.parse(e);
+  return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(F, { className: j, children: p.map((e) => {
+    const i = U(e.label), r = !!e.disabled;
     return /* @__PURE__ */ l(
-      P,
+      J,
       {
-        columnId: r.id,
-        onDropOverColumn: (e) => {
-          const o = C(e);
-          w(o.id, r.id);
+        columnId: e.id,
+        disabled: r,
+        onDropOverColumn: (d) => {
+          if (r) return;
+          const a = v(d);
+          O(a.id, e.id);
         },
-        className: "group/column rounded-xl backdrop-blur-sm transition-colors",
+        className: B(
+          "group/column relative transition-all duration-200",
+          !r && "hover:-translate-y-0.5 hover:shadow-lg"
+        ),
         children: [
-          /* @__PURE__ */ i(S, { className: "relative mb-1.5 px-1.5 pt-1.5", children: /* @__PURE__ */ l("div", { className: "flex w-full items-center justify-between", children: [
+          /* @__PURE__ */ o(R, { className: "sticky top-0 z-10 mb-2 rounded-xl border border-d-border/60 bg-d-sidebar/90 px-2.5 py-2 backdrop-blur", children: /* @__PURE__ */ l("div", { className: "flex w-full items-center justify-between", children: [
             /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ l(
                 "div",
                 {
-                  className: "flex items-center gap-1.5 rounded-md px-2 py-0.5 text-xs font-semibold",
+                  className: "flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-semibold shadow-sm",
                   style: {
-                    backgroundColor: E(d, 0.15),
-                    color: d
+                    backgroundColor: K(i, 0.15),
+                    color: i,
+                    borderColor: K(i, 0.35)
                   },
-                  children: /* @__PURE__ */ i("span", { className: "max-w-[150px] truncate", children: r.label })
+                  children: [
+                    /* @__PURE__ */ o(
+                      "span",
+                      {
+                        className: "size-1.5 rounded-full",
+                        style: { backgroundColor: i }
+                      }
+                    ),
+                    /* @__PURE__ */ o("span", { className: "max-w-[150px] truncate", children: e.label })
+                  ]
                 }
               ),
-              /* @__PURE__ */ i("span", { className: "text-d-muted-foreground text-xs", children: h[r.id]?.length ?? 0 })
+              /* @__PURE__ */ o("span", { className: "text-d-muted-foreground inline-flex items-center rounded-full border border-d-border/60 bg-d-muted/40 px-2 py-0.5 text-[11px] font-medium", children: N[e.id]?.length ?? 0 })
             ] }),
-            /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: j && u && /* @__PURE__ */ i(
-              G,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "text-d-muted-foreground hover:text-d-foreground h-6 w-6",
-                onClick: () => u(r.id),
-                children: /* @__PURE__ */ i(U, { className: "size-3.5" })
-              }
-            ) })
+            /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+              r && /* @__PURE__ */ o(
+                "span",
+                {
+                  className: "text-d-muted-foreground inline-flex size-6 items-center justify-center",
+                  title: "Colonna bloccata",
+                  "aria-label": "Colonna bloccata",
+                  children: /* @__PURE__ */ o(Y, { className: "size-3.5" })
+                }
+              ),
+              z && h && /* @__PURE__ */ o(
+                V,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "text-d-muted-foreground hover:text-d-foreground h-6 w-6",
+                  onClick: () => h(e.id),
+                  children: /* @__PURE__ */ o(Z, { className: "size-3.5" })
+                }
+              )
+            ] })
           ] }) }),
-          /* @__PURE__ */ i(A, { className: "px-1 pb-2", children: h[r.id]?.map((e) => /* @__PURE__ */ i(
-            F,
+          /* @__PURE__ */ o(
+            W,
             {
-              cardId: e.id,
-              className: "mb-1.5 border-0 last:mb-0",
-              onDropOverListItem: (o, t) => {
-                if (t === "none") return;
-                const n = C(o);
-                O(
-                  n.id,
-                  e.id,
-                  r.id,
-                  t
-                );
-              },
-              children: /* @__PURE__ */ i(
-                J,
+              className: "px-1.5 pb-3",
+              dropDisabled: r,
+              children: N[e.id]?.map((d) => /* @__PURE__ */ o(
+                q,
                 {
-                  data: e,
-                  className: "group/card hover:border-d-border/40 relative rounded-md border border-transparent shadow-sm transition-all duration-200 hover:shadow-md",
-                  backgroundColor: d,
-                  onEdit: x ? () => x(e, r.id) : void 0,
-                  actions: B?.(e, r.id),
-                  meta: e.meta,
-                  children: b ? b(e, r.id) : /* @__PURE__ */ l(z, { children: [
-                    /* @__PURE__ */ l("div", { className: "mb-1 flex items-start gap-2", children: [
-                      e.icon && /* @__PURE__ */ i(
-                        Q,
-                        {
-                          name: e.icon,
-                          size: "sm",
-                          className: "text-d-muted-foreground mt-0.5 shrink-0"
-                        }
+                  cardId: d.id,
+                  dropDisabled: r,
+                  className: "mb-2 border-0 last:mb-0",
+                  onDropOverListItem: (a, n) => {
+                    if (r || n === "none") return;
+                    const s = v(a);
+                    L(
+                      s.id,
+                      d.id,
+                      e.id,
+                      n
+                    );
+                  },
+                  children: /* @__PURE__ */ o(
+                    E,
+                    {
+                      data: d,
+                      dragDisabled: r,
+                      className: B(
+                        "group/card relative rounded-xl border border-transparent shadow-sm transition-all duration-200",
+                        !r && "hover:-translate-y-0.5 hover:border-d-border/60 hover:shadow-lg"
                       ),
-                      /* @__PURE__ */ i(R, { className: "flex-1 text-sm leading-snug font-medium", children: e.title })
-                    ] }),
-                    e.description && /* @__PURE__ */ i(W, { className: "text-d-muted-foreground mt-1.5 line-clamp-2 text-xs", children: e.description })
-                  ] })
-                }
-              )
-            },
-            e.id
-          )) })
+                      backgroundColor: i,
+                      onEdit: x ? () => x(d, e.id) : void 0,
+                      actions: D?.(d, e.id),
+                      meta: d.meta,
+                      children: g ? g(d, e.id) : /* @__PURE__ */ l(H, { children: [
+                        /* @__PURE__ */ l("div", { className: "mb-1 flex items-start gap-2", children: [
+                          d.icon && /* @__PURE__ */ o(
+                            X,
+                            {
+                              name: d.icon,
+                              size: "sm",
+                              className: "text-d-muted-foreground mt-0.5 shrink-0"
+                            }
+                          ),
+                          /* @__PURE__ */ o(G, { className: "flex-1 text-sm leading-snug font-semibold", children: d.title })
+                        ] }),
+                        d.description && /* @__PURE__ */ o(Q, { className: "text-d-muted-foreground mt-1.5 line-clamp-2 text-xs leading-relaxed", children: d.description })
+                      ] })
+                    }
+                  )
+                },
+                d.id
+              ))
+            }
+          )
         ]
       },
-      r.id
+      e.id
     );
   }) }) });
 }
 export {
-  M as AppKanban
+  ne as AppKanban
 };