@object-ui/react 3.3.0 → 3.3.1

package/src/hooks/__tests__/useDebugMode.test.ts

@@ -1,83 +0,0 @@
-/**
- * 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 { describe, it, expect, vi, afterEach } from 'vitest';
-import { renderHook, act } from '@testing-library/react';
-import { useDebugMode } from '../useDebugMode';
-
-describe('useDebugMode', () => {
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  it('defaults to disabled when no URL params are present', () => {
-    const { result } = renderHook(() => useDebugMode());
-    expect(result.current.enabled).toBe(false);
-    expect(result.current.flags.enabled).toBe(false);
-  });
-
-  it('provides toggle function', () => {
-    const { result } = renderHook(() => useDebugMode());
-    expect(typeof result.current.toggle).toBe('function');
-  });
-
-  it('toggles enabled state on toggle()', () => {
-    const { result } = renderHook(() => useDebugMode());
-    expect(result.current.enabled).toBe(false);
-
-    act(() => {
-      result.current.toggle();
-    });
-    expect(result.current.enabled).toBe(true);
-
-    act(() => {
-      result.current.toggle();
-    });
-    expect(result.current.enabled).toBe(false);
-  });
-
-  it('setEnabled explicitly sets the state', () => {
-    const { result } = renderHook(() => useDebugMode());
-
-    act(() => {
-      result.current.setEnabled(true);
-    });
-    expect(result.current.enabled).toBe(true);
-
-    act(() => {
-      result.current.setEnabled(false);
-    });
-    expect(result.current.enabled).toBe(false);
-  });
-
-  it('responds to Ctrl+Shift+D keyboard shortcut', () => {
-    const { result } = renderHook(() => useDebugMode());
-    expect(result.current.enabled).toBe(false);
-
-    act(() => {
-      const event = new KeyboardEvent('keydown', {
-        key: 'D',
-        ctrlKey: true,
-        shiftKey: true,
-        bubbles: true,
-      });
-      document.dispatchEvent(event);
-    });
-
-    expect(result.current.enabled).toBe(true);
-  });
-
-  it('flags reflect enabled state', () => {
-    const { result } = renderHook(() => useDebugMode());
-
-    act(() => {
-      result.current.setEnabled(true);
-    });
-    expect(result.current.flags.enabled).toBe(true);
-  });
-});

package/src/hooks/__tests__/useDensityMode.test.ts

@@ -1,81 +0,0 @@
-/**
- * Tests for useDensityMode hook
- */
-import { describe, it, expect } from 'vitest';
-import { renderHook, act } from '@testing-library/react';
-import { useDensityMode } from '../useDensityMode';
-
-describe('useDensityMode', () => {
-  it('defaults to comfortable mode', () => {
-    const { result } = renderHook(() => useDensityMode());
-    expect(result.current.mode).toBe('comfortable');
-  });
-
-  it('accepts initial mode', () => {
-    const { result } = renderHook(() => useDensityMode('compact'));
-    expect(result.current.mode).toBe('compact');
-  });
-
-  it('provides correct row height for compact', () => {
-    const { result } = renderHook(() => useDensityMode('compact'));
-    expect(result.current.rowHeight).toBe(32);
-  });
-
-  it('provides correct row height for comfortable', () => {
-    const { result } = renderHook(() => useDensityMode('comfortable'));
-    expect(result.current.rowHeight).toBe(40);
-  });
-
-  it('provides correct row height for spacious', () => {
-    const { result } = renderHook(() => useDensityMode('spacious'));
-    expect(result.current.rowHeight).toBe(52);
-  });
-
-  it('provides padding classes', () => {
-    const { result } = renderHook(() => useDensityMode('compact'));
-    expect(result.current.paddingClass).toContain('py-1');
-    expect(result.current.paddingClass).toContain('px-2');
-  });
-
-  it('provides font size classes', () => {
-    const { result } = renderHook(() => useDensityMode('compact'));
-    expect(result.current.fontSizeClass).toBe('text-xs');
-  });
-
-  it('cycles through modes', () => {
-    const { result } = renderHook(() => useDensityMode('compact'));
-
-    act(() => {
-      result.current.cycle();
-    });
-    expect(result.current.mode).toBe('comfortable');
-
-    act(() => {
-      result.current.cycle();
-    });
-    expect(result.current.mode).toBe('spacious');
-
-    act(() => {
-      result.current.cycle();
-    });
-    expect(result.current.mode).toBe('compact');
-  });
-
-  it('allows setting mode directly', () => {
-    const { result } = renderHook(() => useDensityMode());
-
-    act(() => {
-      result.current.setMode('spacious');
-    });
-    expect(result.current.mode).toBe('spacious');
-  });
-
-  it('accepts custom row heights', () => {
-    const { result } = renderHook(() =>
-      useDensityMode('compact', {
-        rowHeights: { compact: 24, comfortable: 36, spacious: 48 },
-      })
-    );
-    expect(result.current.rowHeight).toBe(24);
-  });
-});

