@object-ui/plugin-charts 0.3.0 → 0.3.1

package/dist/src/ChartContainerImpl.d.ts

@@ -1,4 +1,11 @@
 import { ResponsiveContainer, Tooltip, Legend } from 'recharts';
+/**
+ * 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 * as React from "react";
 declare const THEMES: {
     readonly light: "";

package/dist/src/ChartImpl.d.ts

@@ -1,3 +1,10 @@
+/**
+ * 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.
+ */
 export interface ChartImplProps {
     data?: Array<Record<string, any>>;
     dataKey?: string;

package/dist/src/index.d.ts

@@ -37,6 +37,6 @@ export interface ChartRendererProps {
  */
 export declare const ChartRenderer: React.FC<ChartRendererProps>;
 export declare const chartComponents: {
-    'chart-bar': React.FC<ChartBarRendererProps>;
+    'bar-chart': React.FC<ChartBarRendererProps>;
     chart: React.FC<ChartRendererProps>;
 };

package/dist/src/types.d.ts

@@ -8,7 +8,7 @@ import { BaseSchema } from '@object-ui/types';
  * import type { BarChartSchema } from '@object-ui/plugin-charts';
  *
  * const chartSchema: BarChartSchema = {
- *   type: 'chart-bar',
+ *   type: 'bar-chart',
  *   data: [
  *     { name: 'Jan', value: 400 },
  *     { name: 'Feb', value: 300 }
@@ -19,7 +19,7 @@ import { BaseSchema } from '@object-ui/types';
  * ```
  */
 export interface BarChartSchema extends BaseSchema {
-    type: 'chart-bar';
+    type: 'bar-chart';
     /**
      * Array of data points to display in the chart.
      */

package/package.json

@@ -1,8 +1,18 @@
 {
   "name": "@object-ui/plugin-charts",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "license": "MIT",
+  "description": "Chart components plugin for Object UI, powered by Recharts",
+  "homepage": "https://www.objectui.org",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/objectstack-ai/objectui.git",
+    "directory": "packages/plugin-charts"
+  },
+  "bugs": {
+    "url": "https://github.com/objectstack-ai/objectui/issues"
+  },
   "main": "dist/index.umd.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -14,19 +24,19 @@
     }
   },
   "dependencies": {
-    "recharts": "^2.15.0",
-    "@object-ui/components": "0.3.0",
-    "@object-ui/core": "0.3.0",
-    "@object-ui/react": "0.3.0",
-    "@object-ui/types": "0.3.0"
+    "recharts": "^3.7.0",
+    "@object-ui/components": "0.3.1",
+    "@object-ui/core": "0.3.1",
+    "@object-ui/react": "0.3.1",
+    "@object-ui/types": "0.3.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.2.9",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^4.2.1",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",

package/src/AdvancedChartImpl.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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 * as React from "react"
 import {
   Bar,

package/src/ChartContainerImpl.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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.
+ */
+
 "use client"
 
 import * as React from "react"

package/src/ChartImpl.tsx

@@ -1,3 +1,11 @@
+/**
+ * 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 { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';
 
 export interface ChartImplProps {

package/src/index.test.ts

@@ -1,3 +1,11 @@
+/**
+ * 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';
 
@@ -7,14 +15,14 @@ describe('Plugin Charts', () => {
     await import('./index');
   });
 
-  describe('chart-bar component', () => {
+  describe('bar-chart component', () => {
     it('should be registered in ComponentRegistry', () => {
-      const chartBarRenderer = ComponentRegistry.get('chart-bar');
+      const chartBarRenderer = ComponentRegistry.get('bar-chart');
       expect(chartBarRenderer).toBeDefined();
     });
 
     it('should have proper metadata', () => {
-      const config = ComponentRegistry.getConfig('chart-bar');
+      const config = ComponentRegistry.getConfig('bar-chart');
       expect(config).toBeDefined();
       expect(config?.label).toBe('Bar Chart');
       expect(config?.category).toBe('plugin');
@@ -23,7 +31,7 @@ describe('Plugin Charts', () => {
     });
 
     it('should have expected inputs', () => {
-      const config = ComponentRegistry.getConfig('chart-bar');
+      const config = ComponentRegistry.getConfig('bar-chart');
       const inputNames = config?.inputs?.map((input: any) => input.name) || [];
       
       expect(inputNames).toContain('data');
@@ -34,7 +42,7 @@ describe('Plugin Charts', () => {
     });
 
     it('should have data as required input', () => {
-      const config = ComponentRegistry.getConfig('chart-bar');
+      const config = ComponentRegistry.getConfig('bar-chart');
       const dataInput = config?.inputs?.find((input: any) => input.name === 'data');
       
       expect(dataInput).toBeDefined();
@@ -43,7 +51,7 @@ describe('Plugin Charts', () => {
     });
 
     it('should have sensible default props', () => {
-      const config = ComponentRegistry.getConfig('chart-bar');
+      const config = ComponentRegistry.getConfig('bar-chart');
       const defaults = config?.defaultProps;
       
       expect(defaults).toBeDefined();

package/src/index.tsx

@@ -1,6 +1,15 @@
+/**
+ * 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, { Suspense } from 'react';
 import { ComponentRegistry } from '@object-ui/core';
 import { Skeleton } from '@object-ui/components';
+import type { ChartConfig } from './ChartContainerImpl';
 
 // Export types for external use
 export type { BarChartSchema } from './types';
@@ -44,7 +53,7 @@ export const ChartBarRenderer: React.FC<ChartBarRendererProps> = ({ schema }) =>
 
 // Register the component with the ComponentRegistry
 ComponentRegistry.register(
-  'chart-bar',
+  'bar-chart',
   ChartBarRenderer,
   {
     label: 'Bar Chart',
@@ -116,10 +125,11 @@ export const ChartRenderer: React.FC<ChartRendererProps> = ({ schema }) => {
     // 3. Auto-generate config/colors if missing
     if (!config && series) {
        const colors = (schema as any).colors || ['hsl(var(--chart-1))', 'hsl(var(--chart-2))', 'hsl(var(--chart-3))']; 
-       config = {};
+       const newConfig: ChartConfig = {};
        series.forEach((s: any, idx: number) => {
-         config[s.dataKey] = { label: s.dataKey, color: colors[idx % colors.length] };
+         newConfig[s.dataKey] = { label: s.dataKey, color: colors[idx % colors.length] };
        });
+       config = newConfig;
     }
 
     return {
@@ -196,6 +206,6 @@ ComponentRegistry.register(
 
 // Standard Export Protocol - for manual integration
 export const chartComponents = {
-  'chart-bar': ChartBarRenderer,
+  'bar-chart': ChartBarRenderer,
   'chart': ChartRenderer,
 };

package/src/types.ts

@@ -1,3 +1,11 @@
+/**
+ * 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
  * 
@@ -16,7 +24,7 @@ import type { BaseSchema } from '@object-ui/types';
  * import type { BarChartSchema } from '@object-ui/plugin-charts';
  * 
  * const chartSchema: BarChartSchema = {
- *   type: 'chart-bar',
+ *   type: 'bar-chart',
  *   data: [
  *     { name: 'Jan', value: 400 },
  *     { name: 'Feb', value: 300 }
@@ -27,7 +35,7 @@ import type { BaseSchema } from '@object-ui/types';
  * ```
  */
 export interface BarChartSchema extends BaseSchema {
-  type: 'chart-bar';
+  type: 'bar-chart';
   
   /**
    * Array of data points to display in the chart.

package/vite.config.ts

@@ -1,3 +1,11 @@
+/**
+ * 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';
@@ -9,6 +17,8 @@ export default defineConfig({
     dts({
       insertTypesEntry: true,
       include: ['src'],
+      exclude: ['**/*.test.ts', '**/*.test.tsx', 'node_modules'],
+      skipDiagnostics: true,
     }),
   ],
   resolve: {