laif-ds 0.2.71 → 0.2.72

package/dist/_virtual/index6.js

@@ -1,5 +1,5 @@
 "use client";
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

package/dist/_virtual/index7.js

@@ -1,5 +1,5 @@
 "use client";
-var e = {};
+var e = { exports: {} };
 export {
-  e as __exports
+  e as __module
 };

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

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

package/dist/index.d.ts

@@ -265,6 +265,14 @@ export declare type AppKanbanColumn = {
     id: string;
     label: string;
     disabled?: boolean;
+    /**
+     * Prevent dropping cards into this column.
+     */
+    disableOnDragIn?: boolean;
+    /**
+     * Prevent dragging cards out of this column.
+     */
+    disableOnDragOut?: boolean;
 };
 
 export declare type AppKanbanConfig<T = any> = {

package/dist/node_modules/eventemitter3/index2.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as x } from "../../_virtual/index6.js";
+import { __module as x } from "../../_virtual/index7.js";
 var w;
 function O() {
   return w ? x.exports : (w = 1, (function(d) {

package/dist/node_modules/style-to-object/cjs/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { __exports as r } from "../../../_virtual/index7.js";
+import { __exports as r } from "../../../_virtual/index6.js";
 import { __require as c } from "../../inline-style-parser/index.js";
 var f;
 function j() {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "laif-ds",
   "private": false,
-  "version": "0.2.71",
+  "version": "0.2.72",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",