Merge pull request #214 from objectstack-ai/copilot/standardize-forms-and-toasts

Author: hotlong

packages/components/src/hooks/use-toast.ts

@@ -14,9 +14,6 @@ import './renderers';
 // Export utils
 export * from './lib/utils';
 
-// Export hooks
-export * from './hooks/use-toast';
-
 // Export raw Shadcn UI components
 export * from './ui';
 

packages/components/src/index.ts

@@ -8,18 +8,21 @@
 
 import { ComponentRegistry } from '@object-ui/core';
 import type { ToastSchema } from '@object-ui/types';
-import { useToast } from '../../hooks/use-toast';
+import { toast } from 'sonner';
 import { Button } from '../../ui';
 
 ComponentRegistry.register('toast', 
-  ({ schema, ...props }: { schema: ToastSchema; [key: string]: any }) => {
-    const { toast } = useToast();
-    
+  ({ schema }: { schema: ToastSchema }) => {
     const showToast = () => {
-      toast({
-        title: schema.title,
+      const toastFn = schema.variant === 'success' ? toast.success :
+                      schema.variant === 'error' ? toast.error :
+                      schema.variant === 'warning' ? toast.warning :
+                      schema.variant === 'info' ? toast.info :
+                      toast;
+      
+      toastFn(schema.title || 'Notification', {
         description: schema.description,
-        variant: schema.variant as any,
+        duration: schema.duration,
       });
     };
 
@@ -37,17 +40,19 @@ ComponentRegistry.register('toast',
       { 
         name: 'variant', 
         type: 'enum', 
-        enum: ['default', 'destructive'], 
+        enum: ['default', 'success', 'warning', 'error', 'info'], 
         defaultValue: 'default',
         label: 'Variant'
       },
+      { name: 'duration', type: 'number', label: 'Duration (ms)' },
       { name: 'buttonLabel', type: 'string', label: 'Button Label' },
       { name: 'className', type: 'string', label: 'CSS Class' }
     ],
     defaultProps: {
       title: 'Notification',
       buttonLabel: 'Show Toast',
-      variant: 'default'
+      variant: 'default',
+      duration: 5000
     }
   }
 );

packages/components/src/renderers/feedback/toast.tsx

@@ -9,26 +9,14 @@
 import { ComponentRegistry } from '@object-ui/core';
 import type { ToasterSchema } from '@object-ui/types';
 import { Toaster as SonnerToaster } from '../../ui/sonner';
-import { ToastNotifier as DefaultToaster } from '../../ui'; 
-// Note: In shadcn/ui typical setup, Toaster is exported from 'components/ui/toaster' and 'components/ui/sonner'.
-// But in @object-ui/ui index.tsx, we need to check if they are exported.
-// Assuming they are exported as Toaster and Sonner (or similar).
-// Let's assume standard exports.
 
 ComponentRegistry.register('toaster', 
-  ({ schema }: { schema: ToasterSchema }) => {
-    if (schema.provider === 'sonner') {
-        return <SonnerToaster />;
-    }
-    return <DefaultToaster />;
+  () => {
+    return <SonnerToaster />;
   },
   {
     label: 'Toaster',
-    inputs: [
-      { name: 'provider', type: 'enum', enum: ['default', 'sonner'], defaultValue: 'default', label: 'Provider' }
-    ],
-    defaultProps: {
-      provider: 'default'
-    }
+    inputs: [],
+    defaultProps: {}
   }
 );