@object-ui/plugin-list 3.1.5 → 3.3.1

package/src/__tests__/Export.test.tsx

@@ -1,175 +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, beforeEach } from 'vitest';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { ListView } from '../ListView';
-import type { ListViewSchema } from '@object-ui/types';
-import { SchemaRendererProvider } from '@object-ui/react';
-
-// Mock URL.createObjectURL and revokeObjectURL
-const mockCreateObjectURL = vi.fn().mockReturnValue('blob:test');
-const mockRevokeObjectURL = vi.fn();
-Object.defineProperty(URL, 'createObjectURL', { value: mockCreateObjectURL, writable: true });
-Object.defineProperty(URL, 'revokeObjectURL', { value: mockRevokeObjectURL, writable: true });
-
-const mockDataSource = {
-  find: vi.fn().mockResolvedValue([]),
-  findOne: vi.fn(),
-  create: vi.fn(),
-  update: vi.fn(),
-  delete: vi.fn(),
-};
-
-const renderWithProvider = (component: React.ReactNode) => {
-  return render(
-    <SchemaRendererProvider dataSource={mockDataSource}>
-      {component}
-    </SchemaRendererProvider>
-  );
-};
-
-describe('ListView Export', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('should render export button with configured formats', () => {
-    const schema: ListViewSchema = {
-      type: 'list-view',
-      objectName: 'contacts',
-      viewType: 'grid',
-      fields: ['name', 'email'],
-      exportOptions: {
-        formats: ['csv', 'json'],
-      },
-    };
-
-    renderWithProvider(<ListView schema={schema} />);
-    const exportButton = screen.getByRole('button', { name: /export/i });
-    expect(exportButton).toBeInTheDocument();
-  });
-
-  it('should render export button with spec string[] format', () => {
-    const schema: ListViewSchema = {
-      type: 'list-view',
-      objectName: 'contacts',
-      viewType: 'grid',
-      fields: ['name', 'email'],
-      exportOptions: ['csv', 'xlsx'],
-    };
-
-    renderWithProvider(<ListView schema={schema} />);
-    const exportButton = screen.getByRole('button', { name: /export/i });
-    expect(exportButton).toBeInTheDocument();
-
-    // Click to open the popover and verify formats
-    fireEvent.click(exportButton);
-    expect(screen.getByRole('button', { name: /export as csv/i })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: /export as xlsx/i })).toBeInTheDocument();
-  });
-
-  it('should handle export with complex object fields in CSV safely', async () => {
-    const mockItems = [
-      { id: '1', name: 'Alice', tags: ['admin', 'user'], metadata: { role: 'lead' } },
-      { id: '2', name: 'Bob', tags: ['user'], metadata: null },
-    ];
-    mockDataSource.find.mockResolvedValue(mockItems);
-
-    const schema: ListViewSchema = {
-      type: 'list-view',
-      objectName: 'contacts',
-      viewType: 'grid',
-      fields: ['name', 'tags', 'metadata'],
-      exportOptions: {
-        formats: ['csv'],
-      },
-    };
-
-    renderWithProvider(<ListView schema={schema} dataSource={mockDataSource} />);
-
-    // Wait for data to load
-    await vi.waitFor(() => {
-      expect(screen.getByTestId('record-count-bar')).toBeInTheDocument();
-    });
-
-    // Click export button
-    const exportButton = screen.getByRole('button', { name: /export/i });
-    fireEvent.click(exportButton);
-
-    // Click CSV format
-    const csvButton = screen.getByRole('button', { name: /export as csv/i });
-
-    // Mock createElement and click
-    const mockClick = vi.fn();
-    const originalCreateElement = document.createElement.bind(document);
-    vi.spyOn(document, 'createElement').mockImplementation((tag: string) => {
-      const el = originalCreateElement(tag);
-      if (tag === 'a') {
-        el.click = mockClick;
-      }
-      return el;
-    });
-
-    fireEvent.click(csvButton);
-    expect(mockCreateObjectURL).toHaveBeenCalled();
-
-    // Verify the blob content includes safe serialization
-    const blobArg = mockCreateObjectURL.mock.calls[0]?.[0];
-    if (blobArg instanceof Blob) {
-      const text = await blobArg.text();
-      // Headers
-      expect(text).toContain('name,tags,metadata');
-      // Array should be serialized as semicolon-separated, not raw
-      expect(text).toContain('admin; user');
-      // Object should be JSON-serialized (CSV-escaped with doubled quotes)
-      expect(text).toContain('{""role"":""lead""}');
-    }
-  });
-
-  it('should handle export with JSON format', async () => {
-    const mockItems = [
-      { id: '1', name: 'Alice', email: 'alice@test.com' },
-    ];
-    mockDataSource.find.mockResolvedValue(mockItems);
-
-    const schema: ListViewSchema = {
-      type: 'list-view',
-      objectName: 'contacts',
-      viewType: 'grid',
-      fields: ['name', 'email'],
-      exportOptions: {
-        formats: ['json'],
-      },
-    };
-
-    renderWithProvider(<ListView schema={schema} dataSource={mockDataSource} />);
-
-    await vi.waitFor(() => {
-      expect(screen.getByTestId('record-count-bar')).toBeInTheDocument();
-    });
-
-    const exportButton = screen.getByRole('button', { name: /export/i });
-    fireEvent.click(exportButton);
-
-    const jsonButton = screen.getByRole('button', { name: /export as json/i });
-
-    const mockClick = vi.fn();
-    const originalCreateElement = document.createElement.bind(document);
-    vi.spyOn(document, 'createElement').mockImplementation((tag: string) => {
-      const el = originalCreateElement(tag);
-      if (tag === 'a') {
-        el.click = mockClick;
-      }
-      return el;
-    });
-
-    fireEvent.click(jsonButton);
-    expect(mockCreateObjectURL).toHaveBeenCalled();
-  });
-});

