@object-ui/plugin-calendar 3.3.0 → 3.3.1

package/src/calendar-view-renderer.tsx

@@ -1,181 +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 { ComponentRegistry } from '@object-ui/core';
-import type { CalendarViewSchema } from '@object-ui/types';
-import { CalendarView, type CalendarEvent } from './CalendarView';
-import React from 'react';
-
-// Calendar View Renderer - Airtable-style calendar for displaying records as events
-ComponentRegistry.register('calendar-view', 
-  ({ schema, className, onAction, ...props }: { schema: CalendarViewSchema; className?: string; onAction?: (action: any) => void; [key: string]: any }) => {
-    // Transform schema data to CalendarEvent format
-    const events = React.useMemo(() => {
-      if (!schema.data || !Array.isArray(schema.data)) return [];
-      
-      return schema.data.map((record: any, index: number) => {
-        /** Field name to use for event title display */
-        const titleField = schema.titleField || 'title';
-        /** Field name containing the event start date/time */
-        const startField = schema.startDateField || 'start';
-        /** Field name containing the event end date/time (optional) */
-        const endField = schema.endDateField || 'end';
-        /** Field name to determine event color or color category */
-        const colorField = schema.colorField || 'color';
-        /** Field name indicating if event is all-day */
-        const allDayField = schema.allDayField || 'allDay';
-        
-        return {
-          id: record.id || record._id || index,
-          title: record[titleField] || 'Untitled Event',
-          start: new Date(record[startField]),
-          end: record[endField] ? new Date(record[endField]) : undefined,
-          allDay: record[allDayField],
-          color: record[colorField],
-          data: record,
-        };
-      });
-    }, [schema.data, schema.titleField, schema.startDateField, schema.endDateField, schema.colorField, schema.allDayField]);
-
-    const handleEventClick = (event: CalendarEvent) => {
-      onAction?.({ 
-        type: 'event-click',
-        payload: event 
-      });
-    };
-    
-    const handleAddClick = () => {
-       // Standard "Create" action trigger
-       onAction?.({
-         type: 'create',
-         payload: {}
-       });
-    };
-
-    return (
-      <CalendarView 
-        className={className}
-        events={events}
-        onEventClick={handleEventClick}
-        // Pass validation or other props
-        {...props}
-      />
-    );
-  }
-,
-  {
-    namespace: 'plugin-calendar',
-    label: 'Calendar View',
-    inputs: [
-      { 
-        name: 'data', 
-        type: 'array', 
-        label: 'Data',
-        description: 'Array of record objects to display as events'
-      },
-      { 
-        name: 'titleField', 
-        type: 'string', 
-        label: 'Title Field',
-        defaultValue: 'title',
-        description: 'Field name to use for event title'
-      },
-      { 
-        name: 'startDateField', 
-        type: 'string', 
-        label: 'Start Date Field',
-        defaultValue: 'start',
-        description: 'Field name for event start date'
-      },
-      { 
-        name: 'endDateField', 
-        type: 'string', 
-        label: 'End Date Field',
-        defaultValue: 'end',
-        description: 'Field name for event end date (optional)'
-      },
-      { 
-        name: 'allDayField', 
-        type: 'string', 
-        label: 'All Day Field',
-        defaultValue: 'allDay',
-        description: 'Field name for all-day flag'
-      },
-      { 
-        name: 'colorField', 
-        type: 'string', 
-        label: 'Color Field',
-        defaultValue: 'color',
-        description: 'Field name for event color'
-      },
-      {
-        name: 'colorMapping',
-        type: 'object',
-        label: 'Color Mapping',
-        description: 'Map field values to colors (e.g., {meeting: "blue", deadline: "red"})'
-      },
-      { 
-        name: 'view', 
-        type: 'enum', 
-        enum: ['month', 'week', 'day'], 
-        defaultValue: 'month', 
-        label: 'View Mode',
-        description: 'Calendar view mode (month, week, or day)'
-      },
-      {
-        name: 'currentDate',
-        type: 'string',
-        label: 'Current Date',
-        description: 'ISO date string for initial calendar date'
-      },
-      { 
-        name: 'allowCreate', 
-        type: 'boolean', 
-        label: 'Allow Create',
-        defaultValue: false,
-        description: 'Allow creating events by clicking on dates'
-      },
-      { name: 'className', type: 'string', label: 'CSS Class' }
-    ],
-    defaultProps: {
-      view: 'month',
-      titleField: 'title',
-      startDateField: 'start',
-      endDateField: 'end',
-      allDayField: 'allDay',
-      colorField: 'color',
-      allowCreate: false,
-      data: [
-        {
-          id: 1,
-          title: 'Team Meeting',
-          start: new Date(new Date().setHours(10, 0, 0, 0)).toISOString(),
-          end: new Date(new Date().setHours(11, 0, 0, 0)).toISOString(),
-          color: '#3b82f6',
-          allDay: false
-        },
-        {
-          id: 2,
-          title: 'Project Deadline',
-          start: new Date(new Date().setDate(new Date().getDate() + 3)).toISOString(),
-          color: '#ef4444',
-          allDay: true
-        },
-        {
-          id: 3,
-          title: 'Conference',
-          start: new Date(new Date().setDate(new Date().getDate() + 7)).toISOString(),
-          end: new Date(new Date().setDate(new Date().getDate() + 9)).toISOString(),
-          color: '#10b981',
-          allDay: true
-        }
-      ],
-      className: 'h-[600px] border rounded-lg'
-    }
-  }
-);

