@object-ui/plugin-kanban 4.0.3 → 4.0.4

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @object-ui/plugin-kanban
 
+## 4.0.4
+
+### Patch Changes
+
+- d2b6ece: fix: externalize all bare imports in library builds
+
+  Library builds (vite lib mode) now externalize every non-relative import instead of bundling third-party CJS dependencies into the published dist. This avoids inlined `require("react")` / `require("react-dom")` calls that cause `Calling \`require\` for "react" in an environment that doesn't expose the \`require\` function` runtime errors when consumer apps re-bundle the published dist.
+
+  Specifically fixes:
+  - `@object-ui/plugin-dashboard` no longer inlines `react-grid-layout` (and its transitive `react-draggable` / `react-resizable` CJS bundles). `react-grid-layout` is now declared as a peer dependency so consumers install a single ESM-friendly copy.
+  - `@object-ui/components`, `@object-ui/plugin-calendar`, `@object-ui/plugin-charts`, `@object-ui/plugin-designer` no longer inline `react-i18next` / `i18next` / `use-sync-external-store` CJS shims.
+  - All plugin packages now use a unified `external: (id) => !/^[./]/.test(id) && !id.startsWith(__dirname)` rule, ensuring future additions of CJS deps are automatically externalized.
+
+- Updated dependencies [d2b6ece]
+  - @object-ui/components@4.0.4
+  - @object-ui/types@4.0.4
+  - @object-ui/core@4.0.4
+  - @object-ui/react@4.0.4
+
 ## 4.0.3
 
 ### Patch Changes

package/dist/KanbanEnhanced-t4bTknP9.js