package/src/__tests__/FilterNormalization.test.ts

@@ -1,162 +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 } from 'vitest';
-import { normalizeFilterCondition, normalizeFilters } from '../ListView';
-
-describe('normalizeFilterCondition', () => {
-  // =========================================================================
-  // `in` operator normalization
-  // =========================================================================
-  describe('in operator', () => {
-    it('converts single-value `in` to `=`', () => {
-      expect(normalizeFilterCondition(['status', 'in', ['active']])).toEqual(
-        ['status', '=', 'active'],
-      );
-    });
-
-    it('converts multi-value `in` to `or` of `=`', () => {
-      expect(normalizeFilterCondition(['status', 'in', ['active', 'pending']])).toEqual(
-        ['or', ['status', '=', 'active'], ['status', '=', 'pending']],
-      );
-    });
-
-    it('returns empty array for empty `in` values', () => {
-      expect(normalizeFilterCondition(['status', 'in', []])).toEqual([]);
-    });
-
-    it('handles numeric values in `in`', () => {
-      expect(normalizeFilterCondition(['priority', 'in', [1, 2, 3]])).toEqual(
-        ['or', ['priority', '=', 1], ['priority', '=', 2], ['priority', '=', 3]],
-      );
-    });
-
-    it('handles boolean values in `in`', () => {
-      expect(normalizeFilterCondition(['is_active', 'in', [true]])).toEqual(
-        ['is_active', '=', true],
-      );
-    });
-  });
-
-  // =========================================================================
-  // `not in` operator normalization
-  // =========================================================================
-  describe('not in operator', () => {
-    it('converts single-value `not in` to `!=`', () => {
-      expect(normalizeFilterCondition(['status', 'not in', ['closed']])).toEqual(
-        ['status', '!=', 'closed'],
-      );
-    });
-
-    it('converts multi-value `not in` to `and` of `!=`', () => {
-      expect(normalizeFilterCondition(['status', 'not in', ['closed', 'archived']])).toEqual(
-        ['and', ['status', '!=', 'closed'], ['status', '!=', 'archived']],
-      );
-    });
-
-    it('returns empty array for empty `not in` values', () => {
-      expect(normalizeFilterCondition(['status', 'not in', []])).toEqual([]);
-    });
-  });
-
-  // =========================================================================
-  // Passthrough for non-in operators
-  // =========================================================================
-  describe('passthrough', () => {
-    it('passes through `=` operator unchanged', () => {
-      expect(normalizeFilterCondition(['name', '=', 'Alice'])).toEqual(
-        ['name', '=', 'Alice'],
-      );
-    });
-
-    it('passes through `!=` operator unchanged', () => {
-      expect(normalizeFilterCondition(['status', '!=', null])).toEqual(
-        ['status', '!=', null],
-      );
-    });
-
-    it('passes through `>` operator unchanged', () => {
-      expect(normalizeFilterCondition(['amount', '>', 100])).toEqual(
-        ['amount', '>', 100],
-      );
-    });
-
-    it('passes through `contains` operator unchanged', () => {
-      expect(normalizeFilterCondition(['name', 'contains', 'test'])).toEqual(
-        ['name', 'contains', 'test'],
-      );
-    });
-  });
-
-  // =========================================================================
-  // Logical group recursion
-  // =========================================================================
-  describe('logical groups', () => {
-    it('recursively normalizes `and` groups', () => {
-      const input = ['and', ['status', 'in', ['a', 'b']], ['name', '=', 'Alice']];
-      expect(normalizeFilterCondition(input)).toEqual(
-        ['and', ['or', ['status', '=', 'a'], ['status', '=', 'b']], ['name', '=', 'Alice']],
-      );
-    });
-
-    it('recursively normalizes `or` groups', () => {
-      const input = ['or', ['priority', 'in', [1, 2]], ['status', '=', 'active']];
-      expect(normalizeFilterCondition(input)).toEqual(
-        ['or', ['or', ['priority', '=', 1], ['priority', '=', 2]], ['status', '=', 'active']],
-      );
-    });
-  });
-
-  // =========================================================================
-  // Edge cases
-  // =========================================================================
-  describe('edge cases', () => {
-    it('handles non-array input gracefully', () => {
-      expect(normalizeFilterCondition([] as any)).toEqual([]);
-    });
-
-    it('handles short array input gracefully', () => {
-      expect(normalizeFilterCondition(['field'] as any)).toEqual(['field']);
-    });
-  });
-});
-
-describe('normalizeFilters', () => {
-  it('normalizes an array of conditions', () => {
-    const input = [
-      ['status', 'in', ['active', 'pending']],
-      ['name', '=', 'Alice'],
-    ];
-    const result = normalizeFilters(input);
-    expect(result).toEqual([
-      ['or', ['status', '=', 'active'], ['status', '=', 'pending']],
-      ['name', '=', 'Alice'],
-    ]);
-  });
-
-  it('filters out empty arrays from normalization', () => {
-    const input = [
-      ['status', 'in', []],
-      ['name', '=', 'Alice'],
-    ];
-    const result = normalizeFilters(input);
-    expect(result).toEqual([
-      ['name', '=', 'Alice'],
-    ]);
-  });
-
-  it('returns empty array for empty input', () => {
-    expect(normalizeFilters([])).toEqual([]);
-  });
-
-  it('handles non-array items gracefully', () => {
-    const input = [null, undefined, 'invalid', ['name', '=', 'test']];
-    const result = normalizeFilters(input as any);
-    expect(result).toEqual([['name', '=', 'test']]);
-  });
-});

