@object-ui/fields 3.0.2 → 3.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/fields",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "description": "Field renderers and registry for Object UI",
   "license": "MIT",
   "type": "module",
@@ -23,18 +23,18 @@
   ],
   "dependencies": {
     "clsx": "^2.1.1",
-    "lucide-react": "^0.563.0",
-    "tailwind-merge": "^2.6.1",
-    "@object-ui/components": "3.0.2",
-    "@object-ui/core": "3.0.2",
-    "@object-ui/types": "3.0.2"
+    "lucide-react": "^0.576.0",
+    "tailwind-merge": "^3.5.0",
+    "@object-ui/components": "3.1.0",
+    "@object-ui/core": "3.1.0",
+    "@object-ui/types": "3.1.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@types/react": "19.2.13",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^5.1.4",
     "typescript": "^5.9.3",

package/src/__tests__/boolean-checkbox.test.tsx

@@ -0,0 +1,74 @@
+/**
+ * BooleanCellRenderer Checkbox Tests
+ *
+ * Tests for the Airtable-style checkbox boolean cell renderer.
+ */
+import { describe, it, expect } from 'vitest';
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { BooleanCellRenderer } from '../index';
+
+describe('BooleanCellRenderer', () => {
+  it('should render a checked checkbox for true values', () => {
+    render(
+      <BooleanCellRenderer
+        value={true}
+        field={{ name: 'active', type: 'boolean' } as any}
+      />
+    );
+
+    const checkbox = screen.getByRole('checkbox');
+    expect(checkbox).toBeInTheDocument();
+    expect(checkbox).toHaveAttribute('data-state', 'checked');
+  });
+
+  it('should render an unchecked checkbox for false values (non-status field)', () => {
+    render(
+      <BooleanCellRenderer
+        value={false}
+        field={{ name: 'flagged', type: 'boolean' } as any}
+      />
+    );
+
+    const checkbox = screen.getByRole('checkbox');
+    expect(checkbox).toBeInTheDocument();
+    expect(checkbox).toHaveAttribute('data-state', 'unchecked');
+  });
+
+  it('should render warning badge for active=false', () => {
+    const { container } = render(
+      <BooleanCellRenderer
+        value={false}
+        field={{ name: 'active', type: 'boolean', label: 'Active' } as any}
+      />
+    );
+
+    const badge = container.querySelector('[data-testid="boolean-warning-badge"]');
+    expect(badge).toBeInTheDocument();
+    expect(badge?.textContent).toContain('Off');
+  });
+
+  it('should render dash for null/undefined values', () => {
+    render(
+      <BooleanCellRenderer
+        value={null}
+        field={{ name: 'active', type: 'boolean' } as any}
+      />
+    );
+
+    expect(screen.getByText('—')).toBeInTheDocument();
+  });
+
+  it('should render checkbox as disabled (non-interactive)', () => {
+    render(
+      <BooleanCellRenderer
+        value={true}
+        field={{ name: 'active', type: 'boolean' } as any}
+      />
+    );
+
+    const checkbox = screen.getByRole('checkbox');
+    expect(checkbox).toBeDisabled();
+  });
+});