@@ -0,0 +1,290 @@
+import * as e from "react";
+import { Badge as t, Button as n, Card as r, CardContent as i, CardDescription as a, CardHeader as o, CardTitle as s, Input as c } from "@object-ui/components";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { AlertTriangle as f, ChevronDown as p, ChevronRight as m, Plus as h } from "lucide-react";
+import { useVirtualizer as g } from "@tanstack/react-virtual";
+import { DndContext as _, DragOverlay as v, PointerSensor as y, closestCorners as b, useSensor as x, useSensors as S } from "@dnd-kit/core";
+import { SortableContext as C, arrayMove as w, useSortable as T, verticalListSortingStrategy as E } from "@dnd-kit/sortable";
+import { CSS as D } from "@dnd-kit/utilities";
+//#region src/KanbanEnhanced.tsx
+var O = (...e) => e.filter(Boolean).join(" ");
+function k(e, t) {
+	if (!t || t.length === 0) return {};
+	for (let n of t) {
+		let t = e[n.field];
+		if (t == null) continue;
+		let r = !1, i = String(t);
+		switch (n.operator) {
+			case "equals":
+				r = i === String(n.value);
+				break;
+			case "not_equals":
+				r = i !== String(n.value);
+				break;
+			case "contains":
+				r = i.toLowerCase().includes(String(n.value).toLowerCase());
+				break;
+			case "in":
+				r = Array.isArray(n.value) && n.value.includes(i);
+				break;
+		}
+		if (r) return {
+			...n.backgroundColor ? { backgroundColor: n.backgroundColor } : {},
+			...n.borderColor ? { borderColor: n.borderColor } : {}
+		};
+	}
+	return {};
+}
+function A({ card: e, conditionalFormatting: n }) {
+	let { attributes: c, listeners: l, setNodeRef: f, transform: p, transition: m, isDragging: h } = T({ id: e.id }), g = {
+		transform: D.Transform.toString(p),
+		transition: m,
+		opacity: h ? .5 : void 0
+	}, _ = k(e, n);
+	return /* @__PURE__ */ u("div", {
+		ref: f,
+		style: g,
+		...c,
+		...l,
+		children: /* @__PURE__ */ d(r, {
+			className: "mb-2 cursor-grab active:cursor-grabbing border-border bg-card/60 hover:border-primary/40 hover:shadow-lg hover:shadow-primary/10 transition-all duration-300 group",
+			style: _,
+			children: [
+				e.coverImage && /* @__PURE__ */ u("div", {
+					className: "w-full h-32 overflow-hidden rounded-t-lg",
+					children: /* @__PURE__ */ u("img", {
+						src: e.coverImage,
+						alt: "",
+						className: "w-full h-full object-cover",
+						loading: "lazy"
+					})
+				}),
+				/* @__PURE__ */ d(o, {
+					className: "p-4",
+					children: [/* @__PURE__ */ u(s, {
+						className: "text-sm font-medium tracking-tight text-foreground group-hover:text-primary transition-colors",
+						children: e.title
+					}), e.description && /* @__PURE__ */ u(a, {
+						className: "text-xs text-muted-foreground",
+						children: e.description
+					})]
+				}),
+				e.badges && e.badges.length > 0 && /* @__PURE__ */ u(i, {
+					className: "p-4 pt-0",
+					children: /* @__PURE__ */ u("div", {
+						className: "flex flex-wrap gap-1",
+						children: e.badges.map((e, n) => /* @__PURE__ */ u(t, {
+							variant: e.variant || "default",
+							className: "text-xs",
+							children: e.label
+						}, n))
+					})
+				})
+			]
+		})
+	});
+}
+function j({ cards: e, parentRef: t, conditionalFormatting: n }) {
+	let r = g({
+		count: e.length,
+		getScrollElement: () => t.current,
+		estimateSize: () => 120,
+		overscan: 5
+	});
+	return /* @__PURE__ */ u("div", {
+		style: {
+			height: `${r.getTotalSize()}px`,
+			width: "100%",
+			position: "relative"
+		},
+		children: r.getVirtualItems().map((t) => {
+			let r = e[t.index];
+			return /* @__PURE__ */ u("div", {
+				style: {
+					position: "absolute",
+					top: 0,
+					left: 0,
+					width: "100%",
+					transform: `translateY(${t.start}px)`
+				},
+				children: /* @__PURE__ */ u(A, {
+					card: r,
+					conditionalFormatting: n
+				})
+			}, r.id);
+		})
+	});
+}
+function M({ columnId: t, onAdd: r }) {
+	let [i, a] = e.useState(!1), [o, s] = e.useState(""), l = e.useRef(null), f = () => {
+		let e = o.trim();
+		e && (r(t, e), s("")), a(!1);
+	};
+	return i ? /* @__PURE__ */ u("div", {
+		className: "mt-2 space-y-2",
+		children: /* @__PURE__ */ u(c, {
+			ref: l,
+			value: o,
+			onChange: (e) => s(e.target.value),
+			onKeyDown: (e) => {
+				e.key === "Enter" ? (e.preventDefault(), f()) : e.key === "Escape" && (s(""), a(!1));
+			},
+			onBlur: f,
+			placeholder: "Enter card title...",
+			className: "text-sm",
+			autoFocus: !0
+		})
+	}) : /* @__PURE__ */ d(n, {
+		variant: "ghost",
+		size: "sm",
+		className: "w-full mt-2 text-muted-foreground hover:text-foreground",
+		onClick: () => {
+			a(!0), setTimeout(() => l.current?.focus(), 0);
+		},
+		children: [/* @__PURE__ */ u(h, { className: "h-4 w-4 mr-1" }), "Add Card"]
+	});
+}
+function N({ column: r, cards: i, onToggle: a, enableVirtual: o, quickAdd: s, onQuickAdd: c, conditionalFormatting: h }) {
+	let g = i || [], _ = e.useRef(null), { setNodeRef: v } = T({
+		id: r.id,
+		data: { type: "column" }
+	}), y = r.limit && g.length >= r.limit, b = r.limit && g.length >= r.limit * .8;
+	return /* @__PURE__ */ d("div", {
+		ref: v,
+		className: O("flex flex-col flex-shrink-0 rounded-lg border border-border bg-card/20 backdrop-blur-sm shadow-xl transition-all", r.collapsed ? "w-16" : "w-80", r.className),
+		children: [/* @__PURE__ */ d("div", {
+			className: "p-4 border-b border-border/50 bg-muted/20 flex items-center justify-between",
+			children: [/* @__PURE__ */ d("div", {
+				className: "flex items-center gap-2 flex-1 min-w-0",
+				children: [/* @__PURE__ */ u(n, {
+					variant: "ghost",
+					size: "sm",
+					className: "h-6 w-6 p-0",
+					onClick: () => a(!r.collapsed),
+					children: r.collapsed ? /* @__PURE__ */ u(m, { className: "h-4 w-4" }) : /* @__PURE__ */ u(p, { className: "h-4 w-4" })
+				}), !r.collapsed && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("h3", {
+					className: " text-sm font-semibold tracking-wider text-primary/90 uppercase truncate",
+					children: r.title
+				}), /* @__PURE__ */ d("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ d("span", {
+							className: O(" text-xs", y ? "text-destructive" : b ? "text-yellow-500" : "text-muted-foreground"),
+							children: [g.length, r.limit && ` / ${r.limit}`]
+						}),
+						y && /* @__PURE__ */ u(t, {
+							variant: "destructive",
+							className: "text-xs",
+							children: "Full"
+						}),
+						b && !y && /* @__PURE__ */ u(f, { className: "h-3 w-3 text-yellow-500" })
+					]
+				})] })]
+			}), r.collapsed && /* @__PURE__ */ d("div", {
+				className: "flex flex-col items-center gap-1",
+				children: [/* @__PURE__ */ u("span", {
+					className: " text-xs font-bold text-primary/90 [writing-mode:vertical-rl] rotate-180",
+					children: r.title
+				}), /* @__PURE__ */ u(t, {
+					variant: "secondary",
+					className: "text-xs",
+					children: g.length
+				})]
+			})]
+		}), !r.collapsed && /* @__PURE__ */ d("div", {
+			ref: _,
+			className: "flex-1 p-4 overflow-y-auto",
+			style: { maxHeight: "600px" },
+			children: [/* @__PURE__ */ u(C, {
+				items: g.map((e) => e.id),
+				strategy: E,
+				children: o ? /* @__PURE__ */ u(j, {
+					cards: g,
+					parentRef: _,
+					conditionalFormatting: h
+				}) : /* @__PURE__ */ u("div", {
+					className: "space-y-2",
+					children: g.map((e) => /* @__PURE__ */ u(A, {
+						card: e,
+						conditionalFormatting: h
+					}, e.id))
+				})
+			}), s && c && /* @__PURE__ */ u(M, {
+				columnId: r.id,
+				onAdd: c
+			})]
+		})]
+	});
+}
+function P({ columns: t, onCardMove: n, onColumnToggle: r, enableVirtualScrolling: i = !1, virtualScrollThreshold: a = 50, className: o, quickAdd: s, onQuickAdd: c, conditionalFormatting: l }) {
+	let [f, p] = e.useState(null), m = e.useMemo(() => (t || []).map((e) => ({
+		...e,
+		cards: e.cards || []
+	})), [t]), [h, g] = e.useState(m);
+	e.useEffect(() => {
+		g(m);
+	}, [m]);
+	let C = S(x(y, { activationConstraint: { distance: 8 } })), T = (e) => {
+		let { active: t } = e;
+		p(D(t.id));
+	}, E = (e) => {
+		let { active: t, over: r } = e;
+		if (p(null), !r) return;
+		let i = t.id, a = r.id;
+		if (i === a) return;
+		let o = k(i), s = k(a) || j(a);
+		if (!(!o || !s)) if (o.id === s.id) {
+			let e = [...o.cards], t = w(e, e.findIndex((e) => e.id === i), e.findIndex((e) => e.id === a));
+			g((e) => e.map((e) => e.id === o.id ? {
+				...e,
+				cards: t
+			} : e));
+		} else {
+			let e = [...o.cards], t = [...s.cards], r = e.findIndex((e) => e.id === i), c = a === s.id ? t.length : t.findIndex((e) => e.id === a), [l] = e.splice(r, 1);
+			t.splice(c, 0, l), g((n) => n.map((n) => n.id === o.id ? {
+				...n,
+				cards: e
+			} : n.id === s.id ? {
+				...n,
+				cards: t
+			} : n)), n && n(i, o.id, s.id, c);
+		}
+	}, D = e.useCallback((e) => {
+		for (let t of h) {
+			let n = t.cards.find((t) => t.id === e);
+			if (n) return n;
+		}
+		return null;
+	}, [h]), k = e.useCallback((e) => h.find((t) => t.cards.some((t) => t.id === e)) || null, [h]), j = e.useCallback((e) => h.find((t) => t.id === e) || null, [h]), M = e.useCallback((e, t) => {
+		g((n) => n.map((n) => n.id === e ? {
+			...n,
+			collapsed: t
+		} : n)), r?.(e, t);
+	}, [r]);
+	return /* @__PURE__ */ d(_, {
+		sensors: C,
+		collisionDetection: b,
+		onDragStart: T,
+		onDragEnd: E,
+		children: [/* @__PURE__ */ u("div", {
+			className: O("flex gap-4 overflow-x-auto p-4", o),
+			children: h.map((e) => {
+				let t = i && e.cards.length > a;
+				return /* @__PURE__ */ u(N, {
+					column: e,
+					cards: e.cards,
+					onToggle: (t) => M(e.id, t),
+					enableVirtual: t,
+					quickAdd: s,
+					onQuickAdd: c,
+					conditionalFormatting: l
+				}, e.id);
+			})
+		}), /* @__PURE__ */ u(v, { children: f ? /* @__PURE__ */ u(A, {
+			card: f,
+			conditionalFormatting: l
+		}) : null })]
+	});
+}
+//#endregion
+export { P as KanbanEnhanced, P as default };