package/src/index.tsx

@@ -1,50 +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 React from 'react';
-import { ComponentRegistry } from '@object-ui/core';
-import { useSchemaContext } from '@object-ui/react';
-import { ObjectCalendar } from './ObjectCalendar';
-import type { ObjectCalendarProps } from './ObjectCalendar';
-
-// Export ObjectCalendar component
-export { ObjectCalendar };
-export type { ObjectCalendarProps };
-
-// Export CalendarView component (merged from plugin-calendar-view)
-export { CalendarView } from './CalendarView';
-export type { CalendarViewProps, CalendarEvent } from './CalendarView';
-
-// Import and register calendar-view renderer
-import './calendar-view-renderer';
-
-// Register object-calendar component
-export const ObjectCalendarRenderer: React.FC<{ schema: any; [key: string]: any }> = ({ schema, ...props }) => {
-  const { dataSource } = useSchemaContext() || {};
-  return <ObjectCalendar schema={schema} dataSource={dataSource} {...props} />;
-};
-
-ComponentRegistry.register('object-calendar', ObjectCalendarRenderer, {
-  namespace: 'plugin-calendar',
-  label: 'Object Calendar',
-  category: 'view',
-  inputs: [
-    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
-    { name: 'calendar', type: 'object', label: 'Calendar Config', description: 'startDateField, endDateField, titleField, colorField' },
-  ],
-});
-
-ComponentRegistry.register('calendar', ObjectCalendarRenderer, {
-  namespace: 'view',
-  label: 'Calendar View',
-  category: 'view',
-  inputs: [
-    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
-    { name: 'calendar', type: 'object', label: 'Calendar Config', description: 'startDateField, endDateField, titleField, colorField' },
-  ],
-});

package/src/registration.test.tsx

