@object-ui/plugin-charts 3.1.5 → 3.3.1

package/src/index.test.ts

@@ -1,136 +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, beforeAll } from 'vitest';
-import { ComponentRegistry } from '@object-ui/core';
-
-describe('Plugin Charts', () => {
-  // Import all renderers to register them
-  beforeAll(async () => {
-    await import('./index');
-  }, 60000);
-
-  describe('bar-chart component', () => {
-    it('should be registered in ComponentRegistry', () => {
-      const chartBarRenderer = ComponentRegistry.get('bar-chart');
-      expect(chartBarRenderer).toBeDefined();
-    });
-
-    it('should have proper metadata', () => {
-      const config = ComponentRegistry.getConfig('bar-chart');
-      expect(config).toBeDefined();
-      expect(config?.label).toBe('Bar Chart');
-      expect(config?.category).toBe('plugin');
-      expect(config?.inputs).toBeDefined();
-      expect(config?.defaultProps).toBeDefined();
-    });
-
-    it('should have expected inputs', () => {
-      const config = ComponentRegistry.getConfig('bar-chart');
-      const inputNames = config?.inputs?.map((input: any) => input.name) || [];
-      
-      expect(inputNames).toContain('data');
-      expect(inputNames).toContain('dataKey');
-      expect(inputNames).toContain('xAxisKey');
-      expect(inputNames).toContain('height');
-      expect(inputNames).toContain('color');
-    });
-
-    it('should have data as required input', () => {
-      const config = ComponentRegistry.getConfig('bar-chart');
-      const dataInput = config?.inputs?.find((input: any) => input.name === 'data');
-      
-      expect(dataInput).toBeDefined();
-      expect(dataInput?.required).toBe(true);
-      expect(dataInput?.type).toBe('array');
-    });
-
-    it('should have sensible default props', () => {
-      const config = ComponentRegistry.getConfig('bar-chart');
-      const defaults = config?.defaultProps;
-      
-      expect(defaults).toBeDefined();
-      expect(defaults?.dataKey).toBe('value');
-      expect(defaults?.xAxisKey).toBe('name');
-      expect(defaults?.height).toBe(400);
-      expect(defaults?.color).toBe('#8884d8');
-      expect(defaults?.data).toBeDefined();
-      expect(Array.isArray(defaults?.data)).toBe(true);
-      expect(defaults?.data.length).toBeGreaterThan(0);
-    });
-  });
-
-  describe('chart (advanced) component', () => {
-    it('should be registered in ComponentRegistry', () => {
-      const chartRenderer = ComponentRegistry.get('chart');
-      expect(chartRenderer).toBeDefined();
-    });
-
-    it('should have proper metadata', () => {
-      const config = ComponentRegistry.getConfig('chart');
-      expect(config).toBeDefined();
-      expect(config?.label).toBe('Chart');
-      expect(config?.category).toBe('plugin');
-      expect(config?.inputs).toBeDefined();
-      expect(config?.defaultProps).toBeDefined();
-    });
-
-    it('should have expected inputs', () => {
-      const config = ComponentRegistry.getConfig('chart');
-      const inputNames = config?.inputs?.map((input: any) => input.name) || [];
-      
-      expect(inputNames).toContain('chartType');
-      expect(inputNames).toContain('data');
-      expect(inputNames).toContain('config');
-      expect(inputNames).toContain('xAxisKey');
-      expect(inputNames).toContain('series');
-      expect(inputNames).toContain('className');
-    });
-
-    it('should have chartType as enum input', () => {
-      const config = ComponentRegistry.getConfig('chart');
-      const chartTypeInput = config?.inputs?.find((input: any) => input.name === 'chartType');
-      
-      expect(chartTypeInput).toBeDefined();
-      expect(chartTypeInput?.type).toBe('enum');
-      expect(chartTypeInput?.enum).toBeDefined();
-      expect(Array.isArray(chartTypeInput?.enum)).toBe(true);
-      
-      const enumValues = chartTypeInput?.enum?.map((e: any) => e.value) || [];
-      expect(enumValues).toContain('bar');
-      expect(enumValues).toContain('line');
-      expect(enumValues).toContain('area');
-    });
-
-    it('should have data and series as required inputs', () => {
-      const config = ComponentRegistry.getConfig('chart');
-      const dataInput = config?.inputs?.find((input: any) => input.name === 'data');
-      const seriesInput = config?.inputs?.find((input: any) => input.name === 'series');
-      
-      expect(dataInput?.required).toBe(true);
-      expect(seriesInput?.required).toBe(true);
-    });
-
-    it('should have sensible default props', () => {
-      const config = ComponentRegistry.getConfig('chart');
-      const defaults = config?.defaultProps;
-      
-      expect(defaults).toBeDefined();
-      expect(defaults?.chartType).toBe('bar');
-      expect(defaults?.xAxisKey).toBe('name');
-      expect(defaults?.data).toBeDefined();
-      expect(Array.isArray(defaults?.data)).toBe(true);
-      expect(defaults?.data.length).toBeGreaterThan(0);
-      expect(defaults?.config).toBeDefined();
-      expect(typeof defaults?.config).toBe('object');
-      expect(defaults?.series).toBeDefined();
-      expect(Array.isArray(defaults?.series)).toBe(true);
-      expect(defaults?.series.length).toBeGreaterThan(0);
-    });
-  });
-});

