Drop support for CJS build output (#3708)

* Drop support for CJS build output

* remove default export

Author: nstepien

README.md

@@ -57,7 +57,7 @@
 npm install react-data-grid
 ```
 
-`react-data-grid` is published as ECMAScript modules for evergreen browsers / bundlers, and CommonJS for server-side rendering / Jest.
+`react-data-grid` is published as ECMAScript modules for evergreen browsers, bundlers, and server-side rendering.
 
 ## Quick start
 

package.json

@@ -17,13 +17,11 @@
     "./lib/styles.css": "./lib/styles.css",
     ".": {
       "types": "./lib/index.d.ts",
-      "module": "./lib/bundle.js",
-      "require": "./lib/bundle.cjs",
       "default": "./lib/bundle.js"
     }
   },
   "browser": "./lib/bundle.js",
-  "main": "./lib/bundle.cjs",
+  "main": "./lib/bundle.js",
   "module": "./lib/bundle.js",
   "types": "./lib/index.d.ts",
   "files": [

rolldown.config.js

@@ -6,22 +6,12 @@ import { defineConfig } from 'rolldown';
 
 export default defineConfig({
   input: './src/index.ts',
-  output: [
-    {
-      dir: 'lib',
-      entryFileNames: 'bundle.js',
-      cssEntryFileNames: 'styles.css',
-      format: 'es',
-      sourcemap: true
-    },
-    {
-      dir: 'lib',
-      entryFileNames: 'bundle.cjs',
-      cssEntryFileNames: 'styles.css',
-      format: 'cjs',
-      sourcemap: true
-    }
-  ],
+  output: {
+    dir: 'lib',
+    entryFileNames: 'bundle.js',
+    cssEntryFileNames: 'styles.css',
+    sourcemap: true
+  },
   platform: 'browser',
   external: (/** @type {string} */ id) => !id.startsWith('.') && !isAbsolute(id),
   plugins: [

src/DataGrid.tsx

@@ -222,9 +222,7 @@ export interface DataGridProps<R, SR = unknown, K extends Key = Key> extends Sha
  *
  * <DataGrid columns={columns} rows={rows} />
  */
-export default function DataGrid<R, SR = unknown, K extends Key = Key>(
-  props: DataGridProps<R, SR, K>
-) {
+export function DataGrid<R, SR = unknown, K extends Key = Key>(props: DataGridProps<R, SR, K>) {
   const {
     ref,
     // Grid and data Props

src/TreeDataGrid.tsx

@@ -16,7 +16,7 @@ import type {
 } from './types';
 import { renderToggleGroup } from './cellRenderers';
 import { SELECT_COLUMN_KEY } from './Columns';
-import DataGrid from './DataGrid';
+import { DataGrid } from './DataGrid';
 import type { DataGridProps } from './DataGrid';
 import { useDefaultRenderers } from './DataGridDefaultRenderersContext';
 import GroupedRow from './GroupRow';

src/index.ts

@@ -1,7 +1,7 @@
 import './style/layers.css';
 
 export {
-  default,
+  DataGrid,
   type DataGridProps,
   type DataGridHandle,
   type DefaultColumnOptions

test/browser/TextEditor.test.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { page, userEvent } from '@vitest/browser/context';
 
-import DataGrid, { textEditor } from '../../src';
+import { DataGrid, textEditor } from '../../src';
 import type { Column } from '../../src';
 import { getCells } from './utils';
 

test/browser/column/renderCell.test.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { page, userEvent } from '@vitest/browser/context';
 
-import DataGrid from '../../../src';
+import { DataGrid } from '../../../src';
 import type { Column } from '../../../src';
 import { getCells, getCellsAtRowIndexOld, setup } from '../utils';
 

test/browser/column/renderEditCell.test.tsx

@@ -3,7 +3,7 @@ import { createPortal } from 'react-dom';
 import { waitFor } from '@testing-library/react';
 import { page, userEvent } from '@vitest/browser/context';
 
-import DataGrid from '../../../src';
+import { DataGrid } from '../../../src';
 import type { Column, DataGridProps } from '../../../src';
 import { getCellsAtRowIndexOld, getGridOld, getSelectedCellOld, scrollGrid } from '../utils';
 

test/browser/columnOrder.test.tsx

@@ -1,6 +1,6 @@
 import { page } from '@vitest/browser/context';
 
-import DataGrid, { SelectColumn, TreeDataGrid } from '../../src';
+import { DataGrid, SelectColumn, TreeDataGrid } from '../../src';
 import type { Column } from '../../src';
 import { getHeaderCells } from './utils';