@object-ui/plugin-kanban 3.1.5 → 3.3.1

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @object-ui/plugin-kanban
 
+## 3.3.1
+
+### Patch Changes
+
+- Updated dependencies [b429568]
+  - @object-ui/components@3.3.1
+  - @object-ui/types@3.3.1
+  - @object-ui/core@3.3.1
+  - @object-ui/react@3.3.1
+
+## 3.3.0
+
+### Patch Changes
+
+- @object-ui/types@3.3.0
+- @object-ui/core@3.3.0
+- @object-ui/react@3.3.0
+- @object-ui/components@3.3.0
+
+## 3.2.0
+
+### Patch Changes
+
+- @object-ui/types@3.2.0
+- @object-ui/core@3.2.0
+- @object-ui/react@3.2.0
+- @object-ui/components@3.2.0
+
 ## 3.1.5
 
 ### Patch Changes

package/README.md

@@ -168,3 +168,27 @@ const schema = {
   }
 };
 ```
+
+<!-- release-metadata:v3.3.0 -->
+
+## Compatibility
+
+- **React:** 18.x or 19.x
+- **Node.js:** ≥ 18
+- **TypeScript:** ≥ 5.0 (strict mode)
+- **`@objectstack/spec`:** ^3.3.0
+- **`@objectstack/client`:** ^3.3.0
+- **Tailwind CSS:** ≥ 3.4 (for packages with UI)
+
+## Links
+
+- 📚 [Documentation](https://www.objectui.org/docs/plugins/plugin-kanban)
+- 📦 [npm package](https://www.npmjs.com/package/@object-ui/plugin-kanban)
+- 📝 [Changelog](./CHANGELOG.md)
+- 🐛 [Report an issue](https://github.com/objectstack-ai/objectui/issues)
+- 🤝 [Contributing Guide](https://github.com/objectstack-ai/objectui/blob/main/CONTRIBUTING.md)
+- 🗺️ [Roadmap](https://github.com/objectstack-ai/objectui/blob/main/ROADMAP.md)
+
+## License
+
+MIT — see [LICENSE](./LICENSE).

package/dist/{KanbanEnhanced-CvxO2soF.js → KanbanEnhanced-Do9ZB1Mh.js}

@@ -1,6 +1,6 @@
-import { n as e, r as t, t as n } from "./plus-CAtTu4zt.js";
-import { t as r } from "./chevron-down-DpXJN6OX.js";
-import { a as i, d as a, f as o, i as s, l as c, n as l, o as u, r as d, s as f, t as p, u as m } from "./sortable.esm-DzUCoMzQ.js";
+import { n as e, r as t, t as n } from "./plus-CHsXVJSY.js";
+import { t as r } from "./chevron-down-C0JUlGjk.js";
+import { a as i, d as a, f as o, i as s, l as c, n as l, o as u, r as d, s as f, t as p, u as m } from "./sortable.esm-LJG1TjKd.js";
 import * as h from "react";
 import { Badge as g, Button as _, Card as v, CardContent as y, CardDescription as b, CardHeader as x, CardTitle as S, Input as C } from "@object-ui/components";
 import { flushSync as w } from "react-dom";
@@ -22,7 +22,7 @@ var T = e("chevron-right", [["path", {
 	}]
 ]);
 //#endregion
-//#region ../../node_modules/.pnpm/@tanstack+virtual-core@3.13.23/node_modules/@tanstack/virtual-core/dist/esm/utils.js
+//#region ../../node_modules/.pnpm/@tanstack+virtual-core@3.14.0/node_modules/@tanstack/virtual-core/dist/esm/utils.js
 function D(e, t, n) {
 	let r = n.initialDeps ?? [], i, a = !0;
 	function o() {
@@ -186,6 +186,7 @@ var k = (e, t) => Math.abs(e - t) < 1.01, A = (e, t, n) => {
 				isRtl: !1,
 				useScrollendEvent: !1,
 				useAnimationFrameWithResizeObserver: !1,
+				laneAssignmentMode: "estimate",
 				...e
 			};
 		}, this.notify = (e) => {
@@ -242,48 +243,50 @@ var k = (e, t) => Math.abs(e - t) < 1.01, A = (e, t, n) => {
 			this.options.scrollMargin,
 			this.options.getItemKey,
 			this.options.enabled,
-			this.options.lanes
-		], (e, t, n, r, i, a) => (this.prevLanes !== void 0 && this.prevLanes !== a && (this.lanesChangedFlag = !0), this.prevLanes = a, this.pendingMeasuredCacheIndexes = [], {
+			this.options.lanes,
+			this.options.laneAssignmentMode
+		], (e, t, n, r, i, a, o) => (this.prevLanes !== void 0 && this.prevLanes !== a && (this.lanesChangedFlag = !0), this.prevLanes = a, this.pendingMeasuredCacheIndexes = [], {
 			count: e,
 			paddingStart: t,
 			scrollMargin: n,
 			getItemKey: r,
 			enabled: i,
-			lanes: a
-		}), { key: !1 }), this.getMeasurements = D(() => [this.getMeasurementOptions(), this.itemSizeCache], ({ count: e, paddingStart: t, scrollMargin: n, getItemKey: r, enabled: i, lanes: a }, o) => {
+			lanes: a,
+			laneAssignmentMode: o
+		}), { key: !1 }), this.getMeasurements = D(() => [this.getMeasurementOptions(), this.itemSizeCache], ({ count: e, paddingStart: t, scrollMargin: n, getItemKey: r, enabled: i, lanes: a, laneAssignmentMode: o }, s) => {
 			if (!i) return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
 			if (this.laneAssignments.size > e) for (let t of this.laneAssignments.keys()) t >= e && this.laneAssignments.delete(t);
 			this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((e) => {
 				this.itemSizeCache.set(e.key, e.size);
 			}));
-			let s = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+			let c = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
 			this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1);
-			let c = this.measurementsCache.slice(0, s), l = Array(a).fill(void 0);
-			for (let e = 0; e < s; e++) {
-				let t = c[e];
-				t && (l[t.lane] = e);
+			let l = this.measurementsCache.slice(0, c), u = Array(a).fill(void 0);
+			for (let e = 0; e < c; e++) {
+				let t = l[e];
+				t && (u[t.lane] = e);
 			}
-			for (let i = s; i < e; i++) {
-				let e = r(i), a = this.laneAssignments.get(i), s, u;
+			for (let i = c; i < e; i++) {
+				let e = r(i), a = this.laneAssignments.get(i), c, d, f = o === "estimate" || s.has(e);
 				if (a !== void 0 && this.options.lanes > 1) {
-					s = a;
-					let e = l[s], r = e === void 0 ? void 0 : c[e];
-					u = r ? r.end + this.options.gap : t + n;
+					c = a;
+					let e = u[c], r = e === void 0 ? void 0 : l[e];
+					d = r ? r.end + this.options.gap : t + n;
 				} else {
-					let e = this.options.lanes === 1 ? c[i - 1] : this.getFurthestMeasurement(c, i);
-					u = e ? e.end + this.options.gap : t + n, s = e ? e.lane : i % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(i, s);
+					let e = this.options.lanes === 1 ? l[i - 1] : this.getFurthestMeasurement(l, i);
+					d = e ? e.end + this.options.gap : t + n, c = e ? e.lane : i % this.options.lanes, this.options.lanes > 1 && f && this.laneAssignments.set(i, c);
 				}
-				let d = o.get(e), f = typeof d == "number" ? d : this.options.estimateSize(i), p = u + f;
-				c[i] = {
+				let p = s.get(e), m = typeof p == "number" ? p : this.options.estimateSize(i), h = d + m;
+				l[i] = {
 					index: i,
-					start: u,
-					size: f,
-					end: p,
+					start: d,
+					size: m,
+					end: h,
 					key: e,
-					lane: s
-				}, l[s] = i;
+					lane: c
+				}, u[c] = i;
 			}
-			return this.measurementsCache = c, c;
+			return this.measurementsCache = l, l;
 		}, {
 			key: process.env.NODE_ENV !== "production" && "getMeasurements",
 			debug: () => this.options.debug
@@ -386,12 +389,12 @@ var k = (e, t) => Math.abs(e - t) < 1.01, A = (e, t, n) => {
 			let a = t === "end" ? i.end + this.options.scrollPaddingEnd : i.start - this.options.scrollPaddingStart;
 			return [this.getOffsetForAlignment(a, t, i.size), t];
 		}, this.scrollToOffset = (e, { align: t = "start", behavior: n = "auto" } = {}) => {
-			let r = this.getOffsetForAlignment(e, t);
+			let r = this.getOffsetForAlignment(e, t), i = this.now();
 			this.scrollState = {
 				index: null,
 				align: t,
 				behavior: n,
-				startedAt: this.now(),
+				startedAt: i,
 				lastTargetOffset: r,
 				stableFrames: 0
 			}, this._scrollToOffset(r, {
@@ -415,12 +418,12 @@ var k = (e, t) => Math.abs(e - t) < 1.01, A = (e, t, n) => {
 				behavior: n
 			}), this.scheduleScrollReconcile();
 		}, this.scrollBy = (e, { behavior: t = "auto" } = {}) => {
-			let n = this.getScrollOffset() + e;
+			let n = this.getScrollOffset() + e, r = this.now();
 			this.scrollState = {
 				index: null,
 				align: "start",
 				behavior: t,
-				startedAt: this.now(),
+				startedAt: r,
 				lastTargetOffset: n,
 				stableFrames: 0
 			}, this._scrollToOffset(n, {
@@ -512,7 +515,7 @@ function H({ measurements: e, outerSize: t, scrollOffset: n, lanes: r }) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@tanstack+react-virtual@3.13.23_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@tanstack/react-virtual/dist/esm/index.js
+//#region ../../node_modules/.pnpm/@tanstack+react-virtual@3.13.24_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/@tanstack/react-virtual/dist/esm/index.js
 var U = typeof document < "u" ? h.useLayoutEffect : h.useEffect;
 function W({ useFlushSync: e = !0, ...t }) {
 	let n = h.useReducer(() => ({}), {})[1], r = {

package/dist/{KanbanImpl-ii52_k8g.js → KanbanImpl-BdocXM5T.js}

@@ -1,5 +1,5 @@
-import { r as e, t } from "./plus-CAtTu4zt.js";
-import { a as n, c as r, d as i, f as a, i as o, l as s, n as c, o as l, r as u, s as d, t as f, u as p } from "./sortable.esm-DzUCoMzQ.js";
+import { r as e, t } from "./plus-CHsXVJSY.js";
+import { a as n, c as r, d as i, f as a, i as o, l as s, n as c, o as l, r as u, s as d, t as f, u as p } from "./sortable.esm-LJG1TjKd.js";
 import * as m from "react";
 import { useDnd as h, useHasDndProvider as g } from "@object-ui/react";
 import { Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, Input as w, ScrollArea as T } from "@object-ui/components";

package/dist/{chevron-down-DpXJN6OX.js → chevron-down-C0JUlGjk.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./plus-CAtTu4zt.js";
+import { n as e } from "./plus-CHsXVJSY.js";
 var t = e("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * from './src/index'
+export * from './packages/plugin-kanban/src/index'
 export {}

package/dist/index.js

@@ -1,5 +1,5 @@
-import { n as e, r as t, t as n } from "./plus-CAtTu4zt.js";
-import { t as r } from "./chevron-down-DpXJN6OX.js";
+import { n as e, r as t, t as n } from "./plus-CHsXVJSY.js";
+import { t as r } from "./chevron-down-C0JUlGjk.js";
 import * as i from "react";
 import a, { Suspense as o, useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
 import { ComponentRegistry as d, buildExpandFields as f, extractRecords as p } from "@object-ui/core";
@@ -7,8 +7,16 @@ import { useDataScope as m, useNavigationOverlay as h, useSchemaContext as g } f
 import { Button as _, Input as v, NavigationOverlay as y, Skeleton as b } from "@object-ui/components";
 //#region src/ObjectKanban.tsx
 var x = t(), S = ({ schema: e, dataSource: t, className: n, data: r, loading: i, onRowClick: a, onCardClick: o, ...s }) => {
-	let d = Array.isArray(r), [g, _] = u([]), [v, b] = u(null), [S, C] = u(d ? i ?? !1 : !1), [w, T] = u(null), E = m(e.bind);
+	let d = Array.isArray(r), [g, _] = u([]), [v, b] = u(null), [S, C] = u(d ? i ?? !1 : !1), [w, T] = u(null), [E, D] = u(0), O = m(e.bind);
 	c(() => {
+		if (!d && !(!t?.onMutation || !e.objectName)) return t.onMutation((t) => {
+			t.resource === e.objectName && D((e) => e + 1);
+		});
+	}, [
+		t,
+		e.objectName,
+		d
+	]), c(() => {
 		d && i !== void 0 && C(i);
 	}, [i, d]), c(() => {
 		let n = !0;
@@ -25,7 +33,7 @@ var x = t(), S = ({ schema: e, dataSource: t, className: n, data: r, loading: i,
 	}, [e.objectName, t]), c(() => {
 		if (d) return;
 		let n = !0;
-		return e.objectName && !E && !e.data && (async () => {
+		return e.objectName && !O && !e.data && (async () => {
 			if (!(!t || typeof t.find != "function" || !e.objectName)) {
 				n && C(!0);
 				try {
@@ -47,14 +55,15 @@ var x = t(), S = ({ schema: e, dataSource: t, className: n, data: r, loading: i,
 	}, [
 		e.objectName,
 		t,
-		E,
+		O,
 		e.data,
 		e.filter,
 		d,
-		v
+		v,
+		E
 	]);
-	let D = (d ? r : void 0) || E || e.data || g, O = l(() => {
-		if (!Array.isArray(D)) return [];
+	let k = (d ? r : void 0) || O || e.data || g, A = l(() => {
+		if (!Array.isArray(k)) return [];
 		let t = e.cardTitle || e.titleField;
 		if (!t && v) {
 			if (v.titleFormat) {
@@ -70,7 +79,7 @@ var x = t(), S = ({ schema: e, dataSource: t, className: n, data: r, loading: i,
 			"label",
 			"display_name"
 		];
-		return D.map((e) => {
+		return k.map((e) => {
 			let r = t ? e[t] : void 0;
 			if (!r) {
 				for (let t of n) if (e[t]) {
@@ -85,10 +94,10 @@ var x = t(), S = ({ schema: e, dataSource: t, className: n, data: r, loading: i,
 			};
 		});
 	}, [
-		D,
+		k,
 		e,
 		v
-	]), k = l(() => {
+	]), j = l(() => {
 		if (e.columns && e.columns.length > 0) if (typeof e.columns[0] == "string") {
 			if (!e.groupBy) return e.columns.map((e) => ({
 				id: e,
@@ -99,8 +108,8 @@ var x = t(), S = ({ schema: e, dataSource: t, className: n, data: r, loading: i,
 			id: e.value,
 			title: e.label
 		}));
-		if (e.groupBy && O.length > 0) {
-			let t = new Set(O.map((t) => t[e.groupBy]));
+		if (e.groupBy && A.length > 0) {
+			let t = new Set(A.map((t) => t[e.groupBy]));
 			return Array.from(t).map((e) => ({
 				id: String(e),
 				title: String(e)
@@ -110,15 +119,15 @@ var x = t(), S = ({ schema: e, dataSource: t, className: n, data: r, loading: i,
 	}, [
 		e.columns,
 		e.groupBy,
-		O,
+		A,
 		v
-	]), A = e.swimlaneField || e.grouping?.fields?.[0]?.field, j = {
+	]), M = e.swimlaneField || e.grouping?.fields?.[0]?.field, N = {
 		...e,
-		data: O,
-		columns: k,
+		data: A,
+		columns: j,
 		className: n || e.className,
-		...A ? { swimlaneField: A } : {}
-	}, M = h({
+		...M ? { swimlaneField: M } : {}
+	}, P = h({
 		navigation: e.navigation,
 		objectName: e.objectName,
 		onRowClick: a ?? o
@@ -127,15 +136,15 @@ var x = t(), S = ({ schema: e, dataSource: t, className: n, data: r, loading: i,
 		className: "p-4 border border-destructive/50 rounded bg-destructive/10 text-destructive",
 		children: ["Error loading kanban data: ", w.message]
 	});
-	let N = e.objectName ? `${e.objectName.charAt(0).toUpperCase() + e.objectName.slice(1).replace(/_/g, " ")} Detail` : "Card Details";
+	let F = e.objectName ? `${e.objectName.charAt(0).toUpperCase() + e.objectName.slice(1).replace(/_/g, " ")} Detail` : "Card Details";
 	return /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsx)(B, { schema: {
-		...j,
+		...N,
 		onCardClick: (e) => {
-			M.handleClick(e), o?.(e);
+			P.handleClick(e), o?.(e);
 		}
-	} }), M.isOverlay && /* @__PURE__ */ (0, x.jsx)(y, {
-		...M,
-		title: N,
+	} }), P.isOverlay && /* @__PURE__ */ (0, x.jsx)(y, {
+		...P,
+		title: F,
 		children: (e) => /* @__PURE__ */ (0, x.jsx)("div", {
 			className: "space-y-3",
 			children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ (0, x.jsxs)("div", {
@@ -458,7 +467,7 @@ function L(e, t) {
 }
 //#endregion
 //#region src/index.tsx
-var R = a.lazy(() => import("./KanbanImpl-ii52_k8g.js")), z = a.lazy(() => import("./KanbanEnhanced-CvxO2soF.js")), B = ({ schema: e }) => {
+var R = a.lazy(() => import("./KanbanImpl-BdocXM5T.js")), z = a.lazy(() => import("./KanbanEnhanced-Do9ZB1Mh.js")), B = ({ schema: e }) => {
 	let t = a.useMemo(() => {
 		let { columns: t = [], data: n, groupBy: r, coverImageField: i } = e, a = (e) => {
 			if (!i) return e;