Add commonjs support

.eslintrc

@@ -29,7 +29,8 @@
  "import/resolver": {
  "babel-module": {
  "extensions": [".js", ".jsx", ".ts", ".tsx"]
- }
+ },
+ "typescript": {}
  },
  "react": {
  "version": "detect"

.storybook/jest.config.json

@@ -1,12 +1,10 @@
 {
  "testRegex": "((\\.|/*.)(spec))\\.js?$",
  "rootDir": "..",
- "setupFilesAfterEnv": [
- "<rootDir>/.storybook/jest.setup.js"
- ],
+ "setupFilesAfterEnv": ["<rootDir>/.storybook/jest.setup.js"],
  "moduleNameMapper": {
  "\\.svg": "<rootDir>/.storybook/jest.svgrmock.js",
  "\\.(css|less|sass|scss)$": "<rootDir>/.storybook/stylemock.js"
  },
  "clearMocks": true
-}
+}

.storybook/main.js

@@ -49,63 +49,63 @@ module.exports = {
  ...(config?.resolve ?? {}),
  alias: [
  {
- find: '@table-library/react-table-library/types',
+ find: '@overmap-ai/react-table-library/types',
  replacement: path.resolve(__dirname, '../src/types/'),
  },
  {
- find: '@table-library/react-table-library/common',
+ find: '@overmap-ai/react-table-library/common',
  replacement: path.resolve(__dirname, '../src/common/'),
  },
  {
- find: '@table-library/react-table-library/table',
+ find: '@overmap-ai/react-table-library/table',
  replacement: path.resolve(__dirname, '../src/table/'),
  },
  {
- find: '@table-library/react-table-library/compact',
+ find: '@overmap-ai/react-table-library/compact',
  replacement: path.resolve(__dirname, '../src/compact/'),
  },
  {
- find: '@table-library/react-table-library/virtualized',
+ find: '@overmap-ai/react-table-library/virtualized',
  replacement: path.resolve(__dirname, '../src/virtualized/'),
  },
  {
- find: '@table-library/react-table-library/theme',
+ find: '@overmap-ai/react-table-library/theme',
  replacement: path.resolve(__dirname, '../src/theme/'),
  },
  {
- find: '@table-library/react-table-library/resize',
+ find: '@overmap-ai/react-table-library/resize',
  replacement: path.resolve(__dirname, '../src/resize/'),
  },
  {
- find: '@table-library/react-table-library/sort',
+ find: '@overmap-ai/react-table-library/sort',
  replacement: path.resolve(__dirname, '../src/sort/'),
  },
  {
- find: '@table-library/react-table-library/select',
+ find: '@overmap-ai/react-table-library/select',
  replacement: path.resolve(__dirname, '../src/select/'),
  },
  {
- find: '@table-library/react-table-library/tree',
+ find: '@overmap-ai/react-table-library/tree',
  replacement: path.resolve(__dirname, '../src/tree/'),
  },
  {
- find: '@table-library/react-table-library/pagination',
+ find: '@overmap-ai/react-table-library/pagination',
  replacement: path.resolve(__dirname, '../src/pagination/'),
  },
  {
- find: '@table-library/react-table-library/baseline',
+ find: '@overmap-ai/react-table-library/baseline',
  replacement: path.resolve(__dirname, '../src/baseline/'),
  },
  {
- find: '@table-library/react-table-library/mantine',
+ find: '@overmap-ai/react-table-library/mantine',
  replacement: path.resolve(__dirname, '../src/mantine/'),
  },
  {
- find: '@table-library/react-table-library/chakra-ui',
+ find: '@overmap-ai/react-table-library/chakra-ui',
  replacement: path.resolve(__dirname, '../src/chakra-ui/'),
  },
  {
- find: '@table-library/react-table-library/material-ui',
+ find: '@overmap-ai/react-table-library/material-ui',
  replacement: path.resolve(__dirname, '../src/material-ui/'),
  },
  {

.storybook/manager-head.html

@@ -1,32 +1,11 @@
-<link
- rel="apple-touch-icon"
- sizes="180x180"
- href="/icons/apple-touch-icon.png"
-/>
-<link
- rel="icon"
- type="image/png"
- sizes="32x32"
- href="/icons/favicon-32x32.png"
-/>
-<link
- rel="icon"
- type="image/png"
- sizes="16x16"
- href="/icons/favicon-16x16.png"
-/>
+<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png" />
+<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
 <link rel="manifest" href="/icons/site.webmanifest" />
-<link
- rel="mask-icon"
- href="/icons/safari-pinned-tab.svg"
- color="#5bbad5"
-/>
+<link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#5bbad5" />
 <link rel="shortcut icon" href="/icons/favicon.ico" />
 <meta name="msapplication-TileColor" content="#da532c" />
-<meta
- name="msapplication-config"
- content="/icons/browserconfig.xml"
-/>
+<meta name="msapplication-config" content="/icons/browserconfig.xml" />
 <meta name="theme-color" content="#ffffff" />
 
 <title>React Table Library</title>
@@ -39,10 +18,7 @@
 <meta property="og:title" content="React Table Library" />
 <meta property="og:description" content="React Table Library ..." />
 <meta property="og:type" content="website" />
-<meta
- property="og:url"
- content="https://www.react-table-library.com"
-/>
+<meta property="og:url" content="https://www.react-table-library.com" />
 <meta property="og:image" content="/facebook.png" />
 
 <meta name="twitter:title" content="React Table Library" />

.storybook/package.json

@@ -1,3 +1,3 @@
 {
-"type": "commonjs"
-}
+ "type": "commonjs"
+}

.storybook/static/icons/site.webmanifest

@@ -1,19 +1,19 @@
 {
-  "name": "",
-  "short_name": "",
-  "icons": [
-  {
-  "src": "/icons/android-chrome-192x192.png",
-  "sizes": "192x192",
-  "type": "image/png"
-  },
-  {
-  "src": "/icons/android-chrome-512x512.png",
-  "sizes": "512x512",
-  "type": "image/png"
-  }
-  ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
-  "display": "standalone"
+ "name": "",
+ "short_name": "",
+ "icons": [
+ {
+ "src": "/icons/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/icons/android-chrome-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ],
+ "theme_color": "#ffffff",
+ "background_color": "#ffffff",
+ "display": "standalone"
 }

.storybook/stories/ClientVsServer/Client/base.jsx

@@ -10,16 +10,16 @@ import {
  HeaderCell,
  Cell,
  useCustom,
-} from '@table-library/react-table-library/table';
-import { useTheme } from '@table-library/react-table-library/theme';
-import { CellTree, useTree, TreeExpandClickTypes } from '@table-library/react-table-library/tree';
+} from '@overmap-ai/react-table-library/table';
+import { useTheme } from '@overmap-ai/react-table-library/theme';
+import { CellTree, useTree, TreeExpandClickTypes } from '@overmap-ai/react-table-library/tree';
 import {
  CellSelect,
  HeaderCellSelect,
  useRowSelect,
-} from '@table-library/react-table-library/select';
-import { useSort, HeaderCellSort } from '@table-library/react-table-library/sort';
-import { usePagination } from '@table-library/react-table-library/pagination';
+} from '@overmap-ai/react-table-library/select';
+import { useSort, HeaderCellSort } from '@overmap-ai/react-table-library/sort';
+import { usePagination } from '@overmap-ai/react-table-library/pagination';
 
 import { nodes } from '../../data';
 

.storybook/stories/ClientVsServer/Client/index.story.jsx

@@ -6,7 +6,7 @@ import {
  Row,
  HeaderCell,
  Cell,
-} from '@table-library/react-table-library/table';
+} from '@overmap-ai/react-table-library/table';
 
 import { createStories, createStory } from '../../create-story';
 

.storybook/stories/ClientVsServer/Server/base.jsx

@@ -2,24 +2,18 @@ import * as React from 'react';
 import axios from 'axios';
 
 import {
- Table,
+ Body,
+ Cell,
  Header,
+ HeaderCell,
  HeaderRow,
- Body,
  Row,
- HeaderCell,
- Cell,
+ Table,
  useCustom,
-} from '@table-library/react-table-library/table';
-import { useTheme } from '@table-library/react-table-library/theme';
-import {
- CellSelect,
- HeaderCellSelect,
- useRowSelect,
-} from '@table-library/react-table-library/select';
-import { usePagination } from '@table-library/react-table-library/pagination';
-
-import { nodes } from '../../data';
+} from '@overmap-ai/react-table-library/table';
+import { useTheme } from '@overmap-ai/react-table-library/theme';
+import { CellSelect, HeaderCellSelect, useRowSelect } from '@overmap-ai/react-table-library/select';
+import { usePagination } from '@overmap-ai/react-table-library/pagination';
 
 const Component = () => {
  const theme = useTheme({

.storybook/stories/ClientVsServer/Server/index.story.jsx

@@ -6,7 +6,7 @@ import {
  Row,
  HeaderCell,
  Cell,
-} from '@table-library/react-table-library/table';
+} from '@overmap-ai/react-table-library/table';
 
 import { createStories, createStory } from '../../create-story';
 

.storybook/stories/Compact/base.jsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 
-import { CompactTable } from '@table-library/react-table-library/compact';
-import { useTheme } from '@table-library/react-table-library/theme';
-import { getTheme } from '@table-library/react-table-library/baseline';
+import { CompactTable } from '@overmap-ai/react-table-library/compact';
+import { useTheme } from '@overmap-ai/react-table-library/theme';
+import { getTheme } from '@overmap-ai/react-table-library/baseline';
 
 import { DocumentationSee } from '../documentation';
 import { nodes } from '../data';

.storybook/stories/Compact/column-hide.jsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 
-import { CompactTable } from '@table-library/react-table-library/compact';
-import { useTheme } from '@table-library/react-table-library/theme';
-import { getTheme } from '@table-library/react-table-library/baseline';
+import { CompactTable } from '@overmap-ai/react-table-library/compact';
+import { useTheme } from '@overmap-ai/react-table-library/theme';
+import { getTheme } from '@overmap-ai/react-table-library/baseline';
 
 import { DocumentationSee } from '../documentation';
 import { nodes } from '../data';

.storybook/stories/Compact/column-order.jsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 
-import { CompactTable } from '@table-library/react-table-library/compact';
-import { useTheme } from '@table-library/react-table-library/theme';
-import { getTheme } from '@table-library/react-table-library/baseline';
+import { CompactTable } from '@overmap-ai/react-table-library/compact';
+import { useTheme } from '@overmap-ai/react-table-library/theme';
+import { getTheme } from '@overmap-ai/react-table-library/baseline';
 
 import { DocumentationSee } from '../documentation';
 import { nodes } from '../data';

.storybook/stories/Compact/data-grid.jsx

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import useInterval from 'use-interval';
 
-import { CompactTable } from '@table-library/react-table-library/compact';
-import { useTheme } from '@table-library/react-table-library/theme';
-import { getTheme } from '@table-library/react-table-library/baseline';
+import { CompactTable } from '@overmap-ai/react-table-library/compact';
+import { useTheme } from '@overmap-ai/react-table-library/theme';
+import { getTheme } from '@overmap-ai/react-table-library/baseline';
 
 import { DisableAnimationsContext } from '../../stories/loki.jsx';
 import { DocumentationSee } from '../documentation';
@@ -156,9 +156,9 @@ const code = `
 import * as React from 'react';
 import useInterval from 'use-interval';
 
-import { CompactTable } from '@table-library/react-table-library/compact';
-import { useTheme } from '@table-library/react-table-library/theme';
-import { getTheme } from '@table-library/react-table-library/baseline';
+import { CompactTable } from '@overmap-ai/react-table-library/compact';
+import { useTheme } from '@overmap-ai/react-table-library/theme';
+import { getTheme } from '@overmap-ai/react-table-library/baseline';
 
 import { DisableAnimationsContext } from '../../stories/loki.jsx';
 import { DocumentationSee } from '../documentation';

.storybook/stories/Compact/editable.jsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 
-import { CompactTable } from '@table-library/react-table-library/compact';
-import { useTheme } from '@table-library/react-table-library/theme';
-import { getTheme } from '@table-library/react-table-library/baseline';
+import { CompactTable } from '@overmap-ai/react-table-library/compact';
+import { useTheme } from '@overmap-ai/react-table-library/theme';
+import { getTheme } from '@overmap-ai/react-table-library/baseline';
 
 import { DocumentationSee } from '../documentation';
 import { nodes } from '../data';

.storybook/stories/Compact/expand.jsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 
-import { CompactTable } from '@table-library/react-table-library/compact';
-import { useTheme } from '@table-library/react-table-library/theme';
-import { getTheme } from '@table-library/react-table-library/baseline';
+import { CompactTable } from '@overmap-ai/react-table-library/compact';
+import { useTheme } from '@overmap-ai/react-table-library/theme';
+import { getTheme } from '@overmap-ai/react-table-library/baseline';
 
 import { DocumentationSee } from '../documentation';
 import { nodes } from '../data';

.storybook/stories/Compact/filter.jsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 
-import { CompactTable } from '@table-library/react-table-library/compact';
-import { useTheme } from '@table-library/react-table-library/theme';
-import { getTheme } from '@table-library/react-table-library/baseline';
+import { CompactTable } from '@overmap-ai/react-table-library/compact';
+import { useTheme } from '@overmap-ai/react-table-library/theme';
+import { getTheme } from '@overmap-ai/react-table-library/baseline';
 
 import { DocumentationSee } from '../documentation';
 import { nodes } from '../data';

.storybook/stories/Compact/fixed-column.jsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 
-import { CompactTable } from '@table-library/react-table-library/compact';
-import { useTheme } from '@table-library/react-table-library/theme';
-import { getTheme } from '@table-library/react-table-library/baseline';
+import { CompactTable } from '@overmap-ai/react-table-library/compact';
+import { useTheme } from '@overmap-ai/react-table-library/theme';
+import { getTheme } from '@overmap-ai/react-table-library/baseline';
 
 import { DocumentationSee } from '../documentation';
 import { nodes } from '../data';