@object-ui/fields 17.3.0 → 17.6.0

package/src/currency.ts

@@ -1,14 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * Licensed under the MIT license found in the LICENSE file.
- */
-
-/**
- * `resolveFieldCurrency` now lives in `@object-ui/i18n` (co-located with
- * `useLocalization`, which supplies the tenant default). This module re-exports
- * it so the long-standing `@object-ui/fields` import path keeps working for
- * every field/cell renderer that already depends on it.
- */
-export { resolveFieldCurrency } from '@object-ui/i18n';

package/src/datetime-widgets.test.tsx

@@ -1,93 +0,0 @@
-import { render, screen, fireEvent } from '@testing-library/react';
-import { describe, it, expect, vi } from 'vitest';
-import { DateField } from './widgets/DateField';
-import { DateTimeField } from './widgets/DateTimeField';
-import { TimeField } from './widgets/TimeField';
-import type { FieldWidgetComponentProps } from './widgets/types';
-
-const mockField = {
-  name: 'test_field',
-  label: 'Test Field',
-  type: 'date',
-} as any;
-
-const baseProps: FieldWidgetComponentProps<string> = {
-  field: mockField,
-  value: '',
-  onChange: vi.fn(),
-  readonly: false,
-};
-
-describe('Date/Time Widgets', () => {
-    describe('DateField', () => {
-        it('renders date input in edit mode', () => {
-            const { container } = render(<DateField {...baseProps} />);
-            const dateInput = container.querySelector('input[type="date"]');
-            expect(dateInput).toBeInTheDocument();
-        });
-
-        it('calls onChange when value changes', () => {
-            const { container } = render(<DateField {...baseProps} />);
-            const input = container.querySelector('input[type="date"]') as HTMLInputElement;
-            fireEvent.change(input, { target: { value: '2023-01-01' } });
-            expect(baseProps.onChange).toHaveBeenCalledWith('2023-01-01');
-        });
-
-        it('renders formatted date in readonly mode', () => {
-            render(<DateField {...baseProps} readonly value="2023-01-01" />);
-            const date = new Date('2023-01-01');
-            expect(screen.getByText(date.toLocaleDateString())).toBeInTheDocument();
-            expect(document.querySelector('input')).not.toBeInTheDocument();
-        });
-
-        it('renders dash for empty readonly value', () => {
-            render(<DateField {...baseProps} readonly value={''} />);
-            expect(screen.getByText('—')).toBeInTheDocument();
-        });
-    });
-
-    describe('DateTimeField', () => {
-        it('renders datetime-local input in edit mode', () => {
-            const { container } = render(<DateTimeField {...baseProps} />);
-            const input = container.querySelector('input[type="datetime-local"]');
-            expect(input).toBeInTheDocument();
-        });
-
-        it('calls onChange when value changes', () => {
-            const { container } = render(<DateTimeField {...baseProps} />);
-            const input = container.querySelector('input[type="datetime-local"]') as HTMLInputElement;
-            fireEvent.change(input, { target: { value: '2023-01-01T12:00' } });
-            expect(baseProps.onChange).toHaveBeenCalledWith('2023-01-01T12:00');
-        });
-
-        it('renders formatted datetime in readonly mode', () => {
-            const val = '2023-01-01T12:00:00.000Z';
-            render(<DateTimeField {...baseProps} readonly value={val} />);
-            const date = new Date(val);
-            const span = screen.getByText((content) => {
-                return content.includes(date.toLocaleDateString());
-            });
-            expect(span).toBeInTheDocument();
-        });
-    });
-
-    describe('TimeField', () => {
-        it('renders time input in edit mode', () => {
-            const { container } = render(<TimeField {...baseProps} />);
-            const input = container.querySelector('input[type="time"]');
-            expect(input).toBeInTheDocument();
-        });
-
-        it('calls onChange when value changes', () => {
-            const { container } = render(<TimeField {...baseProps} />);
-            const input = container.querySelector('input[type="time"]') as HTMLInputElement;
-            fireEvent.change(input, { target: { value: '14:30' } });
-            expect(baseProps.onChange).toHaveBeenCalledWith('14:30');
-        });
-
-        it('renders value directly in readonly mode', () => {
-            render(<TimeField {...baseProps} readonly value="14:30" />);
-            expect(screen.getByText('14:30')).toBeInTheDocument();
-        });
-    });
-});

package/src/field-type-alias.ts

