@object-ui/plugin-kanban 3.1.3 → 3.1.4

package/dist/src/ObjectKanban.d.ts

@@ -5,6 +5,10 @@ export interface ObjectKanbanProps {
     schema: KanbanSchema;
     dataSource?: DataSource;
     className?: string;
+    /** Pre-fetched records passed by a parent (e.g. ListView). When provided, skips internal data fetching. */
+    data?: any[];
+    /** Loading state propagated from a parent. Respected only when `data` is also provided. */
+    loading?: boolean;
     onRowClick?: (record: any) => void;
     onCardClick?: (record: any) => void;
 }

package/dist/src/ObjectKanban.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectKanban.d.ts","sourceRoot":"","sources":["../../src/ObjectKanban.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAKnD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2NpD,CAAA"}
+{"version":3,"file":"ObjectKanban.d.ts","sourceRoot":"","sources":["../../src/ObjectKanban.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAKnD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2GAA2G;IAC3G,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,2FAA2F;IAC3F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyOpD,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-kanban",
-  "version": "3.1.3",
+  "version": "3.1.4",
   "type": "module",
   "license": "MIT",
   "description": "Kanban board plugin for Object UI, powered by dnd-kit",
@@ -27,12 +27,12 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@tanstack/react-virtual": "^3.13.21",
+    "@tanstack/react-virtual": "^3.13.23",
     "lucide-react": "^0.577.0",
-    "@object-ui/components": "3.1.3",
-    "@object-ui/core": "3.1.3",
-    "@object-ui/react": "3.1.3",
-    "@object-ui/types": "3.1.3"
+    "@object-ui/components": "3.1.4",
+    "@object-ui/core": "3.1.4",
+    "@object-ui/react": "3.1.4",
+    "@object-ui/types": "3.1.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -41,11 +41,11 @@
   "devDependencies": {
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^8.0.1",
     "vite-plugin-dts": "^4.5.4",
-    "@object-ui/data-objectstack": "3.1.3"
+    "@object-ui/data-objectstack": "3.1.4"
   },
   "scripts": {
     "build": "vite build",

package/src/ObjectKanban.tsx

@@ -18,6 +18,10 @@ export interface ObjectKanbanProps {
   schema: KanbanSchema;
   dataSource?: DataSource;
   className?: string; // Allow override
+  /** Pre-fetched records passed by a parent (e.g. ListView). When provided, skips internal data fetching. */
+  data?: any[];
+  /** Loading state propagated from a parent. Respected only when `data` is also provided. */
+  loading?: boolean;
   onRowClick?: (record: any) => void;
   onCardClick?: (record: any) => void;
 }
@@ -26,19 +30,33 @@ export const ObjectKanban: React.FC<ObjectKanbanProps> = ({
   schema,
   dataSource,
   className,
+  data: externalData,
+  loading: externalLoading,
   onRowClick,
   onCardClick,
   ...props
 }) => {
+  // When a parent (e.g. ListView) pre-fetches data and passes it via the `data` prop,
+  // we must not trigger a second fetch. Detect external data by checking if externalData
+  // is an array (undefined when not provided by parent).
+  const hasExternalData = Array.isArray(externalData);
+
   const [fetchedData, setFetchedData] = useState<any[]>([]);
   const [objectDef, setObjectDef] = useState<any>(null);
   // loading state
-  const [loading, setLoading] = useState(false);
+  const [loading, setLoading] = useState(hasExternalData ? (externalLoading ?? false) : false);
   const [error, setError] = useState<Error | null>(null);
 
   // Resolve bound data if 'bind' property exists
   const boundData = useDataScope(schema.bind);
 
+  // Sync external data changes from parent (e.g. ListView re-fetches after filter change)
+  useEffect(() => {
+    if (hasExternalData && externalLoading !== undefined) {
+      setLoading(externalLoading);
+    }
+  }, [externalLoading, hasExternalData]);
+
   // Fetch object definition for metadata (labels, options)
   useEffect(() => {
     let isMounted = true;
@@ -56,6 +74,9 @@ export const ObjectKanban: React.FC<ObjectKanbanProps> = ({
   }, [schema.objectName, dataSource]);
 
   useEffect(() => {
+    // Skip internal fetch when data is managed by a parent component
+    if (hasExternalData) return;
+
     let isMounted = true;
     const fetchData = async () => {
         if (!dataSource || typeof dataSource.find !== 'function' || !schema.objectName) return;
@@ -72,8 +93,6 @@ export const ObjectKanban: React.FC<ObjectKanbanProps> = ({
             // Handle { value: [] } OData shape or { data: [] } shape or direct array
             const data = extractRecords(results);
 
-            console.log(`[ObjectKanban] Extracted data (length: ${data.length})`);
-
             if (isMounted) {
                 setFetchedData(data);
             }
@@ -86,15 +105,14 @@ export const ObjectKanban: React.FC<ObjectKanbanProps> = ({
     };
 
     // Trigger fetch if we have an objectName AND verify no inline/bound data overrides it
-    // And NO props.data passed from ListView
-    if (schema.objectName && !boundData && !schema.data && !(props as any).data) {
+    if (schema.objectName && !boundData && !schema.data) {
         fetchData();
     }
     return () => { isMounted = false; };
-  }, [schema.objectName, dataSource, boundData, schema.data, schema.filter, (props as any).data, objectDef]);
+  }, [schema.objectName, dataSource, boundData, schema.data, schema.filter, hasExternalData, objectDef]);
 
-  // Determine which data to use: props.data -> bound -> inline -> fetched
-  const rawData = (props as any).data || boundData || schema.data || fetchedData;
+  // Determine which data to use: external -> bound -> inline -> fetched
+  const rawData = (hasExternalData ? externalData : undefined) || boundData || schema.data || fetchedData;
 
   // Enhance data with title mapping and ensure IDs
   const effectiveData = useMemo(() => {