@jmruthers/pace-core 0.5.61 → 0.5.63

package/src/components/Toast/index.ts

@@ -11,3 +11,5 @@ export {
   ToastAction,
   Toaster,
 } from './Toast';
+
+export { useToast } from '../../hooks/useToast';

package/src/components/index.ts

@@ -237,6 +237,16 @@ export { PasswordResetForm } from './PasswordReset';
 export { FileUpload } from './FileUpload';
 export type { FileUploadProps } from './FileUpload';
 
+export { FileDisplay } from './FileDisplay';
+export type { FileDisplayProps } from './FileDisplay';
+
+
+// ============================================================================
+// TYPES
+// ============================================================================
+
+export { FileCategory } from '../types/file-reference';
+export type { FileReference, FileMetadata, FileUploadOptions } from '../types/file-reference';
 
 // ============================================================================
 // HOOKS
@@ -245,6 +255,11 @@ export type { FileUploadProps } from './FileUpload';
 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 { useToast } from '../hooks/useToast';
+
 // RBAC Components - Use the new RBAC system
 // For RBAC functionality, import from @jmruthers/pace-core/rbac
 // export { PermissionGuard, AccessLevelGuard } from '@jmruthers/pace-core/rbac';

package/src/hooks/__tests__/useApiFetch.unit.test.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { renderHook, waitFor } from '@testing-library/react';
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { renderWithProviders  } from '../../__tests__/shared/testUtils.optimized';
+import { renderWithProviders } from '../../__tests__/helpers/test-utils';
 
 // Mock fetch globally for all tests
 const mockFetch = vi.fn();

package/src/hooks/useFileReference.ts

@@ -230,3 +230,40 @@ export function useFileReferenceForRecord(
     clearError
   };
 }
+
+// Type definitions for the hooks
+export type UseFileReferenceOptions = {
+  table_name: string;
+  record_id: string;
+  organisation_id: string;
+};
+
+export type UseFileReferenceReturn = {
+  isLoading: boolean;
+  error: string | null;
+  uploadFile: (options: FileUploadOptions, file: File) => Promise<FileUploadResult | null>;
+  getFileReference: (table_name: string, record_id: string, organisation_id: string) => Promise<FileReference | null>;
+  getFileUrl: (table_name: string, record_id: string, organisation_id: string) => Promise<string | null>;
+  getSignedUrl: (table_name: string, record_id: string, organisation_id: string, expires_in?: number) => Promise<string | null>;
+  updateFileReference: (id: string, updates: Partial<FileReference>) => Promise<FileReference | null>;
+  deleteFileReference: (table_name: string, record_id: string, organisation_id: string, delete_file?: boolean) => Promise<boolean>;
+  listFileReferences: (table_name: string, record_id: string, organisation_id: string) => Promise<FileReference[]>;
+  getFileCount: (table_name: string, record_id: string, organisation_id: string) => Promise<number>;
+  clearError: () => void;
+};
+
+export type UseFileReferenceForRecordReturn = {
+  isLoading: boolean;
+  error: string | null;
+  fileUrl: string | null;
+  fileReference: FileReference | null;
+  fileReferences: FileReference[];
+  fileCount: number;
+  loadFileReference: () => Promise<FileReference | null>;
+  loadFileUrl: () => Promise<string | null>;
+  loadFileReferences: () => Promise<FileReference[]>;
+  loadFileCount: () => Promise<number>;
+  deleteFile: (delete_file?: boolean) => Promise<boolean>;
+  updateFileReference: (id: string, updates: Partial<FileReference>) => Promise<FileReference | null>;
+  clearError: () => void;
+};

package/src/index.ts

@@ -173,6 +173,16 @@ export { useAppConfig } from './hooks/useAppConfig';
 export { cn } from './utils/cn';
 export { setAppConfig, getAppConfig, getCurrentAppName, getCurrentAppId } from './utils/appConfig';
 
+// FORMATTING UTILITIES
+export { 
+  formatDate, 
+  formatCurrency, 
+  formatNumber,
+  formatPercent,
+  formatCompactNumber,
+  formatFileSize
+} from './utils/formatting';
+
 // STORAGE UTILITIES
 export { FileUpload } from './components/FileUpload/FileUpload';
 export type { FileUploadProps } from './components/FileUpload/FileUpload';

