@object-ui/plugin-list 2.0.0 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcher.d.ts","sourceRoot":"","sources":["../../src/ViewSwitcher.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,MAAM,QAAQ,GAChB,MAAM,GACN,QAAQ,GACR,SAAS,GACT,UAAU,GACV,UAAU,GACV,OAAO,GACP,KAAK,CAAC;AAEV,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmCpD,CAAC"}
+{"version":3,"file":"ViewSwitcher.d.ts","sourceRoot":"","sources":["../../src/ViewSwitcher.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,MAAM,QAAQ,GAChB,MAAM,GACN,QAAQ,GACR,SAAS,GACT,UAAU,GACV,UAAU,GACV,OAAO,GACP,KAAK,CAAC;AAEV,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAsBD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsDpD,CAAC"}

package/dist/src/index.d.ts

@@ -3,5 +3,6 @@ import { ViewSwitcher } from './ViewSwitcher';
 import { ObjectGallery } from './ObjectGallery';
 export { ListView, ViewSwitcher, ObjectGallery };
 export type { ListViewProps } from './ListView';
+export type { ObjectGalleryProps } from './ObjectGallery';
 export type { ViewSwitcherProps, ViewType } from './ViewSwitcher';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-list",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "type": "module",
   "license": "MIT",
   "description": "ListView plugin for Object UI - unified view component with view type switching",
@@ -25,19 +25,20 @@
   },
   "dependencies": {
     "lucide-react": "^0.563.0",
-    "@object-ui/components": "2.0.0",
-    "@object-ui/core": "2.0.0",
-    "@object-ui/react": "2.0.0",
-    "@object-ui/types": "2.0.0"
+    "@object-ui/components": "3.0.0",
+    "@object-ui/core": "3.0.0",
+    "@object-ui/mobile": "3.0.0",
+    "@object-ui/react": "3.0.0",
+    "@object-ui/types": "3.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@types/react": "^19.2.13",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.3",
+    "@types/react": "19.2.13",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "^5.1.4",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",

package/src/ListView.stories.tsx

@@ -0,0 +1,64 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SchemaRenderer } from '@object-ui/react';
+import type { BaseSchema } from '@object-ui/types';
+
+const meta = {
+  title: 'Plugins/ListView',
+  component: SchemaRenderer,
+  parameters: {
+    layout: 'padded',
+  },
+  tags: ['autodocs'],
+  argTypes: {
+    schema: { table: { disable: true } },
+  },
+} satisfies Meta<any>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+const renderStory = (args: any) => <SchemaRenderer schema={args as unknown as BaseSchema} />;
+
+export const Default: Story = {
+  render: renderStory,
+  args: {
+    type: 'list-view',
+    objectName: 'contacts',
+    viewType: 'grid',
+    fields: ['name', 'email', 'phone', 'company'],
+    sort: [{ field: 'name', order: 'asc' }],
+  } as any,
+};
+
+export const KanbanView: Story = {
+  render: renderStory,
+  args: {
+    type: 'list-view',
+    objectName: 'deals',
+    viewType: 'kanban',
+    fields: ['name', 'amount', 'stage', 'close_date'],
+    options: {
+      kanban: {
+        groupField: 'stage',
+        titleField: 'name',
+        cardFields: ['amount', 'close_date'],
+      },
+    },
+  } as any,
+};
+
+export const WithFilters: Story = {
+  render: renderStory,
+  args: {
+    type: 'list-view',
+    objectName: 'opportunities',
+    viewType: 'grid',
+    fields: ['name', 'amount', 'stage', 'owner', 'close_date'],
+    filters: [
+      ['stage', '=', 'Prospecting'],
+      'OR',
+      ['stage', '=', 'Qualification'],
+    ],
+    sort: [{ field: 'amount', order: 'desc' }],
+  } as any,
+};

package/src/ListView.tsx

@@ -14,6 +14,7 @@ import type { FilterGroup } from '@object-ui/components';
 import { ViewSwitcher, ViewType } from './ViewSwitcher';
 import { SchemaRenderer, useNavigationOverlay } from '@object-ui/react';
 import type { ListViewSchema } from '@object-ui/types';
