mig-schema-table 3.0.4 → 3.0.6

package/dist/SchemaTable/index.d.ts

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

package/dist/SchemaTable/index.js

@@ -5,7 +5,7 @@ import { localeFormat } from "../inc/date";
 import { uncamel } from "../inc/string";
 import Th from "./Th";
 import { SELECT_ALL_COLUMN_NAME, SELECT_ALL_COLUMN_WIDTH } from "./constants";
-export default function SchemaTable({ Heading = VariableSizeList, checkedIndexes, config, customElement, data, defaultSortAsc = false, defaultSortColumn, getRowClassName, getRowSelected, maxHeight, isSearchable, isSortable, onCheckedIndexesChange, onRowClick, rowHeight = 36, schema, searchPlaceholder, style, tableTitle, width, }) {
+export default function SchemaTable({ Heading = VariableSizeList, checkedIndexes, config, customElement, data, defaultSortAsc = false, defaultSortColumn, getRowClassName, getRowSelected, maxHeight, isSearchable, isSortable, onCheckedIndexesChange, onRowClick, rowHeight = 36, schema, searchPlaceholder, style, width, }) {
     const [sortColumn, setSortColumn] = React.useState(defaultSortColumn);
     const [sortAsc, setSortAsc] = React.useState(defaultSortAsc);
     const [searchQuery, setSearchQuery] = React.useState("");
@@ -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], sortedRenderData)
+                ? getRowClassName(data[row._index], row._index)
                 : ""}`,
         };
         if (propConfig === null || propConfig === void 0 ? void 0 : propConfig.renderCell) {
-            return (_jsx("div", Object.assign({}, tdDivProps, { children: propConfig.renderCell(data[row._index], rowIndex) })));
+            return (_jsx("div", Object.assign({}, tdDivProps, { children: propConfig.renderCell(data[row._index], row._index, rowIndex) })));
         }
         if (propName === SELECT_ALL_COLUMN_NAME) {
             const onChecked = () => {
@@ -314,5 +314,5 @@ export default function SchemaTable({ Heading = VariableSizeList, checkedIndexes
             ? rowsMaxHeight
             : rowsHeight;
     }, [maxHeight, isSearchable, rowCount, rowHeight]);
-    return (_jsxs("div", Object.assign({ className: `schema-table${onRowClick ? " schema-table--clickable-rows" : ""}`, style: Object.assign(Object.assign({}, style), { width: rowWidth }) }, { children: [_jsx("div", Object.assign({ className: "tableTitle" }, { children: tableTitle })), _jsxs("div", Object.assign({ className: "action-container" }, { children: [_jsx("div", Object.assign({ style: { flex: 1 } }, { children: isSearchable ? (_jsx("input", { id: "input-filter", type: "text", placeholder: searchPlaceholder || "Search...", value: searchQuery, onChange: onSearchChange, autoFocus: true })) : null })), customElement] })), _jsx(Heading, Object.assign({ height: 50, itemCount: columnCount, itemSize: getColumnWidth, layout: "horizontal", width: rowWidth, sortAsc: sortAsc, setSortAsc: setSortAsc, setSortColumn: setSortColumn, sortColumn: sortColumn, sortedRenderData: sortedRenderData, className: "schema-table__th-row" }, { children: SchemaTableTh }), `thead_${rowWidth}_${sortColumn}_${sortAsc}_${searchQuery}`), _jsx(VariableSizeGrid, Object.assign({ className: "schema-table__tbody", height: tableBodyHeight, width: rowWidth, columnWidth: getColumnWidth, rowHeight: getRowHeight, columnCount: columnCount, rowCount: rowCount }, { children: Td }), `tbody_${rowWidth}_${sortColumn}_${sortAsc}_${searchQuery}_${columnCount}`)] })));
+    return (_jsxs("div", Object.assign({ className: `schema-table${onRowClick ? " schema-table--clickable-rows" : ""}`, style: Object.assign(Object.assign({}, style), { width: rowWidth }) }, { children: [_jsxs("div", Object.assign({ className: "action-container" }, { children: [_jsx("div", Object.assign({ style: { flex: 1 } }, { children: isSearchable ? (_jsx("input", { id: "input-filter", type: "text", placeholder: searchPlaceholder || "Search...", value: searchQuery, onChange: onSearchChange, autoFocus: true })) : null })), customElement] })), _jsx(Heading, Object.assign({ height: 50, itemCount: columnCount, itemSize: getColumnWidth, layout: "horizontal", width: rowWidth, sortAsc: sortAsc, setSortAsc: setSortAsc, setSortColumn: setSortColumn, sortColumn: sortColumn, sortedRenderData: sortedRenderData, className: "schema-table__th-row" }, { children: SchemaTableTh }), `thead_${rowWidth}_${sortColumn}_${sortAsc}_${searchQuery}`), _jsx(VariableSizeGrid, Object.assign({ className: "schema-table__tbody", height: tableBodyHeight, width: rowWidth, columnWidth: getColumnWidth, rowHeight: getRowHeight, columnCount: columnCount, rowCount: rowCount }, { children: Td }), `tbody_${rowWidth}_${sortColumn}_${sortAsc}_${searchQuery}_${columnCount}`)] })));
 }

package/dist/inc/schema.d.ts

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

package/dist/index.css

@@ -20,6 +20,9 @@
   font-weight: bold;
   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, index: number) => React.ReactElement | null;
-    renderData?: (rowData: T, index: number) => string;
+    renderCell?: (rowData: T, dataIndex: number, rowIndex: number) => React.ReactElement | null;
+    renderData?: (rowData: T, dataIndex: 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.4",
+  "version": "3.0.6",
   "main": "dist/index.js",
   "files": [
     "dist/"
@@ -22,7 +22,8 @@
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "tsc -p tsconfig.json; sass --no-source-map src/component/SchemaTable/index.scss dist/index.css"
+    "build": "tsc -p tsconfig.json; sass --no-source-map src/component/SchemaTable/index.scss dist/index.css",
+    "prepublishOnly": "npm run build"
   },
   "eslintConfig": {
     "extends": [