@jmruthers/pace-core 0.6.4 → 0.6.6

package/dist/eslint-rules/pace-core-compliance.cjs

@@ -1,510 +0,0 @@
-/**
- * ESLint Rules for pace-core Compliance Enforcement
- * @package @jmruthers/pace-core
- * @module ESLintRules/pace-core-compliance
- * @since 1.0.0
- * 
- * This module provides ESLint rules to enforce pace-core usage patterns
- * and prevent consuming apps from creating local alternatives.
- */
-
-const fs = require('fs');
-const path = require('path');
-
-// Load manifest data
-let manifestData = null;
-try {
-  const manifestPath = path.join(__dirname, '../../core-usage-manifest.json');
-  if (fs.existsSync(manifestPath)) {
-    manifestData = JSON.parse(fs.readFileSync(manifestPath, 'utf8'));
-  }
-} catch (error) {
-  // If manifest can't be loaded, rules will use hardcoded defaults
-  console.warn('Warning: Could not load core-usage-manifest.json, using defaults');
-}
-
-// Get restricted imports from manifest or use defaults
-const getRestrictedImports = () => {
-  if (manifestData && manifestData.restrictedImports) {
-    return manifestData.restrictedImports;
-  }
-  // Fallback defaults
-  return [
-    { module: '@radix-ui/react-avatar', reason: 'Use Avatar component from pace-core instead' },
-    { module: '@radix-ui/react-checkbox', reason: 'Use Checkbox component from pace-core instead' },
-    { module: '@radix-ui/react-dialog', reason: 'Use Dialog component from pace-core instead' },
-    { module: '@radix-ui/react-label', reason: 'Use Label component from pace-core instead' },
-    { module: '@radix-ui/react-slot', reason: 'Use Button component from pace-core which handles slot composition' },
-    { module: '@radix-ui/react-switch', reason: 'Use Switch component from pace-core instead' },
-    { module: '@radix-ui/react-tabs', reason: 'Use Tabs component from pace-core instead' },
-    { module: '@radix-ui/react-toast', reason: 'Use Toast component and useToast hook from pace-core instead' },
-    { module: '@radix-ui/react-tooltip', reason: 'Use Tooltip component from pace-core instead' },
-    { module: 'react-day-picker', reason: 'Use Calendar component from pace-core instead' },
-    { module: '@tanstack/react-table', reason: 'Use DataTable component and related hooks from pace-core instead. DataTable wraps and standardizes table functionality' },
-    { module: 'react-hook-form', reason: 'Use Form component and useZodForm hook from pace-core instead' },
-    { module: 'zod', reason: 'Use validation utilities and schemas from pace-core instead. pace-core provides standardized validation helpers' }
-  ];
-};
-
-// Get pace-core components from manifest or use defaults
-const getPaceCoreComponents = () => {
-  if (manifestData && manifestData.components) {
-    return manifestData.components;
-  }
-  return ['Button', 'Card', 'Dialog', 'Input', 'Form', 'Select', 'Alert', 'Badge', 'Checkbox', 'Switch', 'Textarea', 'Label', 'Table', 'DataTable', 'Toast', 'Tooltip', 'Tabs', 'Calendar', 'Avatar', 'Progress'];
-};
-
-// Get pace-core hooks from manifest or use defaults
-const getPaceCoreHooks = () => {
-  if (manifestData && manifestData.hooks) {
-    return manifestData.hooks;
-  }
-  return ['useToast', 'useDebounce', 'useUnifiedAuth', 'useEvents', 'useOrganisations', 'useFileReference', 'useStorage', 'useZodForm', 'useRBAC', 'usePermissions'];
-};
-
-// Get pace-core utils from manifest or use defaults
-const getPaceCoreUtils = () => {
-  if (manifestData && manifestData.utils) {
-    return manifestData.utils;
-  }
-  return ['formatDate', 'formatCurrency', 'formatNumber', 'formatTime', 'formatDateTime', 'cn', 'validateUserInput', 'sanitizeUserInput', 'hasPermission', 'getAppConfig'];
-};
-
-module.exports = {
-  rules: {
-    /**
-     * Block direct imports of libraries wrapped by pace-core
-     */
-    'no-restricted-imports': {
-      meta: {
-        type: 'problem',
-        docs: {
-          description: 'Disallow direct imports of libraries that pace-core wraps',
-          category: 'Best Practices',
-          recommended: true
-        },
-        fixable: 'code',
-        hasSuggestions: true,
-        messages: {
-          restrictedImport: '{{message}} Import from {{alternative}} instead.',
-          restrictedImportWithReason: '{{message}} {{reason}}'
-        }
-      },
-      create(context) {
-        const restrictedImports = getRestrictedImports();
-        const restrictedModules = restrictedImports.map(imp => imp.module);
-        
-        // Also catch @radix-ui/* patterns
-        const radixPattern = /^@radix-ui\//;
-        
-        return {
-          ImportDeclaration(node) {
-            const importSource = node.source.value;
-            
-            // Check exact matches
-            const restricted = restrictedImports.find(imp => imp.module === importSource);
-            if (restricted) {
-              context.report({
-                node: node.source,
-                messageId: 'restrictedImportWithReason',
-                data: {
-                  message: `Direct import of '${importSource}' is not allowed.`,
-                  reason: restricted.reason
-                },
-                suggest: [{
-                  desc: `Use pace-core alternative: ${restricted.reason}`,
-                  fix(fixer) {
-                    // Suggest importing from pace-core instead
-                    const paceCoreAlternative = getPaceCoreAlternative(importSource);
-                    if (paceCoreAlternative) {
-                      return fixer.replaceText(
-                        node.source,
-                        `'@jmruthers/pace-core${paceCoreAlternative}'`
-                      );
-                    }
-                    return null;
-                  }
-                }]
-              });
-              return;
-            }
-            
-            // Check @radix-ui/* pattern
-            if (radixPattern.test(importSource) && !restrictedModules.includes(importSource)) {
-              context.report({
-                node: node.source,
-                messageId: 'restrictedImport',
-                data: {
-                  message: `Direct import of '${importSource}' is not allowed.`,
-                  alternative: '@jmruthers/pace-core'
-                },
-                suggest: [{
-                  desc: 'Use pace-core component instead',
-                  fix(fixer) {
-                    return fixer.replaceText(
-                      node.source,
-                      "'@jmruthers/pace-core'"
-                    );
-                  }
-                }]
-              });
-            }
-          }
-        };
-      }
-    },
-
-    /**
-     * Prefer pace-core components over native HTML elements or custom implementations
-     */
-    'prefer-pace-core-components': {
-      meta: {
-        type: 'suggestion',
-        docs: {
-          description: 'Suggest using pace-core components instead of native HTML elements',
-          category: 'Best Practices',
-          recommended: true
-        },
-        hasSuggestions: true,
-        messages: {
-          preferButton: "Use 'Button' component from '@jmruthers/pace-core' instead of <button>",
-          preferInput: "Use 'Input' component from '@jmruthers/pace-core' instead of <input>",
-          preferTextarea: "Use 'Textarea' component from '@jmruthers/pace-core' instead of <textarea>",
-          preferLabel: "Use 'Label' component from '@jmruthers/pace-core' instead of <label>",
-          preferForm: "Use 'Form' component from '@jmruthers/pace-core' instead of custom form implementation"
-        }
-      },
-      create(context) {
-        const paceCoreComponents = getPaceCoreComponents();
-        
-        return {
-          JSXOpeningElement(node) {
-            const elementName = node.name.name;
-            
-            if (!elementName) return;
-            
-            // Check for native HTML elements that have pace-core alternatives
-            const nativeToPaceCore = {
-              'button': 'Button',
-              'input': 'Input',
-              'textarea': 'Textarea',
-              'label': 'Label'
-            };
-            
-            if (nativeToPaceCore[elementName.toLowerCase()]) {
-              const paceCoreComponent = nativeToPaceCore[elementName.toLowerCase()];
-              if (paceCoreComponents.includes(paceCoreComponent)) {
-                context.report({
-                  node,
-                  messageId: `prefer${paceCoreComponent}`,
-                  suggest: [{
-                    desc: `Import and use ${paceCoreComponent} from pace-core`,
-                    fix(fixer) {
-                      // This is a complex fix, so we'll just report
-                      return null;
-                    }
-                  }]
-                });
-              }
-            }
-          }
-        };
-      }
-    },
-
-    /**
-     * Detect custom hooks that duplicate pace-core functionality
-     */
-    'prefer-pace-core-hooks': {
-      meta: {
-        type: 'suggestion',
-        docs: {
-          description: 'Suggest using pace-core hooks instead of custom implementations',
-          category: 'Best Practices',
-          recommended: true
-        },
-        messages: {
-          preferPaceCoreHook: "Consider using '{{hook}}' from '@jmruthers/pace-core' instead of custom hook '{{customHook}}'"
-        }
-      },
-      create(context) {
-        const paceCoreHooks = getPaceCoreHooks();
-        const hookPatterns = {
-          'useToast': ['useToast', 'useNotification', 'useSnackbar'],
-          'useDebounce': ['useDebounce', 'useDebounced'],
-          'useAuth': ['useAuth', 'useAuthentication', 'useUser'],
-          'useFile': ['useFile', 'useFileUpload', 'useFileReference'],
-          'useForm': ['useForm', 'useZodForm'],
-          'useTable': ['useTable', 'useDataTable']
-        };
-        
-        return {
-          FunctionDeclaration(node) {
-            const functionName = node.id?.name;
-            if (!functionName || !functionName.startsWith('use')) return;
-            
-            // Check if this looks like a hook that pace-core provides
-            for (const [paceCoreHook, patterns] of Object.entries(hookPatterns)) {
-              if (paceCoreHooks.includes(paceCoreHook)) {
-                for (const pattern of patterns) {
-                  if (functionName.toLowerCase().includes(pattern.toLowerCase().replace('use', ''))) {
-                    context.report({
-                      node: node.id,
-                      messageId: 'preferPaceCoreHook',
-                      data: {
-                        hook: paceCoreHook,
-                        customHook: functionName
-                      }
-                    });
-                    return;
-                  }
-                }
-              }
-            }
-          }
-        };
-      }
-    },
-
-    /**
-     * Detect utility functions that duplicate pace-core functionality
-     */
-    'prefer-pace-core-utils': {
-      meta: {
-        type: 'suggestion',
-        docs: {
-          description: 'Suggest using pace-core utilities instead of custom implementations',
-          category: 'Best Practices',
-          recommended: true
-        },
-        messages: {
-          preferPaceCoreUtil: "Consider using '{{util}}' from '@jmruthers/pace-core' instead of custom function '{{customUtil}}'"
-        }
-      },
-      create(context) {
-        const paceCoreUtils = getPaceCoreUtils();
-        const utilPatterns = {
-          'formatDate': ['formatDate', 'formatDateTime', 'dateFormat'],
-          'formatCurrency': ['formatCurrency', 'formatMoney', 'currencyFormat'],
-          'formatNumber': ['formatNumber', 'numberFormat'],
-          'cn': ['cn', 'classNames', 'clsx', 'mergeClasses'],
-          'validateUserInput': ['validate', 'validateInput', 'validateUser'],
-          'sanitizeUserInput': ['sanitize', 'sanitizeInput', 'sanitizeUser']
-        };
-        
-        return {
-          FunctionDeclaration(node) {
-            const functionName = node.id?.name;
-            if (!functionName) return;
-            
-            // Check if this looks like a util that pace-core provides
-            for (const [paceCoreUtil, patterns] of Object.entries(utilPatterns)) {
-              if (paceCoreUtils.includes(paceCoreUtil)) {
-                for (const pattern of patterns) {
-                  if (functionName.toLowerCase().includes(pattern.toLowerCase())) {
-                    context.report({
-                      node: node.id,
-                      messageId: 'preferPaceCoreUtil',
-                      data: {
-                        util: paceCoreUtil,
-                        customUtil: functionName
-                      }
-                    });
-                    return;
-                  }
-                }
-              }
-            }
-          }
-        };
-      }
-    },
-
-    /**
-     * Detect component files with names matching pace-core components
-     */
-    'no-local-component-duplication': {
-      meta: {
-        type: 'problem',
-        docs: {
-          description: 'Disallow local components with names matching pace-core components',
-          category: 'Best Practices',
-          recommended: true
-        },
-        messages: {
-          duplicateComponent: "Component '{{componentName}}' conflicts with pace-core component. Use '@jmruthers/pace-core' instead of creating a local version."
-        }
-      },
-      create(context) {
-        const paceCoreComponents = getPaceCoreComponents();
-        const filename = context.getFilename();
-        
-        // Only check component files (components/, src/components/, etc.)
-        if (!filename.match(/(components|Components)\//)) {
-          return {};
-        }
-        
-        // Extract component name from filename
-        const basename = path.basename(filename, path.extname(filename));
-        const componentName = basename.replace(/\.(test|spec)$/, '');
-        
-        return {
-          Program(node) {
-            // Check if this file exports a component with a name matching pace-core
-            if (paceCoreComponents.includes(componentName)) {
-              // Check if file exports this component
-              const hasExport = node.body.some(stmt => {
-                if (stmt.type === 'ExportNamedDeclaration') {
-                  return stmt.declaration?.id?.name === componentName ||
-                         stmt.specifiers?.some(spec => spec.exported.name === componentName);
-                }
-                if (stmt.type === 'ExportDefaultDeclaration') {
-                  return stmt.declaration?.id?.name === componentName ||
-                         stmt.declaration?.name === componentName;
-                }
-                return false;
-              });
-              
-              if (hasExport) {
-                context.report({
-                  node,
-                  messageId: 'duplicateComponent',
-                  data: {
-                    componentName
-                  }
-                });
-              }
-            }
-          }
-        };
-      }
-    },
-
-    /**
-     * Disallow direct Supabase client creation - must use useSecureSupabase
-     */
-    'no-direct-supabase-client': {
-      meta: {
-        type: 'problem',
-        docs: {
-          description: 'Disallow direct createClient calls from @supabase/supabase-js. Use useSecureSupabase() from pace-core instead to ensure organisation context and RLS policies are enforced.',
-          category: 'Security',
-          recommended: true
-        },
-        messages: {
-          directClientCreation: "Direct Supabase client creation detected. You MUST use useSecureSupabase() from '@jmruthers/pace-core/rbac' instead to ensure organisation context and RLS policies are enforced. This prevents cross-organisation data access.",
-          directClientImport: "Direct import of createClient from @supabase/supabase-js is not allowed. Use useSecureSupabase() from '@jmruthers/pace-core/rbac' instead."
-        },
-        hasSuggestions: true
-      },
-      create(context) {
-        let hasSupabaseImport = false;
-        let createClientImported = false;
-        const filename = context.getFilename();
-        
-        // Allow createClient in specific config files (supabaseClient.ts/js, etc.)
-        const isConfigFile = /(supabase|client)\.(ts|js|tsx|jsx)$/i.test(filename) && 
-                            (filename.includes('supabase') || filename.includes('client'));
-        
-        return {
-          ImportDeclaration(node) {
-            const importSource = node.source.value;
-            
-            // Check for @supabase/supabase-js import
-            if (importSource === '@supabase/supabase-js') {
-              hasSupabaseImport = true;
-              
-              // Check if createClient is imported
-              const hasCreateClient = node.specifiers.some(spec => {
-                if (spec.type === 'ImportSpecifier') {
-                  return spec.imported.name === 'createClient';
-                }
-                if (spec.type === 'ImportNamespaceSpecifier') {
-                  return true; // import * as supabase
-                }
-                return false;
-              });
-              
-              if (hasCreateClient) {
-                createClientImported = true;
-                
-                // Only report if not in a config file
-                if (!isConfigFile) {
-                  context.report({
-                    node: node.source,
-                    messageId: 'directClientImport',
-                    suggest: [{
-                      desc: 'Replace with useSecureSupabase hook',
-                      fix(fixer) {
-                        // Remove the import
-                        return fixer.remove(node);
-                      }
-                    }]
-                  });
-                }
-              }
-            }
-          },
-          
-          CallExpression(node) {
-            // Check for createClient() calls
-            if (node.callee.type === 'Identifier' && node.callee.name === 'createClient') {
-              // Only report if not in a config file
-              if (!isConfigFile) {
-                context.report({
-                  node,
-                  messageId: 'directClientCreation',
-                  suggest: [{
-                    desc: 'Use useSecureSupabase() hook instead',
-                    fix(fixer) {
-                      // This is complex to auto-fix, so we'll just report
-                      return null;
-                    }
-                  }]
-                });
-              }
-            }
-            
-            // Check for supabase.createClient() or similar patterns
-            if (node.callee.type === 'MemberExpression' && 
-                node.callee.property?.name === 'createClient') {
-              if (!isConfigFile) {
-                context.report({
-                  node,
-                  messageId: 'directClientCreation',
-                  suggest: [{
-                    desc: 'Use useSecureSupabase() hook instead',
-                    fix(fixer) {
-                      return null;
-                    }
-                  }]
-                });
-              }
-            }
-          }
-        };
-      }
-    }
-  }
-};
-
-// Helper function to get pace-core alternative for restricted imports
-function getPaceCoreAlternative(importSource) {
-  const alternatives = {
-    '@radix-ui/react-avatar': '/components',
-    '@radix-ui/react-checkbox': '/components',
-    '@radix-ui/react-dialog': '/components',
-    '@radix-ui/react-label': '/components',
-    '@radix-ui/react-switch': '/components',
-    '@radix-ui/react-tabs': '/components',
-    '@radix-ui/react-toast': '/components',
-    '@radix-ui/react-tooltip': '/components',
-    'react-day-picker': '/components',
-    '@tanstack/react-table': '/components',
-    'react-hook-form': '/components',
-    'zod': '/utils'
-  };
-  
-  return alternatives[importSource] || '';
-}
-

package/dist/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useFocusManagement.ts","../src/hooks/useFocusTrap.ts","../src/hooks/useKeyboardShortcuts.ts","../src/hooks/useIsMobile.ts","../src/hooks/useDataTableState.ts","../src/hooks/usePerformanceMonitor.ts","../src/hooks/useFileUrlCache.ts","../src/hooks/useStorage.ts"],"sourcesContent":["\nimport { useRef, useCallback, useEffect } from 'react';\n\n/**\n * Options for the useFocusManagement hook.\n */\nexport interface FocusManagementOptions {\n  trapFocus?: boolean;\n  autoFocus?: boolean;\n  restoreFocus?: boolean;\n  onEscape?: () => void;\n  onFocusFirst?: () => void;\n  onFocusLast?: () => void;\n}\n\n/**\n * Return value of the useFocusManagement hook.\n * Provides focus management utilities for accessible components.\n */\nexport interface FocusManagementReturn {\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  focusRef: React.RefObject<HTMLElement | null>;\n  setFocus: (element: HTMLElement | null) => void;\n  focusFirst: () => void;\n  focusLast: () => void;\n  trapFocus: () => void;\n  releaseFocus: () => void;\n  getFocusableElements: () => HTMLElement[];\n  handleEscape: (callback: () => void) => () => void;\n}\n\n/**\n * Hook for managing focus in accessible components.\n * Provides focus trapping, restoration, and navigation utilities.\n * \n * @param options - Focus management configuration\n * @returns Focus management utilities and refs\n */\nexport function useFocusManagement(options: FocusManagementOptions = {}): FocusManagementReturn {\n  const { \n    trapFocus = false, \n    autoFocus = false, \n    restoreFocus = false,\n    onEscape,\n    onFocusFirst,\n    onFocusLast \n  } = options;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const focusRef = useRef<HTMLElement | null>(null);\n  const previousFocusRef = useRef<HTMLElement | null>(null);\n  const trapFocusActiveRef = useRef<boolean>(false);\n\n  const setFocus = useCallback((element: HTMLElement | null) => {\n    focusRef.current = element;\n    element?.focus();\n  }, []);\n\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    if (!containerRef.current) return [];\n\n    return Array.from(\n      containerRef.current.querySelectorAll<HTMLElement>(\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n      )\n    ).filter((el) => !el.hasAttribute('disabled') && !el.hasAttribute('hidden'));\n  }, []);\n\n  const focusFirst = useCallback(() => {\n    const elements = getFocusableElements();\n    if (elements.length > 0) {\n      setFocus(elements[0]);\n      onFocusFirst?.();\n    }\n  }, [getFocusableElements, setFocus, onFocusFirst]);\n\n  const focusLast = useCallback(() => {\n    const elements = getFocusableElements();\n    if (elements.length > 0) {\n      setFocus(elements[elements.length - 1]);\n      onFocusLast?.();\n    }\n  }, [getFocusableElements, setFocus, onFocusLast]);\n\n  const trapFocusMethod = useCallback(() => {\n    trapFocusActiveRef.current = true;\n  }, []);\n\n  const releaseFocus = useCallback(() => {\n    trapFocusActiveRef.current = false;\n  }, []);\n\n  const handleEscape = useCallback((callback: () => void) => {\n    return () => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === 'Escape') {\n          callback();\n        }\n      };\n\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, []);\n\n  // Handle focus trap\n  useEffect(() => {\n    if (!trapFocus || !containerRef.current) return;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && onEscape) {\n        onEscape();\n        return;\n      }\n\n      if (event.key !== 'Tab') return;\n\n      const elements = getFocusableElements();\n      if (elements.length === 0) return;\n\n      const firstElement = elements[0];\n      const lastElement = elements[elements.length - 1];\n\n      if (event.shiftKey) {\n        if (document.activeElement === firstElement) {\n          event.preventDefault();\n          lastElement.focus();\n        }\n      } else {\n        if (document.activeElement === lastElement) {\n          event.preventDefault();\n          firstElement.focus();\n        }\n      }\n    };\n\n    const current = containerRef.current;\n    current.addEventListener('keydown', handleKeyDown);\n    return () => {\n      current?.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [trapFocus, onEscape, getFocusableElements]);\n\n  // Handle auto focus\n  useEffect(() => {\n    if (autoFocus) {\n      focusFirst();\n    }\n  }, [autoFocus, focusFirst]);\n\n  // Handle focus restoration\n  useEffect(() => {\n    if (!restoreFocus) return;\n\n    previousFocusRef.current = document.activeElement as HTMLElement;\n\n    return () => {\n      if (previousFocusRef.current) {\n        previousFocusRef.current.focus();\n      }\n    };\n  }, [restoreFocus]);\n\n  return {\n    containerRef,\n    focusRef,\n    setFocus,\n    focusFirst,\n    focusLast,\n    trapFocus: trapFocusMethod,\n    releaseFocus,\n    getFocusableElements,\n    handleEscape,\n  };\n}\n","\nimport { useRef, useEffect, useCallback } from 'react';\n\n/**\n * Options for the useFocusTrap hook.\n */\nexport interface FocusTrapOptions {\n  /** Whether the focus trap is active */\n  isActive?: boolean;\n  /** Whether to auto-focus the first element when activated */\n  autoFocus?: boolean;\n  /** Whether to restore focus to the previously focused element when deactivated */\n  restoreFocus?: boolean;\n  /** Callback when Escape key is pressed */\n  onEscape?: () => void;\n  /** Selector for focusable elements (optional override) */\n  focusableSelector?: string;\n}\n\nexport interface FocusTrapReturn {\n  /** Ref to attach to the container element */\n  containerRef: React.RefObject<HTMLElement | null>;\n  /** Focus the first focusable element */\n  focusFirst: () => void;\n  /** Focus the last focusable element */\n  focusLast: () => void;\n  /** Get all focusable elements in the container */\n  getFocusableElements: () => HTMLElement[];\n}\n\nconst DEFAULT_FOCUSABLE_SELECTOR = [\n  'button:not([disabled])',\n  '[href]',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]'\n].join(', ');\n\n/**\n * Hook for creating accessible focus traps\n * Useful for modals, dropdowns, and other overlay components\n */\nexport function useFocusTrap(options: FocusTrapOptions = {}): FocusTrapReturn {\n  const {\n    isActive = false,\n    autoFocus = false,\n    restoreFocus = false,\n    onEscape,\n    focusableSelector = DEFAULT_FOCUSABLE_SELECTOR\n  } = options;\n\n  const containerRef = useRef<HTMLElement>(null);\n  const previouslyFocusedElement = useRef<HTMLElement | null>(null);\n\n  const getFocusableElements = useCallback((): HTMLElement[] => {\n    if (!containerRef.current) return [];\n\n    return Array.from(\n      containerRef.current.querySelectorAll<HTMLElement>(focusableSelector)\n    ).filter((element) => {\n      return (\n        // visible check\n        (!element.hasAttribute('disabled') &&\n        !element.hasAttribute('hidden') && element.offsetParent !== null)\n      );\n    });\n  }, [focusableSelector]);\n\n  const focusFirst = useCallback(() => {\n    const elements = getFocusableElements();\n    if (elements.length > 0) {\n      elements[0].focus();\n    }\n  }, [getFocusableElements]);\n\n  const focusLast = useCallback(() => {\n    const elements = getFocusableElements();\n    if (elements.length > 0) {\n      elements[elements.length - 1].focus();\n    }\n  }, [getFocusableElements]);\n\n  // Handle keyboard events\n  useEffect(() => {\n    if (!isActive || !containerRef.current) return;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // Handle Escape key\n      if (event.key === 'Escape' && onEscape) {\n        onEscape();\n        return;\n      }\n\n      // Handle Tab key for focus trapping\n      if (event.key === 'Tab') {\n        const focusableElements = getFocusableElements();\n        if (focusableElements.length === 0) return;\n\n        const firstElement = focusableElements[0];\n        const lastElement = focusableElements[focusableElements.length - 1];\n\n        if (event.shiftKey) {\n          // Shift + Tab: moving backwards\n          if (document.activeElement === firstElement) {\n            event.preventDefault();\n            lastElement.focus();\n          }\n        } else {\n          // Tab: moving forwards\n          if (document.activeElement === lastElement) {\n            event.preventDefault();\n            firstElement.focus();\n          }\n        }\n      }\n    };\n\n    const container = containerRef.current;\n    container.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      container.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [isActive, onEscape, getFocusableElements]);\n\n  // Handle focus restoration\n  useEffect(() => {\n    if (!isActive) return;\n\n    // Store the previously focused element\n    if (restoreFocus) {\n      previouslyFocusedElement.current = document.activeElement as HTMLElement;\n    }\n\n    // Auto-focus first element if requested\n    if (autoFocus) {\n      const timer = setTimeout(focusFirst, 0);\n      return () => clearTimeout(timer);\n    }\n\n    return () => {\n      // Restore focus when trap is deactivated\n      if (restoreFocus && previouslyFocusedElement.current) {\n        previouslyFocusedElement.current.focus();\n        previouslyFocusedElement.current = null;\n      }\n    };\n  }, [isActive, autoFocus, restoreFocus, focusFirst]);\n\n  return {\n    containerRef,\n    focusFirst,\n    focusLast,\n    getFocusableElements\n  };\n}\n","import { useEffect, useCallback } from 'react';\n\n/**\n * Keyboard shortcut definition.\n * Defines a key combination and its handler function.\n */\nexport interface KeyboardShortcut {\n  /** Key combination (e.g., 'Escape', 'Enter', 'ArrowDown', 'ctrl+s') */\n  key: string;\n  /** Callback function to execute */\n  handler: (event: KeyboardEvent) => void;\n  /** Description for documentation/help */\n  description?: string;\n  /** Whether the shortcut is enabled */\n  enabled?: boolean;\n  /** Prevent default browser behavior */\n  preventDefault?: boolean;\n  /** Stop event propagation */\n  stopPropagation?: boolean;\n}\n\nexport interface KeyboardShortcutsOptions {\n  /** Element to attach listeners to (defaults to document) */\n  element?: HTMLElement | Document;\n  /** Whether shortcuts are globally enabled */\n  enabled?: boolean;\n}\n\n/**\n * Parse key combination string into modifier and key parts\n */\nfunction parseKeyCombo(combo: string) {\n  const parts = combo.toLowerCase().split('+');\n  const key = parts.pop()!;\n  const modifiers = {\n    ctrl: parts.includes('ctrl') || parts.includes('control'),\n    alt: parts.includes('alt'),\n    shift: parts.includes('shift'),\n    meta: parts.includes('meta') || parts.includes('cmd')\n  };\n  return { key, modifiers };\n}\n\n/**\n * Check if event matches the key combination\n */\nfunction matchesKeyCombo(event: KeyboardEvent, combo: string): boolean {\n  const { key, modifiers } = parseKeyCombo(combo);\n  \n  // Check if the main key matches\n  const eventKey = event.key.toLowerCase();\n  const targetKey = key.toLowerCase();\n  \n  if (eventKey !== targetKey) {\n    return false;\n  }\n  \n  // Check modifiers\n  return (\n    event.ctrlKey === modifiers.ctrl &&\n    event.altKey === modifiers.alt &&\n    event.shiftKey === modifiers.shift &&\n    event.metaKey === modifiers.meta\n  );\n}\n\n/**\n * Hook for managing keyboard shortcuts\n * \n * @example\n * ```tsx\n * function MyComponent() {\n *   const shortcuts = [\n *     {\n *       key: 'Escape',\n *       handler: () => setIsOpen(false),\n *       description: 'Close modal'\n *     },\n *     {\n *       key: 'ctrl+s',\n *       handler: (e) => handleSave(),\n *       description: 'Save document',\n *       preventDefault: true\n *     }\n *   ];\n * \n *   useKeyboardShortcuts(shortcuts);\n *   \n *   return <div>Content</div>;\n * }\n * ```\n */\nexport function useKeyboardShortcuts(\n  shortcuts: KeyboardShortcut[],\n  options: KeyboardShortcutsOptions = {}\n): void {\n  const { element = document, enabled = true } = options;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (!enabled) return;\n\n    for (const shortcut of shortcuts) {\n      if (shortcut.enabled === false) continue;\n\n      if (matchesKeyCombo(event, shortcut.key)) {\n        if (shortcut.preventDefault) {\n          event.preventDefault();\n        }\n        if (shortcut.stopPropagation) {\n          event.stopPropagation();\n        }\n        \n        shortcut.handler(event);\n        break; // Only handle first matching shortcut\n      }\n    }\n  }, [shortcuts, enabled]);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    element.addEventListener('keydown', handleKeyDown as EventListener);\n    return () => element.removeEventListener('keydown', handleKeyDown as EventListener);\n  }, [element, enabled, handleKeyDown]);\n}\n\n/**\n * Hook for common accessibility keyboard shortcuts\n */\nexport function useAccessibilityShortcuts(handlers: {\n  onEscape?: () => void;\n  onEnter?: () => void;\n  onSpace?: () => void;\n  onArrowUp?: () => void;\n  onArrowDown?: () => void;\n  onArrowLeft?: () => void;\n  onArrowRight?: () => void;\n  onHome?: () => void;\n  onEnd?: () => void;\n  onTab?: () => void;\n  onShiftTab?: () => void;\n}) {\n  const shortcuts: KeyboardShortcut[] = [];\n\n  if (handlers.onEscape) {\n    shortcuts.push({\n      key: 'Escape',\n      handler: handlers.onEscape,\n      description: 'Escape/Cancel'\n    });\n  }\n\n  if (handlers.onEnter) {\n    shortcuts.push({\n      key: 'Enter',\n      handler: handlers.onEnter,\n      description: 'Activate/Submit'\n    });\n  }\n\n  if (handlers.onSpace) {\n    shortcuts.push({\n      key: ' ',\n      handler: handlers.onSpace,\n      description: 'Activate',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onArrowUp) {\n    shortcuts.push({\n      key: 'ArrowUp',\n      handler: handlers.onArrowUp,\n      description: 'Navigate up',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onArrowDown) {\n    shortcuts.push({\n      key: 'ArrowDown',\n      handler: handlers.onArrowDown,\n      description: 'Navigate down',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onArrowLeft) {\n    shortcuts.push({\n      key: 'ArrowLeft',\n      handler: handlers.onArrowLeft,\n      description: 'Navigate left',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onArrowRight) {\n    shortcuts.push({\n      key: 'ArrowRight',\n      handler: handlers.onArrowRight,\n      description: 'Navigate right',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onHome) {\n    shortcuts.push({\n      key: 'Home',\n      handler: handlers.onHome,\n      description: 'Go to first item',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onEnd) {\n    shortcuts.push({\n      key: 'End',\n      handler: handlers.onEnd,\n      description: 'Go to last item',\n      preventDefault: true\n    });\n  }\n\n  if (handlers.onTab) {\n    shortcuts.push({\n      key: 'Tab',\n      handler: handlers.onTab,\n      description: 'Navigate forward'\n    });\n  }\n\n  if (handlers.onShiftTab) {\n    shortcuts.push({\n      key: 'shift+Tab',\n      handler: handlers.onShiftTab,\n      description: 'Navigate backward'\n    });\n  }\n\n  useKeyboardShortcuts(shortcuts);\n}\n","/**\n * @file useIsMobile Hook\n * @description Hook for detecting mobile viewport using modern matchMedia API\n */\n\nimport { useState, useEffect } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\n/**\n * Hook to detect if the viewport is mobile-sized using matchMedia API.\n * More performant than window resize events.\n * @returns {boolean} True if mobile, false otherwise.\n */\nexport function useIsMobile(): boolean {\n  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    // Handle SSR case\n    if (typeof window === 'undefined') {\n      setIsMobile(false);\n      return;\n    }\n\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    \n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n\n    // Set initial value\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\n    // Add event listener\n    mql.addEventListener('change', onChange);\n\n    // Cleanup\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n","/**\n * @file useDataTableState Hook\n * @description Hook for managing DataTable state\n */\n\nimport { useState, useCallback } from 'react';\nimport type { SortingState, ColumnFiltersState, ExpandedState } from '@tanstack/react-table';\n\nexport interface DataTableState {\n  sorting: SortingState;\n  columnFilters: ColumnFiltersState;\n  expanded: ExpandedState;\n  pageSize: number;\n  pageIndex: number;\n  selectedRows: string[];\n}\n\nexport interface DataTableActions {\n  setSorting: (sorting: SortingState) => void;\n  setColumnFilters: (filters: ColumnFiltersState) => void;\n  setExpanded: (expanded: ExpandedState) => void;\n  setPageSize: (size: number) => void;\n  setPageIndex: (index: number) => void;\n  setSelectedRows: (rows: string[]) => void;\n  resetState: () => void;\n}\n\nexport interface DataTableComputed {\n  paginatedData: any[];\n  totalPages: number;\n  hasNextPage: boolean;\n  hasPreviousPage: boolean;\n}\n\nexport interface UseDataTableStateOptions {\n  initialPageSize?: number;\n  data: any[];\n}\n\n/**\n * Hook for managing DataTable state\n * @param options Configuration options\n * @returns Object containing state, actions, and computed values\n */\nexport function useDataTableState(options: UseDataTableStateOptions) {\n  const { initialPageSize = 10, data } = options;\n\n  // State\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\n  const [expanded, setExpanded] = useState<ExpandedState>({});\n  const [pageSize, setPageSize] = useState(initialPageSize);\n  const [pageIndex, setPageIndex] = useState(0);\n  const [selectedRows, setSelectedRows] = useState<string[]>([]);\n\n  // Actions\n  const resetState = useCallback(() => {\n    setSorting([]);\n    setColumnFilters([]);\n    setExpanded({});\n    setPageSize(initialPageSize);\n    setPageIndex(0);\n    setSelectedRows([]);\n  }, [initialPageSize]);\n\n  // Computed values - React Compiler handles memoization automatically\n  const start = pageIndex * pageSize;\n  const end = start + pageSize;\n  const paginatedData = data.slice(start, end);\n\n  const totalPages = Math.ceil(data.length / pageSize);\n  const hasNextPage = pageIndex < totalPages - 1;\n  const hasPreviousPage = pageIndex > 0;\n\n  return {\n    state: {\n      sorting,\n      columnFilters,\n      expanded,\n      pageSize,\n      pageIndex,\n      selectedRows\n    },\n    actions: {\n      setSorting,\n      setColumnFilters,\n      setExpanded,\n      setPageSize,\n      setPageIndex,\n      setSelectedRows,\n      resetState\n    },\n    computed: {\n      paginatedData,\n      totalPages,\n      hasNextPage,\n      hasPreviousPage\n    }\n  };\n}\n","\nimport { useEffect, useRef, useCallback } from 'react';\nimport { performanceBudgetMonitor, PERFORMANCE_BUDGETS } from '../utils/performance/performanceBudgets';\nimport { createLogger } from '../utils/core/logger';\n\nconst log = createLogger('usePerformanceMonitor');\n\n/**\n * Performance metrics interface.\n * Represents performance measurement data for components or operations.\n */\nexport interface PerformanceMetrics {\n  renderTime: number;\n  componentName: string;\n  timestamp: number;\n}\n\n/**\n * Hook for monitoring component performance with budget validation\n * @param componentName - Name of the component being monitored\n * @param enabled - Whether performance monitoring is enabled\n * @param budgetName - Performance budget to validate against\n */\nexport function usePerformanceMonitor(\n  componentName: string, \n  enabled = import.meta.env.MODE === 'development',\n  budgetName: string = 'COMPONENT_RENDER'\n) {\n  const renderStartTime = useRef<number>(0);\n  const metrics = useRef<PerformanceMetrics[]>([]);\n\n  // Start performance measurement\n  const startMeasurement = useCallback(() => {\n    if (!enabled) return;\n    renderStartTime.current = performance.now();\n  }, [enabled]);\n\n  // End performance measurement with budget validation\n  const endMeasurement = useCallback(() => {\n    if (!enabled || renderStartTime.current === 0) return;\n    \n    const renderTime = performance.now() - renderStartTime.current;\n    const metric: PerformanceMetrics = {\n      renderTime,\n      componentName,\n      timestamp: Date.now()\n    };\n    \n    metrics.current.push(metric);\n    \n    // Keep only last 10 measurements\n    if (metrics.current.length > 10) {\n      metrics.current = metrics.current.slice(-10);\n    }\n    \n    // Validate against performance budget\n    const measurement = performanceBudgetMonitor.measure(budgetName, renderTime, {\n      componentName,\n      renderCount: metrics.current.length\n    });\n    \n    // Log slow renders in development\n    if (!measurement.passed) {\n      log.warn(\n        `Performance budget exceeded in ${componentName}: ${renderTime.toFixed(2)}ms ` +\n        `(budget: ${PERFORMANCE_BUDGETS[budgetName]?.threshold}ms)`\n      );\n    }\n    \n    renderStartTime.current = 0;\n  }, [enabled, componentName, budgetName]);\n\n  // Get performance metrics\n  const getMetrics = useCallback(() => {\n    return metrics.current.slice();\n  }, []);\n\n  // Get average render time\n  const getAverageRenderTime = useCallback(() => {\n    if (metrics.current.length === 0) return 0;\n    \n    const total = metrics.current.reduce((sum, metric) => sum + metric.renderTime, 0);\n    return total / metrics.current.length;\n  }, []);\n\n  // Get performance budget status\n  const getBudgetStatus = useCallback(() => {\n    const budget = PERFORMANCE_BUDGETS[budgetName];\n    if (!budget) return null;\n\n    const averageTime = getAverageRenderTime();\n    return {\n      budget: budget.threshold,\n      average: averageTime,\n      passed: averageTime <= budget.threshold,\n      efficiency: budget.threshold > 0 ? (budget.threshold - averageTime) / budget.threshold : 0\n    };\n  }, [budgetName, getAverageRenderTime]);\n\n  // Start measurement on every render\n  useEffect(() => {\n    startMeasurement();\n    return endMeasurement;\n  });\n\n  return {\n    getMetrics,\n    getAverageRenderTime,\n    getBudgetStatus,\n    startMeasurement,\n    endMeasurement\n  };\n}\n\n// Hook for measuring specific operations\nexport function useOperationPerformance(operationName: string, budgetName?: string) {\n  const measureOperation = useCallback(async <T>(\n    operation: () => Promise<T> | T,\n    context?: Record<string, any>\n  ): Promise<T> => {\n    const start = performance.now();\n    const result = await operation();\n    const duration = performance.now() - start;\n    \n    const budget = budgetName || 'COMPONENT_RENDER';\n    performanceBudgetMonitor.measure(budget, duration, {\n      operation: operationName,\n      ...context\n    });\n    \n    return result;\n  }, [operationName, budgetName]);\n\n  return { measureOperation };\n}\n","/**\n * @file File URL Cache Hook\n * @package @jmruthers/pace-core\n * @module Hooks\n *\n * Centralized caching hook for file URLs to prevent duplicate requests\n * and improve performance across components.\n *\n * Features:\n * - TTL-based caching matching signed URL expiration (3600s)\n * - Automatic cache cleanup\n * - Supports both public and signed URLs\n * - Thread-safe cache operations\n *\n * @example\n * ```tsx\n * import { useFileUrlCache } from '@jmruthers/pace-core';\n *\n * function MyComponent() {\n *   const { getUrl, setUrl, clearCache } = useFileUrlCache();\n *\n *   const url = await getUrl(fileReference, supabase, organisationId);\n *   return <img src={url} alt=\"File\" />;\n * }\n * ```\n */\n\nimport { useRef, useCallback } from 'react';\nimport type { SupabaseClient } from '@supabase/supabase-js';\nimport { FileReference } from '../types/file-reference';\nimport { getPublicUrl, getSignedUrl } from '../utils/storage/helpers';\n\ninterface CachedUrl {\n  url: string;\n  expiresAt: number; // Timestamp in milliseconds\n}\n\n// Global cache shared across all hook instances\nconst globalUrlCache = new Map<string, CachedUrl>();\n\n// Cache size limit to prevent memory leaks\nconst MAX_CACHE_SIZE = 500;\n\n// Default TTL matches signed URL expiration (3600 seconds = 1 hour)\nconst DEFAULT_TTL_MS = 3600 * 1000;\n\n/**\n * Generate cache key from file reference\n */\nfunction getCacheKey(fileReference: FileReference): string {\n  return `file-url:${fileReference.id}:${fileReference.is_public ? 'public' : 'private'}`;\n}\n\n/**\n * Clean up expired entries and enforce size limit\n */\nfunction cleanupCache(): void {\n  const now = Date.now();\n  \n  // Remove expired entries\n  for (const [key, value] of globalUrlCache.entries()) {\n    if (value.expiresAt < now) {\n      globalUrlCache.delete(key);\n    }\n  }\n  \n  // Enforce size limit by removing oldest entries\n  if (globalUrlCache.size > MAX_CACHE_SIZE) {\n    const entries = Array.from(globalUrlCache.entries());\n    // Sort by expiration time (oldest first)\n    entries.sort((a, b) => a[1].expiresAt - b[1].expiresAt);\n    \n    // Remove oldest 20% of entries\n    const toRemove = Math.floor(MAX_CACHE_SIZE * 0.2);\n    for (let i = 0; i < toRemove && i < entries.length; i++) {\n      globalUrlCache.delete(entries[i][0]);\n    }\n  }\n}\n\nexport interface UseFileUrlCacheReturn {\n  /**\n   * Get URL for a file reference, using cache if available\n   * @param fileReference - File reference to get URL for\n   * @param supabase - Supabase client instance\n   * @param organisationId - Organisation ID for signed URLs\n   * @param ttl - Time to live in milliseconds (default: 3600000 = 1 hour)\n   * @returns Promise resolving to URL string or null\n   */\n  getUrl: (\n    fileReference: FileReference,\n    supabase: SupabaseClient,\n    organisationId: string,\n    ttl?: number\n  ) => Promise<string | null>;\n  \n  /**\n   * Set URL in cache\n   * @param fileReference - File reference\n   * @param url - URL to cache\n   * @param ttl - Time to live in milliseconds (default: 3600000 = 1 hour)\n   */\n  setUrl: (fileReference: FileReference, url: string, ttl?: number) => void;\n  \n  /**\n   * Get URL from cache without generating if missing\n   * @param fileReference - File reference\n   * @returns Cached URL or null if not in cache or expired\n   */\n  getCachedUrl: (fileReference: FileReference) => string | null;\n  \n  /**\n   * Clear cache for a specific file reference\n   * @param fileReference - File reference to clear\n   */\n  clearFile: (fileReference: FileReference) => void;\n  \n  /**\n   * Clear all cached URLs\n   */\n  clearCache: () => void;\n  \n  /**\n   * Get cache statistics\n   */\n  getCacheStats: () => { size: number; maxSize: number };\n}\n\n/**\n * Hook for centralized file URL caching\n * \n * This hook provides a shared cache for file URLs across all components,\n * preventing duplicate requests for the same file.\n * \n * @returns Cache operations and utilities\n */\nexport function useFileUrlCache(): UseFileUrlCacheReturn {\n  // Use ref to ensure stable reference across renders\n  const cleanupIntervalRef = useRef<number | null>(null);\n  \n  // Set up periodic cleanup (every 5 minutes)\n  if (cleanupIntervalRef.current === null && typeof window !== 'undefined') {\n    cleanupIntervalRef.current = window.setInterval(() => {\n      cleanupCache();\n    }, 5 * 60 * 1000); // 5 minutes\n  }\n  \n  const getUrl = useCallback(async (\n    fileReference: FileReference,\n    supabase: SupabaseClient,\n    organisationId: string,\n    ttl: number = DEFAULT_TTL_MS\n  ): Promise<string | null> => {\n    const cacheKey = getCacheKey(fileReference);\n    const cached = globalUrlCache.get(cacheKey);\n    const now = Date.now();\n    \n    // Return cached URL if still valid\n    if (cached && cached.expiresAt > now) {\n      return cached.url;\n    }\n    \n    // Generate new URL\n    let url: string | null = null;\n    \n    try {\n      if (fileReference.is_public) {\n        // Public files: generate public URL (synchronous)\n        url = getPublicUrl(supabase, fileReference.file_path, true);\n      } else {\n        // Private files: generate signed URL (async)\n        const signedUrlResult = await getSignedUrl(supabase, fileReference.file_path, {\n          appName: 'pace-core',\n          orgId: organisationId,\n          expiresIn: Math.floor(ttl / 1000) // Convert ms to seconds\n        });\n        url = signedUrlResult?.url || null;\n      }\n      \n      // Cache the URL if generated successfully\n      if (url) {\n        globalUrlCache.set(cacheKey, {\n          url,\n          expiresAt: now + ttl\n        });\n        cleanupCache(); // Clean up after adding\n      }\n      \n      return url;\n    } catch (error) {\n      console.error('Failed to generate file URL:', error);\n      return null;\n    }\n  }, []);\n  \n  const setUrl = useCallback((\n    fileReference: FileReference,\n    url: string,\n    ttl: number = DEFAULT_TTL_MS\n  ): void => {\n    const cacheKey = getCacheKey(fileReference);\n    globalUrlCache.set(cacheKey, {\n      url,\n      expiresAt: Date.now() + ttl\n    });\n    cleanupCache();\n  }, []);\n  \n  const getCachedUrl = useCallback((fileReference: FileReference): string | null => {\n    const cacheKey = getCacheKey(fileReference);\n    const cached = globalUrlCache.get(cacheKey);\n    const now = Date.now();\n    \n    if (cached && cached.expiresAt > now) {\n      return cached.url;\n    }\n    \n    return null;\n  }, []);\n  \n  const clearFile = useCallback((fileReference: FileReference): void => {\n    const cacheKey = getCacheKey(fileReference);\n    globalUrlCache.delete(cacheKey);\n  }, []);\n  \n  const clearCache = useCallback((): void => {\n    globalUrlCache.clear();\n  }, []);\n  \n  const getCacheStats = useCallback(() => {\n    return {\n      size: globalUrlCache.size,\n      maxSize: MAX_CACHE_SIZE\n    };\n  }, []);\n  \n  return {\n    getUrl,\n    setUrl,\n    getCachedUrl,\n    clearFile,\n    clearCache,\n    getCacheStats\n  };\n}\n\n","/**\n * React hook for storage operations\n */\n\nimport { useState, useCallback } from 'react';\nimport { SupabaseClient } from '@supabase/supabase-js';\nimport { \n  StorageUploadOptions, \n  StorageUploadResult, \n  StorageFileInfo,\n  StorageListOptions,\n  StorageListResult,\n  uploadFile,\n  getPublicUrl,\n  getSignedUrl,\n  deleteFile,\n  listFiles,\n  archiveFile\n} from '../utils/storage';\nimport { createLogger } from '../utils/core/logger';\n\nconst log = createLogger('useStorage');\n\nexport interface UseStorageOptions {\n  supabase: SupabaseClient;\n  appName: string;\n  orgId: string;\n}\n\n/**\n * Return value of the useStorage hook.\n * Provides storage operations including upload, URL generation, file management, and listing.\n */\nexport interface UseStorageReturn {\n  // Upload\n  uploadFile: (file: File, options?: Partial<StorageUploadOptions>) => Promise<StorageUploadResult>;\n  isUploading: boolean;\n  uploadError: string | null;\n  \n  // URLs\n  getPublicUrl: (path: string) => string;\n  getSignedUrl: (path: string, expiresIn?: number) => Promise<string | null>;\n  getFileUrl: (path: string) => string; // Alias for getPublicUrl\n  \n  // File management\n  deleteFile: (path: string) => Promise<{ success: boolean; error?: string }>;\n  archiveFile: (path: string) => Promise<{ success: boolean; error?: string }>;\n  \n  // Listing\n  listFiles: (options?: Partial<StorageListOptions>) => Promise<StorageListResult>;\n  isListing: boolean;\n  listError: string | null;\n  isLoading: boolean; // Alias for isListing\n  error: string | null; // Alias for listError\n  \n  // State\n  files: StorageFileInfo[];\n  refreshFiles: () => Promise<void>;\n}\n\n/**\n * Hook for storage operations with app and organisation context\n */\nexport function useStorage({ supabase, appName, orgId }: UseStorageOptions): UseStorageReturn {\n  const [isUploading, setIsUploading] = useState(false);\n  const [uploadError, setUploadError] = useState<string | null>(null);\n  const [isListing, setIsListing] = useState(false);\n  const [listError, setListError] = useState<string | null>(null);\n  const [files, setFiles] = useState<StorageFileInfo[]>([]);\n\n  // Upload file\n  const handleUploadFile = useCallback(async (\n    file: File, \n    options: Partial<StorageUploadOptions> = {}\n  ): Promise<StorageUploadResult> => {\n    setIsUploading(true);\n    setUploadError(null);\n\n    try {\n      const uploadOptions: StorageUploadOptions = {\n        appName,\n        orgId,\n        isPublic: false,\n        ...options\n      };\n\n      const result = await uploadFile(supabase, file, uploadOptions);\n      \n      if (result.success) {\n        // Refresh file list\n        await refreshFiles();\n      } else {\n        setUploadError(result.error || 'Upload failed');\n      }\n\n      return result;\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : 'Upload failed';\n      setUploadError(errorMessage);\n      return {\n        success: false,\n        error: errorMessage\n      };\n    } finally {\n      setIsUploading(false);\n    }\n  }, [supabase, appName, orgId]);\n\n  // Get public URL\n  const handleGetPublicUrl = useCallback((path: string): string => {\n    return getPublicUrl(supabase, path);\n  }, [supabase]);\n\n  // Get signed URL\n  const handleGetSignedUrl = useCallback(async (\n    path: string, \n    expiresIn?: number\n  ): Promise<string | null> => {\n    try {\n      const result = await getSignedUrl(supabase, path, {\n        appName,\n        orgId,\n        expiresIn\n      });\n      return result?.url || null;\n    } catch (error) {\n      log.error('Failed to get signed URL:', error);\n      return null;\n    }\n  }, [supabase, appName, orgId]);\n\n  // Delete file\n  const handleDeleteFile = useCallback(async (path: string) => {\n    try {\n      const result = await deleteFile(supabase, path);\n      if (result.success) {\n        await refreshFiles();\n      }\n      return result;\n    } catch (error) {\n      return {\n        success: false,\n        error: error instanceof Error ? error.message : 'Delete failed'\n      };\n    }\n  }, [supabase]);\n\n  // Archive file\n  const handleArchiveFile = useCallback(async (path: string) => {\n    try {\n      const result = await archiveFile(supabase, path, { appName, orgId });\n      if (result.success) {\n        await refreshFiles();\n      }\n      return result;\n    } catch (error) {\n      return {\n        success: false,\n        error: error instanceof Error ? error.message : 'Archive failed'\n      };\n    }\n  }, [supabase, appName, orgId]);\n\n  // List files\n  const handleListFiles = useCallback(async (\n    options: Partial<StorageListOptions> = {}\n  ): Promise<StorageListResult> => {\n    setIsListing(true);\n    setListError(null);\n\n    try {\n      const listOptions: StorageListOptions = {\n        appName,\n        orgId,\n        ...options\n      };\n\n      const result = await listFiles(supabase, listOptions);\n      setFiles(result.files);\n      return result;\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : 'List failed';\n      setListError(errorMessage);\n      return { files: [], totalCount: 0, hasMore: false };\n    } finally {\n      setIsListing(false);\n    }\n  }, [supabase, appName, orgId]);\n\n  // Refresh files\n  const refreshFiles = useCallback(async () => {\n    await handleListFiles();\n  }, [handleListFiles]);\n\n  return {\n    // Upload\n    uploadFile: handleUploadFile,\n    isUploading,\n    uploadError,\n    \n    // URLs\n    getPublicUrl: handleGetPublicUrl,\n    getSignedUrl: handleGetSignedUrl,\n    getFileUrl: handleGetPublicUrl, // Alias for getPublicUrl\n    \n    // File management\n    deleteFile: handleDeleteFile,\n    archiveFile: handleArchiveFile,\n    \n    // Listing\n    listFiles: handleListFiles,\n    isListing,\n    listError,\n    isLoading: isListing, // Alias for isListing\n    error: listError, // Alias for listError\n    \n    // State\n    files,\n    refreshFiles\n  };\n}\n\n/**\n * Hook for file upload with progress tracking\n */\nexport function useFileUpload({ supabase, appName, orgId }: UseStorageOptions) {\n  const [uploadProgress, setUploadProgress] = useState(0);\n  const [isUploading, setIsUploading] = useState(false);\n  const [uploadError, setUploadError] = useState<string | null>(null);\n\n  const uploadWithProgress = useCallback(async (\n    file: File,\n    options: Partial<StorageUploadOptions> = {}\n  ): Promise<StorageUploadResult> => {\n    setIsUploading(true);\n    setUploadProgress(0);\n    setUploadError(null);\n\n    try {\n      // Simulate progress (Supabase doesn't provide real progress)\n      const progressInterval = setInterval(() => {\n        setUploadProgress(prev => Math.min(prev + 10, 90));\n      }, 100);\n\n      const uploadOptions: StorageUploadOptions = {\n        appName,\n        orgId,\n        isPublic: false,\n        ...options\n      };\n\n      const result = await uploadFile(supabase, file, uploadOptions);\n      \n      clearInterval(progressInterval);\n      setUploadProgress(100);\n\n      if (!result.success) {\n        setUploadError(result.error || 'Upload failed');\n      }\n\n      return result;\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : 'Upload failed';\n      setUploadError(errorMessage);\n      return {\n        success: false,\n        error: errorMessage\n      };\n    } finally {\n      setIsUploading(false);\n      setTimeout(() => setUploadProgress(0), 1000);\n    }\n  }, [supabase, appName, orgId]);\n\n  return {\n    uploadWithProgress,\n    uploadProgress,\n    isUploading,\n    uploadError\n  };\n}\n"],"mappings":"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","names":["useRef","useEffect","useCallback","useEffect","useCallback","useEffect","useState","useCallback","useEffect","useRef","useCallback","useRef","useCallback","useEffect","useRef","useCallback","useRef","useCallback","useState","useCallback","log","useState","useCallback"]}