package/src/hooks/__tests__/useDiscovery.test.tsx

@@ -1,247 +0,0 @@
-/**
- * Tests for useDiscovery hook
- */
-
-import React from 'react';
-import { describe, it, expect, vi } from 'vitest';
-import { renderHook, waitFor } from '@testing-library/react';
-import { useDiscovery } from '../useDiscovery';
-import { SchemaRendererContext } from '../../context/SchemaRendererContext';
-
-function createWrapper(dataSource: any) {
-  return ({ children }: { children: React.ReactNode }) =>
-    React.createElement(
-      SchemaRendererContext.Provider,
-      { value: { dataSource } },
-      children,
-    );
-}
-
-describe('useDiscovery', () => {
-  it('returns isLoading false and null discovery when no context is provided', async () => {
-    const { result } = renderHook(() => useDiscovery());
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.discovery).toBeNull();
-    expect(result.current.error).toBeNull();
-  });
-
-  it('returns isLoading false and null discovery when dataSource has no getDiscovery method', async () => {
-    const dataSource = { someOtherMethod: vi.fn() };
-
-    const { result } = renderHook(() => useDiscovery(), {
-      wrapper: createWrapper(dataSource),
-    });
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.discovery).toBeNull();
-    expect(result.current.error).toBeNull();
-  });
-
-  it('successfully fetches discovery data from dataSource.getDiscovery()', async () => {
-    const discoveryData = {
-      name: 'test-server',
-      version: '1.0.0',
-      services: {
-        auth: { enabled: true, status: 'available' as const },
-        data: { enabled: true, status: 'available' as const },
-      },
-    };
-
-    const dataSource = {
-      getDiscovery: vi.fn().mockResolvedValue(discoveryData),
-    };
-
-    const { result } = renderHook(() => useDiscovery(), {
-      wrapper: createWrapper(dataSource),
-    });
-
-    expect(result.current.isLoading).toBe(true);
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.discovery).toEqual(discoveryData);
-    expect(result.current.error).toBeNull();
-    expect(dataSource.getDiscovery).toHaveBeenCalled();
-  });
-
-  it('handles errors from getDiscovery gracefully', async () => {
-    const dataSource = {
-      getDiscovery: vi.fn().mockRejectedValue(new Error('Network error')),
-    };
-
-    const { result } = renderHook(() => useDiscovery(), {
-      wrapper: createWrapper(dataSource),
-    });
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.discovery).toBeNull();
-    expect(result.current.error?.message).toBe('Network error');
-  });
-
-  it('isAuthEnabled defaults to true when no discovery', async () => {
-    const { result } = renderHook(() => useDiscovery());
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.isAuthEnabled).toBe(true);
-  });
-
-  it('isAuthEnabled reflects the auth service enabled state', async () => {
-    const discoveryData = {
-      services: {
-        auth: { enabled: false },
-      },
-    };
-
-    const dataSource = {
-      getDiscovery: vi.fn().mockResolvedValue(discoveryData),
-    };
-
-    const { result } = renderHook(() => useDiscovery(), {
-      wrapper: createWrapper(dataSource),
-    });
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.isAuthEnabled).toBe(false);
-  });
-
-  it('isAiEnabled defaults to false when no discovery', async () => {
-    const { result } = renderHook(() => useDiscovery());
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.isAiEnabled).toBe(false);
-  });
-
-  it('isAiEnabled is true when ai service is enabled and available', async () => {
-    const discoveryData = {
-      services: {
-        ai: { enabled: true, status: 'available' as const, route: '/api/v1/ai' },
-      },
-    };
-
-    const dataSource = {
-      getDiscovery: vi.fn().mockResolvedValue(discoveryData),
-    };
-
-    const { result } = renderHook(() => useDiscovery(), {
-      wrapper: createWrapper(dataSource),
-    });
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.isAiEnabled).toBe(true);
-  });
-
-  it('isAiEnabled is false when ai service is enabled but unavailable', async () => {
-    const discoveryData = {
-      services: {
-        ai: { enabled: true, status: 'unavailable' as const },
-      },
-    };
-
-    const dataSource = {
-      getDiscovery: vi.fn().mockResolvedValue(discoveryData),
-    };
-
-    const { result } = renderHook(() => useDiscovery(), {
-      wrapper: createWrapper(dataSource),
-    });
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.isAiEnabled).toBe(false);
-  });
-
-  it('isAiEnabled is false when ai service is disabled', async () => {
-    const discoveryData = {
-      services: {
-        ai: { enabled: false, status: 'available' as const },
-      },
-    };
-
-    const dataSource = {
-      getDiscovery: vi.fn().mockResolvedValue(discoveryData),
-    };
-
-    const { result } = renderHook(() => useDiscovery(), {
-      wrapper: createWrapper(dataSource),
-    });
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.isAiEnabled).toBe(false);
-  });
-
-  it('isAiEnabled is false when ai service has no status', async () => {
-    const discoveryData = {
-      services: {
-        ai: { enabled: true },
-      },
-    };
-
-    const dataSource = {
-      getDiscovery: vi.fn().mockResolvedValue(discoveryData),
-    };
-
-    const { result } = renderHook(() => useDiscovery(), {
-      wrapper: createWrapper(dataSource),
-    });
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.isAiEnabled).toBe(false);
-  });
-
-  it('cleans up on unmount (cancelled flag)', async () => {
-    let resolveDiscovery: (value: any) => void;
-    const discoveryPromise = new Promise((resolve) => {
-      resolveDiscovery = resolve;
-    });
-
-    const dataSource = {
-      getDiscovery: vi.fn().mockReturnValue(discoveryPromise),
-    };
-
-    const { result, unmount } = renderHook(() => useDiscovery(), {
-      wrapper: createWrapper(dataSource),
-    });
-
-    expect(result.current.isLoading).toBe(true);
-
-    unmount();
-
-    // Resolve after unmount — state should not update
-    resolveDiscovery!({ name: 'late-response' });
-
-    // Discovery should remain null since the component was unmounted
-    expect(result.current.discovery).toBeNull();
-  });
-});