package/src/index.tsx

@@ -1,172 +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 { ChartBarRenderer, ChartRenderer } from './ChartRenderer';
-import { ObjectChart } from './ObjectChart';
-
-// Export types for external use
-export type { BarChartSchema } from './types';
-export { ChartBarRenderer, ChartRenderer };
-export { ObjectChart } from './ObjectChart';
-
-// Standard Export Protocol - for manual integration
-export const chartComponents = {
-  'bar-chart': ChartBarRenderer,
-  'chart': ChartRenderer,
-};
-
-// Register the component with the ComponentRegistry
-ComponentRegistry.register(
-  'bar-chart',
-  ChartBarRenderer,
-  {
-    namespace: 'plugin-charts',
-    label: 'Bar Chart',
-    category: 'plugin',
-    inputs: [
-      { name: 'data', type: 'array', label: 'Data', required: true },
-      { name: 'dataKey', type: 'string', label: 'Data Key', defaultValue: 'value' },
-      { name: 'xAxisKey', type: 'string', label: 'X-Axis Key', defaultValue: 'name' },
-      { name: 'height', type: 'number', label: 'Height', defaultValue: 400 },
-      { name: 'color', type: 'color', label: 'Color', defaultValue: '#8884d8' },
-    ],
-    defaultProps: {
-      data: [
-        { name: 'Jan', value: 400 },
-        { name: 'Feb', value: 300 },
-        { name: 'Mar', value: 600 },
-        { name: 'Apr', value: 800 },
-        { name: 'May', value: 500 },
-      ],
-      dataKey: 'value',
-      xAxisKey: 'name',
-      height: 400,
-      color: '#8884d8',
-    },
-  }
-);
-// Alias for generic view
-ComponentRegistry.register('chart', ObjectChart, {
-  namespace: 'view',
-  category: 'view',
-  label: 'Chart',
-  inputs: [
-    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
-    { name: 'type', type: 'string', label: 'Chart Type' },
-    { name: 'categoryField', type: 'string', label: 'Category Field' },
-    { name: 'valueField', type: 'string', label: 'Value Field' },
-  ]
-});
-// Register the advanced chart component
-ComponentRegistry.register(
-  'chart',
-  ChartRenderer,
-  {
-    namespace: 'plugin-charts',
-    label: 'Chart',
-    category: 'plugin',
-    inputs: [
-      { 
-        name: 'chartType', 
-        type: 'enum', 
-        label: 'Chart Type',
-        enum: [
-          { label: 'Bar', value: 'bar' },
-          { label: 'Line', value: 'line' },
-          { label: 'Area', value: 'area' },
-          { label: 'Pie', value: 'pie' },
-          { label: 'Donut', value: 'donut' },
-          { label: 'Radar', value: 'radar' },
-          { label: 'Scatter', value: 'scatter' }
-        ],
-        defaultValue: 'bar'
-      },
-      { name: 'data', type: 'code', label: 'Data (JSON)', required: true },
-      { name: 'config', type: 'code', label: 'Config (JSON)' },
-      { name: 'xAxisKey', type: 'string', label: 'X Axis Key', defaultValue: 'name' },
-      { name: 'series', type: 'code', label: 'Series (JSON Array)', required: true },
-      { name: 'className', type: 'string', label: 'CSS Class' }
-    ],
-    defaultProps: {
-      chartType: 'bar',
-      data: [
-        { name: 'Jan', sales: 400, revenue: 240 },
-        { name: 'Feb', sales: 300, revenue: 139 },
-        { name: 'Mar', sales: 600, revenue: 380 },
-        { name: 'Apr', sales: 800, revenue: 430 },
-        { name: 'May', sales: 500, revenue: 220 },
-      ],
-      config: {
-        sales: { label: 'Sales', color: '#8884d8' },
-        revenue: { label: 'Revenue', color: '#82ca9d' }
-      },
-      xAxisKey: 'name',
-      series: [
-        { dataKey: 'sales' },
-        { dataKey: 'revenue' }
-      ]
-    }
-  }
-);
-
-// Alias for CRM App compatibility
-ComponentRegistry.register(
-  'chart:bar',
-  ChartRenderer, 
-  {
-    namespace: 'plugin-charts',
-    label: 'Bar Chart (Alias)',
-    category: 'plugin',
-    defaultProps: { chartType: 'bar' }
-  }
-);
-
-ComponentRegistry.register(
-  'pie-chart',
-  ChartRenderer,
-  {
-    namespace: 'plugin-charts',
-    label: 'Pie Chart',
-    category: 'plugin',
-    defaultProps: { chartType: 'pie' }
-  }
-);
-
-ComponentRegistry.register(
-  'donut-chart',
-  ChartRenderer,
-  {
-    namespace: 'plugin-charts',
-    label: 'Donut Chart',
-    category: 'plugin',
-    defaultProps: { chartType: 'donut' }
-  }
-);
-
-ComponentRegistry.register(
-  'radar-chart',
-  ChartRenderer,
-  {
-    namespace: 'plugin-charts',
-    label: 'Radar Chart',
-    category: 'plugin',
-    defaultProps: { chartType: 'radar' }
-  }
-);
-
-ComponentRegistry.register(
-  'scatter-chart',
-  ChartRenderer,
-  {
-    namespace: 'plugin-charts',
-    label: 'Scatter Chart',
-    category: 'plugin',
-    defaultProps: { chartType: 'scatter' }
-  }
-);

