- {operations?.update && onEdit && (
-
- )}
- {operations?.delete && onDelete && (
-
- )}
-
+
-
- );
- }
-
- if (error) {
- return (
-
-
- Loading kanban board...
-
-
- );
- }
-
- if (!kanbanConfig) {
- return (
-
-
- Error: {error.message}
-
-
- );
- }
-
- // Render using the kanban plugin component
- // We'll use SchemaRenderer to render the kanban component
- return (
-
-
-
- Kanban configuration required. Please specify groupByField and columns.
-
-
- {/* Placeholder for actual kanban rendering - would use plugin-kanban */}
-
- );
-};
diff --git a/packages/views/src/__tests__/ObjectCalendar.test.tsx b/packages/views/src/__tests__/ObjectCalendar.test.tsx
deleted file mode 100644
index fd53d284..00000000
--- a/packages/views/src/__tests__/ObjectCalendar.test.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { render, screen, waitFor } from '@testing-library/react';
-import { ObjectCalendar } from '../ObjectCalendar';
-import type { ObjectGridSchema, DataSource } from '@object-ui/types';
-
-describe('ObjectCalendar', () => {
- let mockDataSource: DataSource;
- let mockSchema: ObjectGridSchema;
-
- beforeEach(() => {
- // Mock data source
- mockDataSource = {
- find: vi.fn().mockResolvedValue({
- data: [
- {
- _id: '1',
- title: 'Meeting 1',
- start_date: '2026-01-15T10:00:00Z',
- end_date: '2026-01-15T11:00:00Z',
- },
- {
- _id: '2',
- title: 'Meeting 2',
- start_date: '2026-01-20T14:00:00Z',
- end_date: '2026-01-20T15:00:00Z',
- },
- ],
- }),
- getObjectSchema: vi.fn().mockResolvedValue({
- name: 'events',
- label: 'Events',
- fields: {
- title: { type: 'text', label: 'Title' },
- start_date: { type: 'datetime', label: 'Start Date' },
- end_date: { type: 'datetime', label: 'End Date' },
- },
- }),
- } as any;
-
- // Mock schema with calendar config
- mockSchema = {
- type: 'object-grid',
- objectName: 'events',
- data: {
- provider: 'object',
- object: 'events',
- },
- filter: {
- calendar: {
- startDateField: 'start_date',
- endDateField: 'end_date',
- titleField: 'title',
- },
- },
- } as any;
- });
-
- it('should render loading state initially', () => {
- render(
-
-
- {kanbanColumns.map(column => (
-
-
-
- ))}
-
-
- {column.title}
- {column.summary !== undefined && ( - - {column.summary} - - )} -
- {column.cards.map(card => (
-
- onCardClick?.(card.data)}
- >
-
- ))}
- {card.title}
- {card.description && ( -- {card.description} -
- )} - {Object.keys(card.fields).length > 0 && ( -
- {Object.entries(card.fields).map(([key, value]) => (
-
- )}
-
- {key}:{' '}
- {String(value)}
-
- ))}
-
{value ? (
-
- ✓
-
+
+
) : (
-
- ✗
-
+
+
)}
);
@@ -173,17 +177,20 @@ export function SelectCellRenderer({ value, field }: CellRendererProps): React.R
if (!value) return -;
- // Color mapping for Tailwind CSS (to avoid dynamic class names)
- const colorClasses: Record
+ 
);
}
@@ -391,19 +408,23 @@ export function UserCellRenderer({ value }: CellRendererProps): React.ReactEleme
const initials = name.split(' ').map((n: string) => n[0]).join('').toUpperCase().slice(0, 2);
return (
-
+ {initials}
+
+
);
})}
{value.length > 3 && (
-
+
+ +{value.length - 3}
+
+
)}
);
@@ -414,9 +435,11 @@ export function UserCellRenderer({ value }: CellRendererProps): React.ReactEleme
return (
+{value.length - 3}
)}
@@ -329,7 +346,7 @@ export function ImageCellRenderer({ value }: CellRendererProps): React.ReactElem
- {initials}
-
+
- +{value.length - 3}
-
+
-
+
+ {initials}
+
+
{name}
);
diff --git a/packages/views/src/index.tsx b/packages/views/src/index.tsx
index 3f51a3b5..d8c8d42d 100644
--- a/packages/views/src/index.tsx
+++ b/packages/views/src/index.tsx
@@ -28,18 +28,6 @@ export type { ObjectFormProps } from './ObjectForm';
export { ObjectView } from './ObjectView';
export type { ObjectViewProps } from './ObjectView';
-export { ObjectKanban } from './ObjectKanban';
-export type { ObjectKanbanProps } from './ObjectKanban';
-
-export { ObjectCalendar } from './ObjectCalendar';
-export type { ObjectCalendarProps } from './ObjectCalendar';
-
-export { ObjectGantt } from './ObjectGantt';
-export type { ObjectGanttProps } from './ObjectGantt';
-
-export { ObjectMap } from './ObjectMap';
-export type { ObjectMapProps } from './ObjectMap';
-
// Export field renderers for customization
export {
getCellRenderer,
@@ -74,10 +62,6 @@ export type {
import { ObjectGrid } from './ObjectGrid';
import { ObjectForm } from './ObjectForm';
import { ObjectView } from './ObjectView';
-import { ObjectKanban } from './ObjectKanban';
-import { ObjectCalendar } from './ObjectCalendar';
-import { ObjectGantt } from './ObjectGantt';
-import { ObjectMap } from './ObjectMap';
// Create renderer wrappers for ComponentRegistry
const ObjectGridRenderer: React.FC<{ schema: any }> = ({ schema }) => {
@@ -135,22 +119,6 @@ const ObjectViewRenderer: React.FC<{ schema: any }> = ({ schema }) => {
return
- {initials}
-
+