package/src/hooks/__tests__/useDynamicApp.test.ts

@@ -1,161 +0,0 @@
-/**
- * Tests for useDynamicApp hook
- */
-
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { renderHook, waitFor, act } from '@testing-library/react';
-import { useDynamicApp } from '../useDynamicApp';
-
-describe('useDynamicApp', () => {
-  const staticConfig = {
-    name: 'crm',
-    label: 'CRM App',
-    objects: ['contact', 'account'],
-  };
-
-  it('returns static config when no adapter is provided', () => {
-    const { result } = renderHook(() =>
-      useDynamicApp({ appId: 'crm', staticConfig }),
-    );
-
-    expect(result.current.config).toEqual(staticConfig);
-    expect(result.current.isLoading).toBe(false);
-    expect(result.current.isServerConfig).toBe(false);
-  });
-
-  it('returns null config when neither adapter nor static config provided', () => {
-    const { result } = renderHook(() =>
-      useDynamicApp({ appId: 'crm' }),
-    );
-
-    expect(result.current.config).toBeNull();
-    expect(result.current.isLoading).toBe(false);
-  });
-
-  it('loads config from server adapter', async () => {
-    const serverConfig = { name: 'crm', label: 'CRM (Server)', objects: ['contact'] };
-    const adapter = {
-      getApp: vi.fn().mockResolvedValue(serverConfig),
-    };
-
-    const { result } = renderHook(() =>
-      useDynamicApp({ appId: 'crm', staticConfig, adapter }),
-    );
-
-    // Initially loading
-    expect(result.current.isLoading).toBe(true);
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.config).toEqual(serverConfig);
-    expect(result.current.isServerConfig).toBe(true);
-    expect(adapter.getApp).toHaveBeenCalledWith('crm');
-  });
-
-  it('falls back to static config when server returns null', async () => {
-    const adapter = {
-      getApp: vi.fn().mockResolvedValue(null),
-    };
-
-    const { result } = renderHook(() =>
-      useDynamicApp({ appId: 'crm', staticConfig, adapter }),
-    );
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.config).toEqual(staticConfig);
-    expect(result.current.isServerConfig).toBe(false);
-  });
-
-  it('falls back to static config on server error', async () => {
-    const adapter = {
-      getApp: vi.fn().mockRejectedValue(new Error('Network error')),
-    };
-
-    const { result } = renderHook(() =>
-      useDynamicApp({ appId: 'crm', staticConfig, adapter }),
-    );
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect(result.current.config).toEqual(staticConfig);
-    expect(result.current.isServerConfig).toBe(false);
-    expect(result.current.error?.message).toBe('Network error');
-  });
-
-  it('skips loading when enabled is false', () => {
-    const adapter = {
-      getApp: vi.fn(),
-    };
-
-    const { result } = renderHook(() =>
-      useDynamicApp({ appId: 'crm', staticConfig, adapter, enabled: false }),
-    );
-
-    expect(result.current.config).toEqual(staticConfig);
-    expect(result.current.isLoading).toBe(false);
-    expect(adapter.getApp).not.toHaveBeenCalled();
-  });
-
-  it('refresh invalidates cache and re-fetches', async () => {
-    let callCount = 0;
-    const adapter = {
-      getApp: vi.fn().mockImplementation(async () => {
-        callCount++;
-        return { name: 'crm', version: callCount };
-      }),
-      invalidateCache: vi.fn(),
-    };
-
-    const { result } = renderHook(() =>
-      useDynamicApp({ appId: 'crm', adapter }),
-    );
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect((result.current.config as any).version).toBe(1);
-
-    await act(async () => {
-      await result.current.refresh();
-    });
-
-    expect(adapter.invalidateCache).toHaveBeenCalledWith('app:crm');
-    expect((result.current.config as any).version).toBe(2);
-  });
-
-  it('reloads when appId changes', async () => {
-    const adapter = {
-      getApp: vi.fn().mockImplementation(async (appId: string) => {
-        return { name: appId };
-      }),
-    };
-
-    const { result, rerender } = renderHook(
-      ({ appId }: { appId: string }) =>
-        useDynamicApp({ appId, adapter }),
-      { initialProps: { appId: 'crm' } },
-    );
-
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    expect((result.current.config as any).name).toBe('crm');
-
-    rerender({ appId: 'erp' });
-
-    await waitFor(() => {
-      expect((result.current.config as any).name).toBe('erp');
-    });
-
-    expect(adapter.getApp).toHaveBeenCalledWith('erp');
-  });
-});