package/src/types.ts

@@ -1,68 +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.
- */
-
-/**
- * TypeScript type definitions for @object-ui/plugin-charts
- * 
- * These types can be imported by applications using this plugin
- * to get full TypeScript support for chart schemas.
- */
-
-import type { BaseSchema } from '@object-ui/types';
-
-/**
- * Bar Chart component schema.
- * Renders a bar chart using Recharts library.
- * 
- * @example
- * ```typescript
- * import type { BarChartSchema } from '@object-ui/plugin-charts';
- * 
- * const chartSchema: BarChartSchema = {
- *   type: 'bar-chart',
- *   data: [
- *     { name: 'Jan', value: 400 },
- *     { name: 'Feb', value: 300 }
- *   ],
- *   dataKey: 'value',
- *   xAxisKey: 'name'
- * }
- * ```
- */
-export interface BarChartSchema extends BaseSchema {
-  type: 'bar-chart';
-  
-  /**
-   * Array of data points to display in the chart.
-   */
-  data?: Array<Record<string, any>>;
-  
-  /**
-   * Key in the data object for the Y-axis values.
-   * @default 'value'
-   */
-  dataKey?: string;
-  
-  /**
-   * Key in the data object for the X-axis labels.
-   * @default 'name'
-   */
-  xAxisKey?: string;
-  
-  /**
-   * Height of the chart in pixels.
-   * @default 400
-   */
-  height?: number;
-  
-  /**
-   * Color of the bars.
-   * @default '#8884d8'
-   */
-  color?: string;
-}

package/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "jsx": "react-jsx",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    },
-    "noImplicitAny": true,
-    "noEmit": false,
-    "declaration": true,
-    "composite": true,
-    "skipLibCheck": true
-  },
-  "include": ["src"]
-}

package/vite.config.ts

@@ -1,61 +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({
-  plugins: [
-    react(),
-    dts({
-      insertTypesEntry: true,
-      include: ['src'],
-      exclude: ['**/*.test.ts', '**/*.test.tsx', 'node_modules'],
-      skipDiagnostics: true,
-    }),
-  ],
-  resolve: {
-    alias: {
-      '@': resolve(__dirname, './src'),
-      '@object-ui/core': resolve(__dirname, '../core/src'),
-      '@object-ui/types': resolve(__dirname, '../types/src'),
-      '@object-ui/react': resolve(__dirname, '../react/src'),
-      '@object-ui/components': resolve(__dirname, '../components/src'),
-      '@object-ui/fields': resolve(__dirname, '../fields/src'),
-      '@object-ui/plugin-dashboard': resolve(__dirname, '../plugin-dashboard/src'),
-      '@object-ui/plugin-grid': resolve(__dirname, '../plugin-grid/src'),
-    },
-  },
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'src/index.tsx'),
-      name: 'ObjectUIPluginCharts',
-      fileName: 'index',
-    },
-    rollupOptions: {
-      external: ['react', 'react-dom', '@object-ui/components', '@object-ui/core', '@object-ui/react'],
-      output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-          '@object-ui/components': 'ObjectUIComponents',
-          '@object-ui/core': 'ObjectUICore',
-          '@object-ui/react': 'ObjectUIReact',
-        },
-      },
-    },
-  },
-  test: {
-    globals: true,
-    environment: 'happy-dom',
-    setupFiles: ['../../vitest.setup.tsx'],
-    passWithNoTests: true,
-  },
-});

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';