@fvc/table 1.1.0 → 1.1.2-next-3607140332290efd627f3fac1cb34e4dcb36274e

package/README.md

@@ -0,0 +1,169 @@
+# @fvc/table
+
+`@fvc/table` provides a data table component built on top of Ant Design's `Table`. It applies the FE-VIS class prefix and exposes the full Ant Design `Table` API so existing `antd` table knowledge transfers directly.
+
+## Installation
+
+```bash
+bun add @fvc/table
+```
+
+## Peer Dependencies
+
+The package expects these dependencies to be available in the consuming application:
+
+```bash
+bun add react antd
+```
+
+## Import
+
+```tsx
+import { Table } from '@fvc/table';
+```
+
+## Quick Start
+
+```tsx
+import { Table } from '@fvc/table';
+
+const columns = [
+  { title: 'Name', dataIndex: 'name', key: 'name' },
+  { title: 'Age', dataIndex: 'age', key: 'age' },
+];
+
+const data = [
+  { key: '1', name: 'Alice', age: 30 },
+  { key: '2', name: 'Bob', age: 25 },
+];
+
+export function UserTable() {
+  return <Table columns={columns} dataSource={data} />;
+}
+```
+
+## Common Usage
+
+### Sortable Columns
+
+```tsx
+const columns = [
+  {
+    title: 'Name',
+    dataIndex: 'name',
+    sorter: (a, b) => a.name.localeCompare(b.name),
+  },
+  {
+    title: 'Age',
+    dataIndex: 'age',
+    sorter: (a, b) => a.age - b.age,
+  },
+];
+
+<Table columns={columns} dataSource={data} />;
+```
+
+### Pagination
+
+```tsx
+<Table
+  columns={columns}
+  dataSource={data}
+  pagination={{ pageSize: 10, total: 100, current: page, onChange: setPage }}
+/>
+```
+
+### Row Selection
+
+```tsx
+const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+
+<Table
+  columns={columns}
+  dataSource={data}
+  rowSelection={{
+    selectedRowKeys,
+    onChange: setSelectedRowKeys,
+  }}
+/>;
+```
+
+### Loading State
+
+```tsx
+<Table columns={columns} dataSource={data} loading={isFetching} />
+```
+
+### Horizontal Scroll
+
+```tsx
+<Table columns={columns} dataSource={data} scroll={{ x: 1200 }} />
+```
+
+## Props
+
+Extends all [Ant Design `TableProps`](https://ant-design.antgroup.com/components/table#api).
+
+| Prop           | Type                 | Description                                          |
+| -------------- | -------------------- | ---------------------------------------------------- |
+| `columns`      | `ColumnsType`        | Column definitions (title, dataIndex, render, etc.). |
+| `dataSource`   | `object[]`           | Array of row data records.                           |
+| `rowKey`       | `string \| function` | Unique key for each row (defaults to `'key'`).       |
+| `loading`      | `boolean`            | Shows a loading indicator over the table.            |
+| `pagination`   | `object \| false`    | Pagination config; `false` to disable.               |
+| `rowSelection` | `object`             | Checkbox selection config.                           |
+| `onChange`     | `function`           | Callback when pagination, filters, or sorter change. |
+| `scroll`       | `object`             | Enables horizontal or vertical scrolling.            |
+
+## TypeScript
+
+The package ships with type definitions. No `@types/` install needed.
+
+```ts
+import type { TableProps } from '@fvc/table/types';
+```
+
+## Consumer Example
+
+```tsx
+import { Table } from '@fvc/table';
+import { useState } from 'react';
+
+export function OrdersTable({ orders, loading }) {
+  const [page, setPage] = useState(1);
+
+  const columns = [
+    { title: 'Order ID', dataIndex: 'id', key: 'id' },
+    { title: 'Customer', dataIndex: 'customer', key: 'customer' },
+    {
+      title: 'Status',
+      dataIndex: 'status',
+      key: 'status',
+      filters: [
+        { text: 'Pending', value: 'pending' },
+        { text: 'Shipped', value: 'shipped' },
+      ],
+      onFilter: (value, record) => record.status === value,
+    },
+  ];
+
+  return (
+    <Table
+      columns={columns}
+      dataSource={orders}
+      loading={loading}
+      rowKey="id"
+      pagination={{ current: page, pageSize: 20, onChange: setPage }}
+    />
+  );
+}
+```
+
+## Development
+
+```bash
+bun run lint
+bun run type-check
+bun run test
+bun run build
+```

package/dist/lib/index.js

@@ -1 +1 @@
-import r from"react";import{Table as t}from"antd";var e=function(){return e=Object.assign||function(r){for(var t,e=1,n=arguments.length;e<n;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r},e.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var n,o={};void 0===n&&(n={}),n.insertAt;var a=function(n){return r.createElement(t,e({},n,{className:o.table}))};export{a as Table};
+import{Table as t}from"antd";import e from"react";var r;void 0===r&&(r={}),r.insertAt;const a=r=>e.createElement(t,Object.assign({},r,{prefixCls:"fvc-table"}));export{a as Table};

package/dist/lib/table/src/Table.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { TableProps } from './types';
+import './Table.scss';
 export declare const Table: React.FC<TableProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fvc/table",
-  "version": "1.1.0",
+  "version": "1.1.2-next-3607140332290efd627f3fac1cb34e4dcb36274e",
   "main": "./dist/lib/index.js",
   "types": "./dist/lib/table/src/index.d.ts",
   "files": [
@@ -18,9 +18,26 @@
     }
   },
   "scripts": {
-    "build": "rm -rf dist && rm -rf .rollup.cache && eslint --config ../../eslint.config.js . && bunx tsc --noEmit && rollup -c ./rollup.config.mjs"
+    "build": "rollup -c ./rollup.config.mjs",
+    "clean": "rm -rf dist && rm -rf .rollup.cache && rm -rf .turbo",
+    "lint": "eslint --config ../../eslint.config.js \"src/**/*.{ts,tsx}\"",
+    "lint:fix": "eslint --config ../../eslint.config.js \"src/**/*.{ts,tsx}\" --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "type-check": "tsc --noEmit",
+    "test": "bun test --preload ../../tests/happydom.ts --preload ../../tests/testing-library.tsx"
   },
-  "dependencies": {
+  "keywords": [
+    "react",
+    "react-component",
+    "fvc",
+    "fe-vis-core",
+    "ui",
+    "table",
+    "data-table",
+    "design-system",
+    "antd"
+  ],
+  "peerDependencies": {
     "react": "^18.0.0",
     "antd": "^5.0.0"
   }