+import { usePullToRefresh } from '@object-ui/mobile';
 
 export interface ListViewProps {
   schema: ListViewSchema;
@@ -110,6 +111,16 @@ export const ListView: React.FC<ListViewProps> = ({
   const [data, setData] = React.useState<any[]>([]);
   const [loading, setLoading] = React.useState(false);
   const [objectDef, setObjectDef] = React.useState<any>(null);
+  const [refreshKey, setRefreshKey] = React.useState(0);
+
+  const handlePullRefresh = React.useCallback(async () => {
+    setRefreshKey(k => k + 1);
+  }, []);
+
+  const { ref: pullRef, isRefreshing, pullDistance } = usePullToRefresh<HTMLDivElement>({
+    onRefresh: handlePullRefresh,
+    enabled: !!dataSource && !!schema.objectName,
+  });
 
   const storageKey = React.useMemo(() => {
     return schema.id 
@@ -178,8 +189,8 @@ export const ListView: React.FC<ListViewProps> = ({
         } else if (results && typeof results === 'object') {
            if (Array.isArray((results as any).data)) {
               items = (results as any).data; 
-           } else if (Array.isArray((results as any).value)) {
-              items = (results as any).value;
+           } else if (Array.isArray((results as any).records)) {
+              items = (results as any).records;
            }
         }
         
@@ -196,7 +207,7 @@ export const ListView: React.FC<ListViewProps> = ({
     fetchData();
     
     return () => { isMounted = false; };
-  }, [schema.objectName, dataSource, schema.filters, currentSort, currentFilters]); // Re-fetch on filter/sort change
+  }, [schema.objectName, dataSource, schema.filters, currentSort, currentFilters, refreshKey]); // Re-fetch on filter/sort change
 
   // Available view types based on schema configuration
   const availableViews = React.useMemo(() => {
@@ -393,7 +404,15 @@ export const ListView: React.FC<ListViewProps> = ({
   const [searchExpanded, setSearchExpanded] = React.useState(false);
 
   return (
-    <div className={cn('flex flex-col h-full bg-background', className)}>
+    <div ref={pullRef} className={cn('flex flex-col h-full bg-background relative', className)}>
+      {pullDistance > 0 && (
+        <div
+          className="flex items-center justify-center text-xs text-muted-foreground"
+          style={{ height: pullDistance }}
+        >
+          {isRefreshing ? 'Refreshing…' : 'Pull to refresh'}
+        </div>
+      )}
       {/* Airtable-style Toolbar — Row 1: View tabs */}
       {showViewSwitcher && (
         <div className="border-b px-4 py-1 flex items-center bg-background">
@@ -406,8 +425,8 @@ export const ListView: React.FC<ListViewProps> = ({
       )}
 
       {/* Airtable-style Toolbar — Row 2: Tool buttons */}
-      <div className="border-b px-4 py-1 flex items-center justify-between gap-2 bg-background">
-        <div className="flex items-center gap-0.5 overflow-hidden">
+      <div className="border-b px-2 sm:px-4 py-1 flex items-center justify-between gap-1 sm:gap-2 bg-background">
+        <div className="flex items-center gap-0.5 overflow-hidden flex-1 min-w-0">
           {/* Hide Fields */}
           <Button
             variant="ghost"
@@ -439,7 +458,7 @@ export const ListView: React.FC<ListViewProps> = ({
                 )}
               </Button>
             </PopoverTrigger>
-            <PopoverContent align="start" className="w-[600px] p-4">
+            <PopoverContent align="start" className="w-[calc(100vw-2rem)] sm:w-[600px] max-w-[600px] p-3 sm:p-4">
               <div className="space-y-4">
                 <div className="flex items-center justify-between border-b pb-2">
                   <h4 className="font-medium text-sm">Filter Records</h4>
@@ -487,7 +506,7 @@ export const ListView: React.FC<ListViewProps> = ({
                 )}
               </Button>
             </PopoverTrigger>
-            <PopoverContent align="start" className="w-[600px] p-4">
+            <PopoverContent align="start" className="w-[calc(100vw-2rem)] sm:w-[600px] max-w-[600px] p-3 sm:p-4">
               <div className="space-y-4">
                 <div className="flex items-center justify-between border-b pb-2">
                   <h4 className="font-medium text-sm">Sort Records</h4>
@@ -530,7 +549,7 @@ export const ListView: React.FC<ListViewProps> = ({
         {/* Right: Search */}
         <div className="flex items-center gap-1">
           {searchExpanded ? (
-            <div className="relative w-48 lg:w-64">
+            <div className="relative w-36 sm:w-48 lg:w-64">
               <Search className="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
               <Input
                 placeholder="Find..."
@@ -572,7 +591,7 @@ export const ListView: React.FC<ListViewProps> = ({
       {/* Filters Panel - Removed as it is now in Popover */}
 
       {/* View Content */}
-      <div className="flex-1 min-h-0 bg-background relative overflow-hidden">
+      <div key={currentView} className="flex-1 min-h-0 bg-background relative overflow-hidden animate-in fade-in-0 duration-200">
         <SchemaRenderer 
           schema={viewComponentSchema} 
           {...props} 

package/src/ObjectGallery.tsx

@@ -1,27 +1,69 @@
+/**
+ * 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, { useState, useEffect } from 'react';
 import { useDataScope, useSchemaContext } from '@object-ui/react';
 import { ComponentRegistry } from '@object-ui/core';
+import { cn, Card, CardContent } from '@object-ui/components';
+import type { GalleryConfig } from '@object-ui/types';
 
-// Utility for class merging (assuming it's available in plugin context, 
-// usually provided by @object-ui/components or utils, but here I'll just use string concat if not imported)
-// Actually @object-ui/components exports cn
-import { cn } from '@object-ui/components';
+export interface ObjectGalleryProps {
+    schema: {
+        objectName?: string;
+        bind?: string;
+        filter?: unknown;
+        data?: Record<string, unknown>[];
+        className?: string;
+        gallery?: GalleryConfig;
+        /** @deprecated Use gallery.coverField instead */
+        imageField?: string;
+        /** @deprecated Use gallery.titleField instead */
+        titleField?: string;
+        subtitleField?: string;
+    };
+    data?: Record<string, unknown>[];
+    dataSource?: { find: (name: string, query: unknown) => Promise<unknown> };
+    onCardClick?: (record: Record<string, unknown>) => void;
+}
 
-export const ObjectGallery = (props: any) => {
+const GRID_CLASSES: Record<NonNullable<GalleryConfig['cardSize']>, string> = {
+    small: 'grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6',
+    medium: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4',
+    large: 'grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3',
+};
+
+const ASPECT_CLASSES: Record<NonNullable<GalleryConfig['cardSize']>, string> = {
+    small: 'aspect-square',
+    medium: 'aspect-[4/3]',
+    large: 'aspect-[16/10]',
+};
+
+export const ObjectGallery: React.FC<ObjectGalleryProps> = (props) => {
     const { schema } = props;
     const context = useSchemaContext();
     const dataSource = props.dataSource || context.dataSource;
     const boundData = useDataScope(schema.bind);
 
-    const [fetchedData, setFetchedData] = useState<any[]>([]);
+    const [fetchedData, setFetchedData] = useState<Record<string, unknown>[]>([]);
     const [loading, setLoading] = useState(false);
 
+    // Resolve GalleryConfig with backwards-compatible fallbacks
+    const gallery = schema.gallery;
+    const coverField = gallery?.coverField ?? schema.imageField ?? 'image';
+    const coverFit = gallery?.coverFit ?? 'cover';
+    const cardSize = gallery?.cardSize ?? 'medium';
+    const titleField = gallery?.titleField ?? schema.titleField ?? 'name';
+    const visibleFields = gallery?.visibleFields;
+
     useEffect(() => {
         let isMounted = true;
-        
-        // Use data prop if available (from ListView)
-        if ((props.data && Array.isArray(props.data))) {
+
+        if (props.data && Array.isArray(props.data)) {
             setFetchedData(props.data);
             return;
         }
@@ -30,22 +72,22 @@ export const ObjectGallery = (props: any) => {
             if (!dataSource || !schema.objectName) return;
             if (isMounted) setLoading(true);
             try {
-                // Apply filtering?
                 const results = await dataSource.find(schema.objectName, {
-                   $filter: schema.filter
+                    $filter: schema.filter,
                 });
-                
-                let data: any[] = [];
+
+                let data: Record<string, unknown>[] = [];
                 if (Array.isArray(results)) {
                     data = results;
                 } else if (results && typeof results === 'object') {
-                    if (Array.isArray((results as any).value)) {
-                        data = (results as any).value;
-                    } else if (Array.isArray((results as any).data)) {
-                        data = (results as any).data;
+                    const r = results as Record<string, unknown>;
+                    if (Array.isArray(r.records)) {
+                        data = r.records as Record<string, unknown>[];
+                    } else if (Array.isArray(r.data)) {
+                        data = r.data as Record<string, unknown>[];
                     }
                 }
-    
+
                 if (isMounted) {
                     setFetchedData(data);
                 }
@@ -55,51 +97,78 @@ export const ObjectGallery = (props: any) => {
                 if (isMounted) setLoading(false);
             }
         };
-    
+
         if (schema.objectName && !boundData && !schema.data && !props.data) {
             fetchData();
         }
         return () => { isMounted = false; };
-      }, [schema.objectName, dataSource, boundData, schema.data, schema.filter, props.data]);
+    }, [schema.objectName, dataSource, boundData, schema.data, schema.filter, props.data]);
 
-    const items = props.data || boundData || schema.data || fetchedData || [];
-    
-    // Config
-    const imageField = schema.imageField || 'image';
-    const titleField = schema.titleField || 'name';
-    const subtitleField = schema.subtitleField;
+    const items: Record<string, unknown>[] = props.data || boundData || schema.data || fetchedData || [];
 
     if (loading && !items.length) return <div className="p-4 text-sm text-muted-foreground">Loading Gallery...</div>;
     if (!items.length) return <div className="p-4 text-sm text-muted-foreground">No items to display</div>;
 
     return (
-        <div className={cn("grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4 p-4", schema.className)}>
-            {items.map((item: any, i: number) => (
-                <div key={item._id || i} className="group relative border rounded-lg overflow-hidden bg-card text-card-foreground shadow-sm hover:shadow-md transition-all">
-                    <div className="aspect-square w-full overflow-hidden bg-muted relative">
-                        {item[imageField] ? (
-                            <img 
-                                src={item[imageField]} 
-                                alt={item[titleField]} 
-                                className="h-full w-full object-cover transition-transform group-hover:scale-105"
-                                onError={(e) => {
-                                    (e.target as HTMLImageElement).src = `https://placehold.co/400x400?text=${encodeURIComponent(item[titleField]?.[0] || '?')}`;
-                                }}
-                            />
-                        ) : (
-                            <div className="flex h-full w-full items-center justify-center bg-secondary/50 text-muted-foreground">
-                                <span className="text-4xl font-light opacity-20">{item[titleField]?.[0]?.toUpperCase()}</span>
-                            </div>
-                        )}
-                    </div>
-                    <div className="p-3 border-t">
-                        <h3 className="font-medium truncate text-sm" title={item[titleField]}>{item[titleField] || 'Untitled'}</h3>
-                        {subtitleField && (
-                             <p className="text-xs text-muted-foreground truncate mt-1">{item[subtitleField]}</p>
+        <div
+            className={cn('grid gap-4 p-4', GRID_CLASSES[cardSize], schema.className)}
+            role="list"
+        >
+            {items.map((item, i) => {
+                const id = (item._id ?? item.id ?? i) as string | number;
+                const title = String(item[titleField] ?? 'Untitled');
+                const imageUrl = item[coverField] as string | undefined;
+
+                return (
+                    <Card
+                        key={id}
+                        role="listitem"
+                        className={cn(
+                            'group overflow-hidden transition-all hover:shadow-md',
+                            props.onCardClick && 'cursor-pointer',
                         )}
-                    </div>
-                </div>
-            ))}
+                        onClick={props.onCardClick ? () => props.onCardClick!(item) : undefined}
+                    >
+                        <div className={cn('w-full overflow-hidden bg-muted relative', ASPECT_CLASSES[cardSize])}>
+                            {imageUrl ? (
+                                <img
+                                    src={imageUrl}
+                                    alt={title}
+                                    className={cn(
+                                        'h-full w-full transition-transform group-hover:scale-105',
+                                        coverFit === 'cover' && 'object-cover',
+                                        coverFit === 'contain' && 'object-contain',
+                                    )}
+                                />
+                            ) : (
+                                <div className="flex h-full w-full items-center justify-center bg-secondary/50 text-muted-foreground">
+                                    <span className="text-4xl font-light opacity-20">
+                                        {title[0]?.toUpperCase()}
+                                    </span>
+                                </div>
+                            )}
+                        </div>
+                        <CardContent className="p-3 border-t">
+                            <h3 className="font-medium truncate text-sm" title={title}>
+                                {title}
+                            </h3>
+                            {visibleFields && visibleFields.length > 0 && (
+                                <div className="mt-1 space-y-0.5">
+                                    {visibleFields.map((field) => {
+                                        const value = item[field];
+                                        if (value == null) return null;
+                                        return (
+                                            <p key={field} className="text-xs text-muted-foreground truncate">
+                                                {String(value)}
+                                            </p>
+                                        );
+                                    })}
+                                </div>
+                            )}
+                        </CardContent>
+                    </Card>
+                );
+            })}
         </div>
     );
 };
@@ -107,5 +176,5 @@ export const ObjectGallery = (props: any) => {
 ComponentRegistry.register('object-gallery', ObjectGallery, {
     namespace: 'plugin-list',
     label: 'Gallery View',
-    category: 'view'
+    category: 'view',
 });

package/src/ViewSwitcher.tsx

@@ -32,6 +32,8 @@ export interface ViewSwitcherProps {
   availableViews?: ViewType[];
   onViewChange: (view: ViewType) => void;
   className?: string;
+  /** Enable animated transitions between views (default: true) */
+  animated?: boolean;
 }
 
 const VIEW_ICONS: Record<ViewType, React.ReactNode> = {
@@ -59,16 +61,35 @@ export const ViewSwitcher: React.FC<ViewSwitcherProps> = ({
   availableViews = ['grid', 'kanban'],
   onViewChange,
   className,
+  animated = true,
 }) => {
+  const handleViewChange = React.useCallback(
+    (view: ViewType) => {
+      if (!animated || view === currentView) {
+        onViewChange(view);
+        return;
+      }
+
+      if (typeof document !== 'undefined' && 'startViewTransition' in document) {
+        (document as Document & {
+          startViewTransition: (cb: () => void) => { finished: Promise<void> };
+        }).startViewTransition(() => onViewChange(view));
+      } else {
+        onViewChange(view);
+      }
+    },
+    [animated, currentView, onViewChange],
+  );
+
   return (
-    <div className={cn("flex items-center gap-1 bg-transparent", className)}>
+    <div className={cn("flex items-center gap-1 bg-transparent oui-view-switcher", className)}>
       {availableViews.map((view) => {
         const isActive = currentView === view;
         return (
           <button
             key={view}
             type="button"
-            onClick={() => onViewChange(view)}
+            onClick={() => handleViewChange(view)}
             aria-label={VIEW_LABELS[view]}
             title={VIEW_LABELS[view]}
             aria-pressed={isActive}

package/src/index.tsx

@@ -10,10 +10,10 @@ import { ComponentRegistry } from '@object-ui/core';
 import { ListView } from './ListView';
 import { ViewSwitcher } from './ViewSwitcher';
 import { ObjectGallery } from './ObjectGallery';
-import type { ListViewSchema } from '@object-ui/types';
 
 export { ListView, ViewSwitcher, ObjectGallery };
 export type { ListViewProps } from './ListView';
+export type { ObjectGalleryProps } from './ObjectGallery';
 export type { ViewSwitcherProps, ViewType } from './ViewSwitcher';
 
 // Register ListView component

package/src/registration.test.tsx

@@ -1,5 +1,4 @@
-import { describe, it, expect, beforeAll } from 'vitest';
-import { ComponentRegistry } from '@object-ui/core';
+import { describe, it, expect } from 'vitest';
 import { ListView } from './index';
 
 describe('Plugin List Registration', () => {

package/vitest.config.ts

@@ -1,7 +1,6 @@
 /// <reference types="vitest" />
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
-import path from 'path';
 
 export default defineConfig({
   plugins: [react()],