@@ -1,100 +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.
- */
-
-/**
- * Map field type to form component type
- * 
- * @param fieldType - The ObjectQL field type identifier to convert
- * (for example: `"text"`, `"number"`, `"date"`, `"lookup"`).
- * @returns The normalized form field type string used in the form schema
- * (for example: `"input"`, `"textarea"`, `"date-picker"`, `"select"`).
- */
-export function mapFieldTypeToFormType(fieldType: string): string {
-  const typeMap: Record<string, string> = {
-    // Text-based fields
-    text: 'field:text',
-    textarea: 'field:textarea',
-    markdown: 'field:markdown', // Markdown editor (fallback to textarea)
-    html: 'field:html', // Rich text editor (fallback to textarea)
-    richtext: 'field:richtext', // WYSIWYG rich-text editor
-    secret: 'field:password', // encrypted-at-rest value — mask input like a password
-
-    // Numeric fields
-    number: 'field:number',
-    currency: 'field:currency',
-    percent: 'field:percent',
-    slider: 'field:slider',
-    progress: 'field:slider', // bounded 0..100 progress — edit via slider
-    rating: 'field:rating',
-
-    // Date/Time fields
-    date: 'field:date',
-    datetime: 'field:datetime',
-    time: 'field:time',
-
-    // Boolean
-    boolean: 'field:boolean',
-    toggle: 'field:boolean', // toggle is a boolean rendered as a switch
-
-    // Selection fields
-    select: 'field:select',
-    multiselect: 'field:multiselect',
-    radio: 'field:radio',
-    checkboxes: 'field:checkboxes',
-    tags: 'field:tags',
-    lookup: 'field:lookup',
-    master_detail: 'field:master_detail',
-    tree: 'field:lookup', // hierarchical reference — pick the parent via a lookup
-    // `user` is a lookup specialized to sys_user; `owner` mirrors it (record
-    // ownership). Both render via the UserField person-picker (delegates to the
-    // lookup picker). Without these they would fall through to `field:text`.
-    user: 'field:user',
-    owner: 'field:owner',
-
-    // Contact fields
-    email: 'field:email',
-    phone: 'field:phone',
-    url: 'field:url',
-
-    // File / media fields
-    file: 'field:file',
-    image: 'field:image',
-    avatar: 'field:avatar',
-    video: 'field:file', // uploads as a file
-    audio: 'field:file', // uploads as a file
-    signature: 'field:signature',
-
-    // Special / enhanced fields
-    password: 'field:password',
-    location: 'field:location', // Location/map field (fallback to input)
-    geolocation: 'field:geolocation',
-    address: 'field:address',
-    color: 'field:color',
-    code: 'field:code',
-    json: 'field:code', // JSON edited in the code editor
-    qrcode: 'field:qrcode',
-    vector: 'field:vector',
-
-    // Embedded structured values (stored as JSON on the row)
-    object: 'field:object',
-    composite: 'field:object', // embedded object
-    record: 'field:object', // name-keyed map
-    repeater: 'field:grid', // embedded array of rows
-
-    // Auto-generated/computed fields (typically read-only)
-    formula: 'field:formula',
-    summary: 'field:summary',
-    // `@objectstack/spec` spells this `autonumber`; the widget map key is
-    // `auto_number`. Map both spellings so a spec-typed field/param doesn't
-    // fall through to the plain text input.
-    autonumber: 'field:auto_number',
-    auto_number: 'field:auto_number',
-  };
-
-  return typeMap[fieldType] || 'field:text';
-}

package/src/field-type-coverage.test.ts

@@ -1,67 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * Regression guard for the field-type → renderer registries. These mappings
- * regressed once already: ~25 specialized field types silently fell back to a
- * plain text input (form) and the raw text cell renderer (read), because the
- * mapping tables were incomplete. This test locks them in so a dropped entry
- * fails CI instead of shipping a broken widget.
- */
-import { describe, it, expect } from 'vitest';
-import { mapFieldTypeToFormType, getCellRenderer, TextCellRenderer } from './index';
-
-/**
- * Field types that MUST resolve to a dedicated form widget — never the
- * `field:text` fallback. (Plain text-ish types like text/textarea are
- * intentionally excluded.)
- */
-const FORM_WIDGET_TYPES = [
-  'textarea', 'email', 'url', 'phone', 'password', 'secret',
-  'markdown', 'html', 'richtext',
-  'number', 'currency', 'percent', 'slider', 'progress', 'rating',
-  'date', 'datetime', 'time',
-  'boolean', 'toggle',
-  'select', 'multiselect', 'radio', 'checkboxes', 'tags',
-  'lookup', 'master_detail', 'tree',
-  'file', 'image', 'avatar', 'video', 'audio', 'signature',
-  'location', 'geolocation', 'address', 'color', 'code', 'json', 'qrcode', 'vector',
-  'object', 'composite', 'record', 'repeater',
-  // `autonumber` is the spec `FieldType` spelling; `auto_number` is the widget
-  // map key. Both must resolve to the AutoNumber widget, not text.
-  'formula', 'summary', 'auto_number', 'autonumber',
-];
-
-/**
- * Field types that MUST resolve to a dedicated read/cell renderer — never the
- * generic text cell renderer. (markdown/html/richtext render formatted;
- * code/qrcode/time legitimately stay textual and are excluded.)
- */
-const CELL_RENDERER_TYPES = [
-  'email', 'url', 'phone', 'number', 'currency', 'percent', 'progress',
-  'boolean', 'toggle', 'date', 'datetime',
-  'select', 'multiselect', 'radio', 'checkboxes', 'tags',
-  'lookup', 'master_detail', 'tree',
-  'file', 'video', 'audio', 'image', 'avatar', 'signature',
-  'markdown', 'html', 'richtext',
-  'location', 'geolocation', 'address', 'color', 'json',
-  'formula', 'summary', 'user', 'owner',
-];
-
-describe('field-type renderer coverage (regression guard)', () => {
-  it.each(FORM_WIDGET_TYPES)('maps "%s" to a dedicated form widget (not field:text)', (type) => {
-    const widget = mapFieldTypeToFormType(type);
-    expect(widget).toMatch(/^field:/);
-    expect(widget).not.toBe('field:text');
-  });
-
-  it.each(CELL_RENDERER_TYPES)('resolves "%s" to a dedicated cell renderer (not TextCellRenderer)', (type) => {
-    const renderer = getCellRenderer(type);
-    expect(renderer).toBeTypeOf('function');
-    expect(renderer).not.toBe(TextCellRenderer);
-  });
-
-  it('falls back to field:text for unknown types', () => {
-    expect(mapFieldTypeToFormType('something-unknown')).toBe('field:text');
-  });
-});