package/src/__tests__/GalleryGrouping.test.tsx

@@ -1,237 +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, beforeEach } from 'vitest';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { ObjectGallery } from '../ObjectGallery';
-
-const mockHandleClick = vi.fn();
-const mockNavigationOverlay = {
-  isOverlay: false,
-  handleClick: mockHandleClick,
-  selectedRecord: null,
-  isOpen: false,
-  close: vi.fn(),
-  setIsOpen: vi.fn(),
-  mode: 'page' as const,
-  width: undefined,
-  view: undefined,
-  open: vi.fn(),
-};
-
-vi.mock('@object-ui/react', () => {
-  const React = require('react');
-  return {
-    useDataScope: () => undefined,
-    SchemaRendererContext: React.createContext(null),
-    useNavigationOverlay: () => mockNavigationOverlay,
-  };
-});
-
-vi.mock('@object-ui/components', () => ({
-  cn: (...args: any[]) => args.filter(Boolean).join(' '),
-  Card: ({ children, onClick, ...props }: any) => (
-    <div data-testid="gallery-card" onClick={onClick} {...props}>{children}</div>
-  ),
-  CardContent: ({ children, ...props }: any) => <div {...props}>{children}</div>,
-  NavigationOverlay: ({ children, selectedRecord }: any) => (
-    selectedRecord ? <div data-testid="navigation-overlay">{children(selectedRecord)}</div> : null
-  ),
-}));
-
-vi.mock('@object-ui/core', () => ({
-  ComponentRegistry: { register: vi.fn() },
-}));
-
-vi.mock('lucide-react', () => ({
-  ChevronRight: () => <span data-testid="chevron-right">▸</span>,
-  ChevronDown: () => <span data-testid="chevron-down">▾</span>,
-}));
-
-const mockItems = [
-  { id: '1', name: 'Alpha Widget', category: 'Electronics', image: 'https://example.com/1.jpg' },
-  { id: '2', name: 'Beta Gadget', category: 'Electronics', image: 'https://example.com/2.jpg' },
-  { id: '3', name: 'Gamma Tool', category: 'Tools', image: 'https://example.com/3.jpg' },
-  { id: '4', name: 'Delta Supply', category: 'Office', image: 'https://example.com/4.jpg' },
-  { id: '5', name: 'Epsilon Gear', category: 'Tools', image: 'https://example.com/5.jpg' },
-];
-
-describe('ObjectGallery Grouping', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('renders without grouping (flat list) when no grouping config', () => {
-    const schema = { objectName: 'products' };
-    render(<ObjectGallery schema={schema} data={mockItems} />);
-
-    // All items visible
-    expect(screen.getByText('Alpha Widget')).toBeInTheDocument();
-    expect(screen.getByText('Beta Gadget')).toBeInTheDocument();
-    expect(screen.getByText('Gamma Tool')).toBeInTheDocument();
-    expect(screen.getByText('Delta Supply')).toBeInTheDocument();
-    expect(screen.getByText('Epsilon Gear')).toBeInTheDocument();
-
-    // No group headers
-    expect(screen.queryByText('Electronics')).not.toBeInTheDocument();
-    expect(screen.queryByText('Tools')).not.toBeInTheDocument();
-  });
-
-  it('renders grouped sections when grouping config is provided', () => {
-    const schema = {
-      objectName: 'products',
-      grouping: {
-        fields: [{ field: 'category', order: 'asc' as const, collapsed: false }],
-      },
-    };
-    render(<ObjectGallery schema={schema} data={mockItems} />);
-
-    // Group headers should be visible
-    expect(screen.getByText('Electronics')).toBeInTheDocument();
-    expect(screen.getByText('Tools')).toBeInTheDocument();
-    expect(screen.getByText('Office')).toBeInTheDocument();
-
-    // All items should be visible (none collapsed)
-    expect(screen.getByText('Alpha Widget')).toBeInTheDocument();
-    expect(screen.getByText('Beta Gadget')).toBeInTheDocument();
-    expect(screen.getByText('Gamma Tool')).toBeInTheDocument();
-    expect(screen.getByText('Delta Supply')).toBeInTheDocument();
-    expect(screen.getByText('Epsilon Gear')).toBeInTheDocument();
-  });
-
-  it('shows record count per group', () => {
-    const schema = {
-      objectName: 'products',
-      grouping: {
-        fields: [{ field: 'category', order: 'asc' as const, collapsed: false }],
-      },
-    };
-    render(<ObjectGallery schema={schema} data={mockItems} />);
-
-    // Electronics has 2 items, Tools has 2, Office has 1
-    const buttons = screen.getAllByRole('button');
-    const electronicsBtn = buttons.find(b => b.textContent?.includes('Electronics'));
-    const toolsBtn = buttons.find(b => b.textContent?.includes('Tools'));
-    const officeBtn = buttons.find(b => b.textContent?.includes('Office'));
-
-    expect(electronicsBtn?.textContent).toContain('2');
-    expect(toolsBtn?.textContent).toContain('2');
-    expect(officeBtn?.textContent).toContain('1');
-  });
-
-  it('collapses a group when clicking the group header', () => {
-    const schema = {
-      objectName: 'products',
-      grouping: {
-        fields: [{ field: 'category', order: 'asc' as const, collapsed: false }],
-      },
-    };
-    render(<ObjectGallery schema={schema} data={mockItems} />);
-
-    // All items visible initially
-    expect(screen.getByText('Alpha Widget')).toBeInTheDocument();
-    expect(screen.getByText('Beta Gadget')).toBeInTheDocument();
-
-    // Click Electronics group header to collapse
-    const buttons = screen.getAllByRole('button');
-    const electronicsBtn = buttons.find(b => b.textContent?.includes('Electronics'))!;
-    fireEvent.click(electronicsBtn);
-
-    // Electronics items should be hidden
-    expect(screen.queryByText('Alpha Widget')).not.toBeInTheDocument();
-    expect(screen.queryByText('Beta Gadget')).not.toBeInTheDocument();
-
-    // Other items still visible
-    expect(screen.getByText('Gamma Tool')).toBeInTheDocument();
-    expect(screen.getByText('Delta Supply')).toBeInTheDocument();
-  });
-
-  it('expands a collapsed group when clicking again', () => {
-    const schema = {
-      objectName: 'products',
-      grouping: {
-        fields: [{ field: 'category', order: 'asc' as const, collapsed: false }],
-      },
-    };
-    render(<ObjectGallery schema={schema} data={mockItems} />);
-
-    const buttons = screen.getAllByRole('button');
-    const electronicsBtn = buttons.find(b => b.textContent?.includes('Electronics'))!;
-
-    // Collapse
-    fireEvent.click(electronicsBtn);
-    expect(screen.queryByText('Alpha Widget')).not.toBeInTheDocument();
-
-    // Expand
-    fireEvent.click(electronicsBtn);
-    expect(screen.getByText('Alpha Widget')).toBeInTheDocument();
-    expect(screen.getByText('Beta Gadget')).toBeInTheDocument();
-  });
-
-  it('respects initial collapsed state from grouping config', () => {
-    const schema = {
-      objectName: 'products',
-      grouping: {
-        fields: [{ field: 'category', order: 'asc' as const, collapsed: true }],
-      },
-    };
-    render(<ObjectGallery schema={schema} data={mockItems} />);
-
-    // Group headers should be visible
-    expect(screen.getByText('Electronics')).toBeInTheDocument();
-    expect(screen.getByText('Tools')).toBeInTheDocument();
-    expect(screen.getByText('Office')).toBeInTheDocument();
-
-    // All items should be hidden (all groups collapsed by default)
-    expect(screen.queryByText('Alpha Widget')).not.toBeInTheDocument();
-    expect(screen.queryByText('Beta Gadget')).not.toBeInTheDocument();
-    expect(screen.queryByText('Gamma Tool')).not.toBeInTheDocument();
-    expect(screen.queryByText('Delta Supply')).not.toBeInTheDocument();
-    expect(screen.queryByText('Epsilon Gear')).not.toBeInTheDocument();
-  });
-
-  it('shows (empty) label for items with empty grouping field', () => {
-    const items = [
-      { id: '1', name: 'Item A', category: 'Cat1' },
-      { id: '2', name: 'Item B', category: '' },
-      { id: '3', name: 'Item C' }, // no category field
-    ];
-    const schema = {
-      objectName: 'products',
-      grouping: {
-        fields: [{ field: 'category', order: 'asc' as const, collapsed: false }],
-      },
-    };
-    render(<ObjectGallery schema={schema} data={items} />);
-
-    expect(screen.getByText('Cat1')).toBeInTheDocument();
-    expect(screen.getByText('(empty)')).toBeInTheDocument();
-  });
-
-  it('sorts groups by descending order when configured', () => {
-    const schema = {
-      objectName: 'products',
-      grouping: {
-        fields: [{ field: 'category', order: 'desc' as const, collapsed: false }],
-      },
-    };
-    render(<ObjectGallery schema={schema} data={mockItems} />);
-
-    const buttons = screen.getAllByRole('button');
-    const labels = buttons.map(b => {
-      // Extract the group label text (the <span> inside button)
-      const spans = b.querySelectorAll('span');
-      return spans[1]?.textContent; // label span
-    }).filter(Boolean);
-
-    // With desc order: Tools > Office > Electronics
-    expect(labels[0]).toBe('Tools');
-    expect(labels[1]).toBe('Office');
-    expect(labels[2]).toBe('Electronics');
-  });
-});