ka-table - npm Package Compare versions

Comparing version 7.8.0 to 7.8.1

package.json

 {
   "name": "ka-table",
-  "version": "7.8.0",
+  "version": "7.8.1",
   "license": "MIT",
@@ -5,0 +5,0 @@ "repository": "github:komarovalexander/ka-table",

README.md

@@ -16,9 +16,12 @@ The customizable, extendable, lightweight and free React Table Component
 
+## Installation
 
-## Installation
 npm
+
 ```sh
 npm install ka-table
 ```
+
 yarn
+
 ```sh
@@ -29,15 +32,17 @@ yarn add ka-table
 ## Usage
+
 ### Basic example
 
-
 ```js
-import "ka-table/style.css";
+import 'ka-table/style.css';
 
-import React from 'react';
+import React, { useState } from 'react';
 
-import { Table } from 'ka-table';
+import { ITableProps, kaReducer, Table } from 'ka-table';
 import { DataType, EditingMode, SortingMode } from 'ka-table/enums';
+import { DispatchFunc } from 'ka-table/types';
 
-const dataArray = Array(10).fill(undefined).map(
-  (_, index) => ({
+const dataArray = Array(10)
+  .fill(undefined)
+  .map((_, index) => ({
     column1: `column:1 row:${index}`,
@@ -48,19 +53,27 @@ column2: `column:2 row:${index}`,
     id: index,
-  }),
-);
+  }));
 
+const tablePropsInit: ITableProps = {
+  columns: [
+    { key: 'column1', title: 'Column 1', dataType: DataType.String },
+    { key: 'column2', title: 'Column 2', dataType: DataType.String },
+    { key: 'column3', title: 'Column 3', dataType: DataType.String },
+    { key: 'column4', title: 'Column 4', dataType: DataType.String },
+  ],
+  data: dataArray,
+  editingMode: EditingMode.Cell,
+  rowKeyField: 'id',
+  sortingMode: SortingMode.Single,
+};
 
 const OverviewDemo: React.FC = () => {
+  const [tableProps, changeTableProps] = useState(tablePropsInit);
+  const dispatch: DispatchFunc = (action) => {
+    changeTableProps((prevState: ITableProps) => kaReducer(prevState, action));
+  };
+
   return (
     <Table
-      columns={[
-        { key: 'column1', title: 'Column 1', dataType: DataType.String },
-        { key: 'column2', title: 'Column 2', dataType: DataType.String },
-        { key: 'column3', title: 'Column 3', dataType: DataType.String },
-        { key: 'column4', title: 'Column 4', dataType: DataType.String },
-      ]}
-      data={dataArray}
-      editingMode={EditingMode.Cell}
-      rowKeyField={'id'}
-      sortingMode={SortingMode.Single}
+      {...tableProps}
+      dispatch={dispatch}
     />
@@ -67,0 +80,0 @@ );

No alert changes

Improved metrics

Total package byte prevSize

356160

increased by0.09%

Number of lines in readme file

84

increased by18.31%

No dependency changes