tabulify 1.0.0

package/.eslintrc.json

@@ -0,0 +1,34 @@
+{
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "airbnb",
+    "plugin:prettier/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "plugins": ["react", "@typescript-eslint"],
+  "rules": {
+    "react/react-in-jsx-scope": "off",
+    "react/prop-types": "off",
+    "no-unused-vars": "warn",
+    "@typescript-eslint/no-unused-vars": ["warn"],
+    "jsx-a11y/anchor-is-valid": "off"
+  }
+}

package/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "semi": true,
+  "tabWidth": 2,
+  "trailingComma": "es5"
+}

package/README.md

@@ -0,0 +1,18 @@
+# Tabulify
+
+`Tabulify` is a lightweight and flexible React table component designed for building customizable and feature-rich data tables. It supports features like pagination, row selection, and custom rendering.
+
+## Features
+
+- **Customizable Columns**: Easily define columns and their renderers.
+- **Row Selection**: Support for single and multiple row selection.
+- **Pagination**: Built-in pagination for large datasets.
+- **TypeScript Support**: Fully typed for TypeScript projects.
+
+## Installation
+
+Install the package using npm or yarn:
+
+```bash
+npm install tabulify
+```

package/dist/index.cjs.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/index.esm.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/types/components/Pagination.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface PaginationProps {
+    pageSize: number;
+    total: number;
+    currentPage: number;
+    onPageChange: (page: number) => void;
+}
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;

package/dist/types/components/Table.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TableProps } from './types';
+declare const Table: <T extends {
+    key: React.Key;
+}>({ columns, dataSource, rowSelection, pagination, }: TableProps<T>) => any;
+export default Table;

package/dist/types/components/types.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export interface Column<T> {
+    title: string;
+    dataIndex: keyof T;
+    key: string;
+    sorter?: (a: T, b: T) => number;
+    render?: (value: T[keyof T], record: T, index: number) => React.ReactNode;
+}
+export interface RowSelection<T> {
+    type: 'checkbox' | 'radio';
+    selectedRowKeys?: (keyof T)[];
+    onChange?: (selectedRowKeys: (keyof T)[], selectedRows: T[]) => void;
+}
+export interface Pagination {
+    pageSize: number;
+    total: number;
+    current?: number;
+    onChange?: (page: number) => void;
+}
+export interface TableProps<T extends {
+    key: React.Key;
+}> {
+    columns: Column<T>[];
+    dataSource: T[];
+    rowSelection?: RowSelection<T>;
+    pagination?: Pagination;
+}

package/eslint.config.mjs

@@ -0,0 +1,14 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginReact from "eslint-plugin-react";
+
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  {files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"]},
+  {languageOptions: { globals: globals.browser }},
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
+];

package/jest.config.ts

@@ -0,0 +1,10 @@
+import type { Config } from 'jest';
+
+const config: Config = {
+  preset: 'ts-jest',
+  testEnvironment: 'jest-environment-jsdom',
+  testMatch: ['**/*.test.ts', '**/*.test.tsx'], // Match test files
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'], // Resolve these extensions
+};
+
+export default config;

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "tabulify",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "scripts": {
+    "main": "dist/index.js",
+    "module": "dist/index.esm.js",
+    "types": "dist/types/index.d.ts",
+    "build": "rollup -c",
+    "prepublishOnly": "npm run build",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "lint": "eslint . --quiet",
+    "lint:fix": "eslint . --fix"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.15.0",
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@types/jest": "^29.5.14",
+    "@types/mocha": "^10.0.9",
+    "@types/node": "^22.9.0",
+    "@types/testing-library__jest-dom": "^5.14.9",
+    "@typescript-eslint/eslint-plugin": "^8.15.0",
+    "@typescript-eslint/parser": "^8.15.0",
+    "eslint": "^9.15.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.2",
+    "globals": "^15.12.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "prettier": "^3.3.3",
+    "rollup": "^4.27.3",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.6.3",
+    "typescript-eslint": "^8.15.0"
+  },
+  "dependencies": {
+    "@testing-library/react": "^16.0.1"
+  }
+}