mig-schema-table 3.0.2 → 3.0.3

package/dist/SchemaTable/Th/index.js

@@ -27,7 +27,6 @@ const Th = ({ columnFilters, config, isSortable, name, schema, setColumnFilters,
     if (name === SELECT_ALL_COLUMN_NAME) {
         return (_jsx("div", Object.assign({}, thDivProps, { children: _jsx("div", Object.assign({ style: {
                     width: "100%",
-                    paddingTop: 12,
                     textAlign: "center",
                 }, title: `${numberOfSelectedRows || 0} selected` }, { children: _jsx("input", { type: "checkbox", checked: isAllChecked, onChange: onSelectAllIndexesHandler }) })) })));
     }

package/dist/SchemaTable/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { oas31 } from "openapi3-ts";
-import { IColumnConfig } from "../types";
+import { IColumnConfig, IRenderData } from "../types";
 export interface ISchemaTableComponentProps<T> {
     Heading?: any;
     checkedIndexes?: number[];
@@ -11,13 +11,13 @@ export interface ISchemaTableComponentProps<T> {
     data: T[];
     defaultSortAsc?: boolean;
     defaultSortColumn?: keyof T;
-    getRowClassName?: (rowData: T, dataIndex: number) => string;
+    getRowClassName?: (rowData: T, filteredSortedRows: IRenderData[]) => string;
     getRowSelected?: (rowData: T) => boolean;
     maxHeight?: number;
     isSearchable?: boolean;
     isSortable?: boolean;
-    onCheckedIndexesChange?: (dataIndex: number[]) => void;
-    onRowClick?: (rowData: T, dataIndex: number, event: React.MouseEvent) => void;
+    onCheckedIndexesChange?: (rowIndex: number[]) => void;
+    onRowClick?: (rowData: T, rowIndex: number, event: React.MouseEvent) => void;
     rowHeight?: number;
     schema: oas31.SchemaObject;
     searchPlaceholder?: string;

package/dist/SchemaTable/index.js

@@ -254,11 +254,11 @@ export default function SchemaTable({ Heading = VariableSizeList, checkedIndexes
             className: `schema-table__td schema-table__td--${rowIndex % 2 ? "odd" : "even"}${row && getRowSelected && getRowSelected(data[row._index])
                 ? " schema-table__td--selected"
                 : ""} ${row && getRowClassName
-                ? getRowClassName(data[row._index], row._index)
+                ? getRowClassName(data[row._index], sortedRenderData)
                 : ""}`,
         };
         if (propConfig === null || propConfig === void 0 ? void 0 : propConfig.renderCell) {
-            return (_jsx("div", Object.assign({}, tdDivProps, { children: propConfig.renderCell(data[row._index], row._index, rowIndex) })));
+            return (_jsx("div", Object.assign({}, tdDivProps, { children: propConfig.renderCell(data[row._index], rowIndex) })));
         }
         if (propName === SELECT_ALL_COLUMN_NAME) {
             const onChecked = () => {

package/dist/inc/schema.d.ts

@@ -1,2 +1,2 @@
-import { SchemaObject } from "openapi3-ts/oas31";
-export declare function getEmptyObject<T>(schema: SchemaObject): T;
+import { oas31 } from "openapi3-ts";
+export declare function getEmptyObject<T>(schema: oas31.SchemaObject): T;

package/dist/index.css

@@ -5,7 +5,6 @@
   overflow-x: hidden !important;
   border-collapse: collapse;
   width: 100%;
-  cursor: pointer;
 }
 .schema-table__th-row {
   overflow: hidden !important;
@@ -13,16 +12,14 @@
 .schema-table__th {
   overflow: hidden;
   background-color: #eee;
+  padding-left: 8px;
+  align-items: center;
 }
 .schema-table__th,
 .schema-table__th button {
   font-weight: bold;
-  margin-top: 10px;
   display: flex;
 }
-.schema-table__th--unsortable {
-  padding-left: 8px;
-}
 .schema-table__td {
   overflow: hidden;
   white-space: nowrap;

package/dist/types.d.ts

@@ -5,8 +5,8 @@ export interface IColumnConfig<T> {
     hidden?: boolean;
     hoverTitle?: string;
     isFilterable?: boolean;
-    renderCell?: (rowData: T, dataIndex: number, rowIndex: number) => React.ReactElement | null;
-    renderData?: (rowData: T, dataIndex: number) => string;
+    renderCell?: (rowData: T, index: number) => React.ReactElement | null;
+    renderData?: (rowData: T, index: number) => string;
     sort?: (a: T, b: T, sortAsc: boolean) => number;
     sortByValue?: boolean;
     sortable?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mig-schema-table",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "main": "dist/index.js",
   "files": [
     "dist/"
@@ -8,17 +8,25 @@
   "types": "./dist/index.d.ts",
   "private": false,
   "dependencies": {
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.5.2",
     "@types/node": "^16.18.31",
     "@types/react": "^18.2.6",
     "@types/react-dom": "^18.2.4",
+    "copyfiles": "^2.4.1",
     "date-fns": "^2.30.0",
     "lodash": "^4.17.21",
+    "openapi-typescript": "^6.2.4",
     "openapi3-ts": "^4.1.2",
+    "prettier": "^2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
-    "react-window": "^1.8.9"
+    "react-window": "^1.8.9",
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -47,9 +55,8 @@
     "@types/lodash": "^4.14.194",
     "@types/react-window": "^1.8.5",
     "axios": "^1.4.0",
-    "prettier": "^2.8.8",
     "react-router-dom": "^6.11.2",
     "sass": "^1.62.1",
-    "typescript": "^4.9.5"
+    "scss": "^0.2.4"
   }
 }