@jmruthers/pace-core 0.5.87 → 0.5.89

package/src/components/FileUpload/index.tsx

@@ -0,0 +1,4 @@
+export * from './FileUpload';
+export { FileUpload as default } from './FileUpload';
+
+

package/src/components/Progress/Progress.test.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { renderWithProviders, screen, act } from '../../__tests__/helpers/test-utils';
+import { Progress } from './Progress';
+
+describe('[component] Progress', () => {
+  it('renders an accessible progressbar with correct aria attributes', () => {
+    renderWithProviders(<Progress value={40} max={200} />);
+
+    const progressbar = screen.getByRole('progressbar');
+    expect(progressbar).toHaveAttribute('aria-valuenow', '40');
+    expect(progressbar).toHaveAttribute('aria-valuemax', '200');
+    expect(progressbar).toHaveAttribute('aria-valuemin', '0');
+  });
+
+  it('defaults max to 100 when not provided', () => {
+    renderWithProviders(<Progress value={75} />);
+    const progressbar = screen.getByRole('progressbar');
+    expect(progressbar).toHaveAttribute('aria-valuemax', '100');
+  });
+
+  it('updates indicator transform based on value', () => {
+    const { rerender } = renderWithProviders(<Progress value={25} />);
+    // Indicator is the first child within the progress root
+    const indicator = screen.getByRole('progressbar').firstElementChild as HTMLElement;
+    expect(indicator.style.transform).toContain('translateX(-75%)');
+
+    rerender(<Progress value={80} />);
+    expect(indicator.style.transform).toContain('translateX(-20%)');
+  });
+
+  it('supports indeterminate state when no value is provided (no aria-valuenow)', () => {
+    renderWithProviders(<Progress />);
+    const progressbar = screen.getByRole('progressbar');
+    expect(progressbar).not.toHaveAttribute('aria-valuenow');
+  });
+});
+
+

package/src/components/PublicLayout/EventLogo.tsx

@@ -48,6 +48,7 @@
 
 import React, { useMemo, useContext } from 'react';
 import { usePublicEventLogo } from '../../hooks/public/usePublicEventLogo';
+import { useEventLogo } from '../../hooks/useEventLogo';
 import { PublicPageContext, useIsPublicPage } from './PublicPageProvider';
 import { useUnifiedAuth } from '../../providers/services/UnifiedAuthProvider';
 import type { SupabaseClient } from '@supabase/supabase-js';
@@ -277,19 +278,20 @@ function EventLogoAuthenticated({
     );
   }
 
+  // Use the authenticated event logo hook (supports both public and private logos)
   const {
     logoUrl,
     fallbackText,
     isLoading,
     error
-  } = usePublicEventLogo(
+  } = useEventLogo(
+    supabase,
     eventId, 
     eventName, 
-    organisationId, // Always pass organisationId, let the hook handle validation
+    organisationId,
     {
       validateImage,
-      generateFallbackText,
-      supabase
+      generateFallbackText
     }
   );
 

package/src/components/Select/Select.test.tsx

@@ -4,7 +4,7 @@
  * @package @jmruthers/pace-core
  * @module Components/Select
  * 
- * This test suite follows the testing guidelines in TEST_GUIDE_CURSOR.md
+ * This test suite follows the testing guidelines in TEST_STANDARD.md
  * and focuses on observable behavior, accessibility, and user interactions.
  */
 

package/src/components/SessionRestorationLoader.tsx

@@ -0,0 +1,48 @@
+/**
+ * @file SessionRestorationLoader Component
+ * @package @jmruthers/pace-core
+ * @module Components
+ * @since 0.1.0
+ *
+ * Displays a consistent loading state while the authentication service
+ * restores the Supabase session from persistent storage.
+ */
+
+import React from 'react';
+import { LoadingSpinner } from './LoadingSpinner/LoadingSpinner';
+
+export interface SessionRestorationLoaderProps {
+  /** Customise the status message displayed under the spinner */
+  message?: string;
+}
+
+export const SessionRestorationLoader: React.FC<SessionRestorationLoaderProps> = ({
+  message = 'Restoring session...'
+}) => {
+  return (
+    <div
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100vh',
+        width: '100%',
+        gap: '1rem',
+        textAlign: 'center',
+        padding: '1rem',
+        background: 'var(--background, transparent)'
+      }}
+    >
+      <LoadingSpinner size="lg" />
+      <div
+        style={{
+          fontSize: '0.95rem',
+          color: 'var(--muted-foreground, #6b7280)'
+        }}
+      >
+        {message}
+      </div>
+    </div>
+  );
+};