@@ -1,41 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import React from 'react';
-import { ObjectCalendarRenderer } from './index';
-
-// Mock dependencies
-vi.mock('@object-ui/react', () => ({
-  useSchemaContext: vi.fn(() => ({ dataSource: { type: 'mock-datasource' } })),
-}));
-
-// Mock the implementation
-vi.mock('./ObjectCalendar', () => ({
-  ObjectCalendar: ({ dataSource, data, loading }: any) => (
-    <div data-testid="calendar-mock">
-        {dataSource ? `DataSource: ${dataSource.type}` : 'No DataSource'}
-        {data !== undefined ? ` Data: ${JSON.stringify(data)}` : ''}
-        {loading !== undefined ? ` Loading: ${loading}` : ''}
-    </div>
-  )
-}));
-
-describe('Plugin Calendar Registration', () => {
-  it('renderer passes dataSource from context', () => {
-    render(<ObjectCalendarRenderer schema={{ type: 'object-calendar' }} />);
-    expect(screen.getByTestId('calendar-mock')).toHaveTextContent('DataSource: mock-datasource');
-  });
-
-  it('renderer passes data and loading props through to ObjectCalendar (no double-fetch)', () => {
-    const preloadedData = [{ id: 1, name: 'Event A' }];
-    render(
-      <ObjectCalendarRenderer
-        schema={{ type: 'object-calendar' }}
-        data={preloadedData}
-        loading={false}
-      />
-    );
-    const el = screen.getByTestId('calendar-mock');
-    expect(el).toHaveTextContent('Data: [{"id":1,"name":"Event A"}]');
-    expect(el).toHaveTextContent('Loading: false');
-  });
-});

package/test/setup.ts

@@ -1,32 +0,0 @@
-import '@testing-library/jest-dom';
-import * as React from 'react';
-
-// Polyfill ResizeObserver
-global.ResizeObserver = class ResizeObserver {
-  observe() {}
-  unobserve() {}
-  disconnect() {}
-};
-
-// Mock PointerEvent
-class PointerEvent extends Event {
-  button: number;
-  ctrlKey: boolean;
-  metaKey: boolean;
-  shiftKey: boolean;
-  constructor(type: string, props: any = {}) {
-    super(type, props);
-    this.button = props.button || 0;
-    this.ctrlKey = props.ctrlKey || false;
-    this.metaKey = props.metaKey || false;
-    this.shiftKey = props.shiftKey || false;
-  }
-}
-global.PointerEvent = PointerEvent as any;
-
-// Mock HTMLElement.offsetParent
-Object.defineProperty(HTMLElement.prototype, 'offsetParent', {
-  get() {
-    return this.parentNode;
-  },
-});

package/tsconfig.json

@@ -1,18 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "jsx": "react-jsx",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    },
-    "noEmit": false,
-    "declaration": true,
-    "composite": true,
-    "declarationMap": true,
-    "skipLibCheck": true
-  },
-  "include": ["src"],
-  "exclude": ["node_modules", "dist", "**/*.test.ts", "**/*.test.tsx", "**/*.stories.tsx"]
-}

package/vite.config.ts

@@ -1,57 +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 { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import dts from 'vite-plugin-dts';
-import { resolve } from 'path';
-
-export default defineConfig({
-  test: {
-    globals: true,
-    environment: 'jsdom',
-    setupFiles: ['./test/setup.ts'],
-    css: true,
-  },
-  plugins: [
-    react(),
-    dts({
-      insertTypesEntry: true,
-      compilerOptions: { rootDir: resolve(__dirname, '../..') },
-      include: ['src'],
-      exclude: ['**/*.test.ts', '**/*.test.tsx', 'node_modules'],
-      skipDiagnostics: true,
-    }),
-  ],
-  resolve: {
-    alias: {
-      '@': resolve(__dirname, './src'),
-    },
-  },
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'src/index.tsx'),
-      name: 'ObjectUIPluginCalendar',
-      fileName: 'index',
-    },
-    rollupOptions: {
-      external: ['react', 'react-dom', '@object-ui/components', '@object-ui/core', '@object-ui/react', '@object-ui/types', 'lucide-react'],
-      output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-          '@object-ui/components': 'ObjectUIComponents',
-          '@object-ui/core': 'ObjectUICore',
-          '@object-ui/react': 'ObjectUIReact',
-          '@object-ui/types': 'ObjectUITypes',
-          'lucide-react': 'LucideReact',
-        },
-      },
-    },
-  },
-});

package/vitest.config.ts

@@ -1,13 +0,0 @@
-/// <reference types="vitest" />
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import path from 'path';
-
-export default defineConfig({
-  plugins: [react()],
-  test: {
-    environment: 'happy-dom',
-    globals: true,
-    setupFiles: ['./vitest.setup.ts'],
-  },
-});

package/vitest.setup.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';