package/src/styles/base.css

@@ -0,0 +1,208 @@
+@import "tailwindcss";
+
+@layer base {
+
+  /*base resets */
+  * {
+    font-family: 'Open Sans';
+    border-color: var(--color-border);
+  }
+
+  body {
+    min-height: 100vh;
+    color: var(--color-foreground);
+  }
+
+  /* Font definitions */
+  @font-face {
+    font-family: "Georama";
+    font-style: normal;
+    font-weight: 100 200 300 400 500 600 700 800 900;
+    font-display: swap;
+    src: url("/fonts/georama.woff2") format("woff2");
+  }
+
+  @font-face {
+    font-family: "Georama";
+    font-style: italic;
+    font-weight: 100 200 300 400 500 600 700 800 900;
+    font-display: swap;
+    src: url("/fonts/georama-italic.woff2") format("woff2");
+  }
+
+  @font-face {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 100 200 300 400 500 600 700 800 900;
+    font-display: swap;
+    src: url("/fonts/open-sans.woff2") format("woff2");
+  }
+
+  @font-face {
+    font-family: "Open Sans";
+    font-style: italic;
+    font-weight: 100 200 300 400 500 600 700 800 900;
+    font-display: swap;
+    src: url("/fonts/open-sans-italic.woff2") format("woff2");
+  }
+
+  @font-face {
+    font-family: "Reddit Mono";
+    font-style: normal;
+    font-weight: 200 300 400 500 600 700 800 900;
+    font-display: swap;
+    src: url("/fonts/reddit-mono.woff2") format("woff2");
+  }
+
+  /* Elements */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-bottom: 0.25lh;
+  }
+
+  h1,
+  h2,
+  h3 {
+    font-family: 'Georama';
+  }
+
+  h1 {
+    font-size: 2.5rem;
+    font-weight: 700;
+    line-height: 1.2;
+    color: var(--color-app-main-600);
+  }
+
+  h2 {
+    font-size: 2rem;
+    font-weight: 700;
+    line-height: 1.3;
+    color: var(--color-app-main-600);
+  }
+
+  h3 {
+    font-size: 1.75rem;
+    font-weight: 600;
+    line-height: 1.4;
+    color: var(--color-app-main-700);
+  }
+
+  h4 {
+    font-size: 1.5rem;
+    font-weight: 600;
+    line-height: 1.4;
+    color: var(--color-app-main-700);
+  }
+
+  h5 {
+    font-size: 1.25rem;
+    font-weight: 500;
+    line-height: 1.4;
+    color: var(--color-app-main-800);
+  }
+
+  h6 {
+    font-size: 1rem;
+    font-weight: 500;
+    line-height: 1.4;
+    color: var(--color-app-main-800);
+  }
+
+  p {
+    margin-bottom: 1rem;
+    line-height: 1.6;
+  }
+
+  a {
+    color: var(--color-app-main-700);
+    text-decoration: none;
+    transition: color 0.2s ease;
+  }
+
+  a:hover {
+    color: var(--color-app-acc-700);
+    text-decoration: underline;
+  }
+
+  strong {
+    font-weight: 600;
+  }
+
+  em {
+    font-style: italic;
+  }
+
+  u {
+    text-decoration: underline;
+  }
+
+  pre,
+  code {
+    font-family: "Reddit Mono";
+    font-size: 0.875em;
+    background-color: var(--color-app-sec-100);
+    padding: 0.2em 0.4em;
+    border-radius: 0.25rem;
+  }
+
+  pre code {
+    display: inline-block;
+  }
+
+  blockquote {
+    border-left: 4px solid var(--color-app-main-600);
+    padding: 0.5rem 1rem;
+    margin: 1.5rem 0;
+    font-style: italic;
+    color: var(--color-app-main-800);
+  }
+
+  ul,
+  ol {
+    margin: 0.25lh 0;
+    padding-left: 1.5rem;
+  }
+
+  ul {
+    list-style-type: disc;
+  }
+
+  ol {
+    list-style-type: decimal;
+  }
+
+  li {
+    margin-bottom: 0.25lh;
+    line-height: 1.6;
+  }
+
+  hr {
+    border: 0;
+    border-top: 1px solid var(--color-app-sec-200);
+    margin: 2rem 0;
+  }
+
+  small {
+    font-size: 0.875em;
+    color: var(--color-app-main-500);
+  }
+
+  --app-width: 90rem;
+  
+  .appGradient {
+    background: linear-gradient(145deg, var(--color-app-main-100) 10%, var(--color-app-main-200) 30%, var(--color-app-main-200) 70%, var(--color-app-main-300) 90%);
+    background-attachment: fixed;
+  }
+}
+
+@layer components {
+  /* Custom component styles go here */
+}
+
+@layer utilities {
+  /* Custom utility styles go here */
+}