package/src/components/Toast/Toast.tsx

@@ -294,14 +294,19 @@ export function Toaster() {
   return (
     <ToastProvider data-testid="toast-provider">
       <ToastViewport />
-      {toasts.map((toast: any) => (
-        <Toast key={toast.id} {...toast}>
-          {toast.title && <ToastTitle>{toast.title}</ToastTitle>}
-          {toast.description && <ToastDescription>{toast.description}</ToastDescription>}
-          {toast.action && toast.action}
-          <ToastClose onClick={toast.dismiss} />
-        </Toast>
-      ))}
+      {toasts.map((toast: any) => {
+        // Destructure custom properties that shouldn't be passed to DOM
+        const { id, title, description, action, dismiss, ...toastProps } = toast;
+        
+        return (
+          <Toast key={id} {...toastProps}>
+            {title && <ToastTitle>{title}</ToastTitle>}
+            {description && <ToastDescription>{description}</ToastDescription>}
+            {action && action}
+            <ToastClose onClick={dismiss} />
+          </Toast>
+        );
+      })}
     </ToastProvider>
   );
 }

package/src/components/index.ts

@@ -52,7 +52,7 @@ export { Avatar, AvatarImage, AvatarFallback } from './Avatar';
 export { Checkbox } from './Checkbox';
 export { Switch } from './Switch';
 export type { SwitchProps } from './Switch';
-export { Progress } from './Progress';
+export { Progress } from './Progress/Progress';
 
 // Table components
 export {
@@ -180,19 +180,9 @@ export type { FooterProps } from './Footer';
 export * from './PublicLayout';
 
 // ============================================================================
-// SECURITY COMPONENTS
+// SECURITY COMPONENTS (none currently exported)
 // ============================================================================
 
-// Super Admin Guard components
-export { 
-  SuperAdminGuard, 
-  SuperAdminBadge, 
-  SuperAdminDebugPanel 
-} from './SuperAdminGuard';
-export type { SuperAdminGuardProps } from './SuperAdminGuard';
-
-// Removed: Protected and AdminGuard components (unused)
-
 // ============================================================================
 // NAVIGATION COMPONENTS
 // ============================================================================
@@ -218,6 +208,7 @@ export * from './PaceLoginPage';
 export { ErrorBoundary } from './ErrorBoundary';
 export type { ErrorBoundaryProps, ErrorBoundaryState } from './ErrorBoundary';
 export { LoadingSpinner } from './LoadingSpinner';
+export { SessionRestorationLoader } from './SessionRestorationLoader';
 
 // ============================================================================
 // EVENT MANAGEMENT
@@ -254,11 +245,20 @@ export type { FileReference, FileMetadata, FileUploadOptions } from '../types/fi
 // HOOKS
 // ============================================================================
 
-export { useStorage, useFileUpload } from '../hooks/useStorage';
-export type { UseStorageOptions, UseStorageReturn } from '../hooks/useStorage';
 
-export { useFileReference, useFileReferenceForRecord } from '../hooks/useFileReference';
-export type { UseFileReferenceOptions, UseFileReferenceReturn, UseFileReferenceForRecordReturn } from '../hooks/useFileReference';
+export { 
+  useFileReference, 
+  useFileReferenceForRecord,
+  useFileReferenceById,
+  useFilesByCategory
+} from '../hooks/useFileReference';
+export type { 
+  UseFileReferenceOptions, 
+  UseFileReferenceReturn, 
+  UseFileReferenceForRecordReturn 
+} from '../hooks/useFileReference';
+export { useEventLogo, clearEventLogoCache, getEventLogoCacheStats } from '../hooks/useEventLogo';
+export type { UseEventLogoReturn, UseEventLogoOptions } from '../hooks/useEventLogo';
 
 export { useToast } from '../hooks/useToast';