package/src/styles/semantic.css

@@ -0,0 +1,24 @@
+@import "tailwindcss";
+
+@theme inline {
+  /* Semantic token mapping */
+  --color-border: var(--color-app-main-500);
+  --color-input: var(--color-app-sec-200);
+  --color-ring: var(--color-app-main-950);
+  --color-background: var(--color-app-main-50);
+  --color-foreground: var(--color-app-main-950);
+  --color-primary: var(--color-app-main-600);
+  --color-primary-foreground: var(--color-app-main-50);
+  --color-secondary: var(--color-app-sec-400);
+  --color-secondary-foreground: var(--color-app-main-950);
+  --color-destructive: var(--color-app-acc-700);
+  --color-destructive-foreground: var(--color-app-main-50);
+  --color-muted: var(--color-app-sec-100);
+  --color-muted-foreground: var(--color-app-main-700);
+  --color-accent: var(--color-app-acc-400);
+  --color-accent-foreground: var(--color-app-main-950);
+  --color-popover: var(--color-app-main-50);
+  --color-popover-foreground: var(--color-app-main-950);
+  --color-card: var(--color-app-main-50);
+  --color-card-foreground: var(--color-app-main-950);
+}

package/dist/chunk-W66AZIOH.js

@@ -1,29 +0,0 @@
-// src/utils/appConfig.ts
-var currentAppConfig = null;
-function setAppConfig(config) {
-  currentAppConfig = config;
-}
-function getAppConfig() {
-  if (!currentAppConfig) {
-    const appName = import.meta.env.REACT_APP_NAME || "PACE";
-    return {
-      appName,
-      appId: appName
-    };
-  }
-  return currentAppConfig;
-}
-function getCurrentAppName() {
-  return getAppConfig().appName;
-}
-function getCurrentAppId() {
-  return getAppConfig().appId;
-}
-
-export {
-  setAppConfig,
-  getAppConfig,
-  getCurrentAppName,
-  getCurrentAppId
-};
-//# sourceMappingURL=chunk-W66AZIOH.js.map

package/dist/chunk-W66AZIOH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/appConfig.ts"],"sourcesContent":["\n/**\n * Application configuration utilities\n */\n\nexport interface AppConfig {\n  appName: string;\n  appId: string;\n}\n\nlet currentAppConfig: AppConfig | null = null;\n\n/**\n * Set the current application configuration\n */\nexport function setAppConfig(config: AppConfig) {\n  currentAppConfig = config;\n}\n\n/**\n * Get the current application configuration\n */\nexport function getAppConfig(): AppConfig {\n  if (!currentAppConfig) {\n    // Fallback to environment or default\n    const appName = import.meta.env.REACT_APP_NAME || 'PACE';\n    return {\n      appName,\n      appId: appName\n    };\n  }\n  return currentAppConfig;\n}\n\n/**\n * Get the current app name\n */\nexport function getCurrentAppName(): string {\n  return getAppConfig().appName;\n}\n\n/**\n * Get the current app ID\n */\nexport function getCurrentAppId(): string {\n  return getAppConfig().appId;\n}\n"],"mappings":";AAUA,IAAI,mBAAqC;AAKlC,SAAS,aAAa,QAAmB;AAC9C,qBAAmB;AACrB;AAKO,SAAS,eAA0B;AACxC,MAAI,CAAC,kBAAkB;AAErB,UAAM,UAAU,YAAY,IAAI,kBAAkB;AAClD,WAAO;AAAA,MACL;AAAA,MACA,OAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAKO,SAAS,oBAA4B;AAC1C,SAAO,aAAa,EAAE;AACxB;AAKO,SAAS,kBAA0B;AACxC,SAAO,aAAa,EAAE;AACxB;","names":[]}