ehscan-react-table 0.0.31 → 0.0.32

package/dist/elements/Table.d.ts

@@ -5,6 +5,7 @@ type TableColumn = {
     search?: boolean;
     width?: number;
     small?: boolean;
+    important?: boolean;
 };
 type SortOrder = {
     tag: string;
@@ -38,6 +39,7 @@ type Props = {
     setNearBottom: (nearBottom: boolean) => void;
     changeColumns: (args: any) => void;
     measureCols: MeasureCol[];
+    displayImportant?: boolean;
 };
 export declare const Table: React.FC<Props>;
 export {};

package/dist/elements/Table.js

@@ -12,7 +12,7 @@ import { useEffect, useState, useRef } from "react";
 import TableCellSelectHeadCol from "./TableCellSelectHeadCol";
 import { debounce } from "./Debounce";
 import styles from './table.module.css';
-export const Table = ({ columns, rows, sortOrder, setSortOrder, cellComponents, setSelectedIds, searchTermArraySetter, setSearchTermArraySetter, fallback, nearBottom, setNearBottom, changeColumns, measureCols }) => {
+export const Table = ({ columns, rows, sortOrder, setSortOrder, cellComponents, setSelectedIds, searchTermArraySetter, setSearchTermArraySetter, fallback, nearBottom, setNearBottom, changeColumns, measureCols, displayImportant }) => {
     const [wrapperBottom, setWrapperBottom] = useState(undefined);
     const headerRef = useRef(null);
     const scrollRef = useRef(null);
@@ -143,7 +143,9 @@ export const Table = ({ columns, rows, sortOrder, setSortOrder, cellComponents,
                             : _jsx("div", { onClick: () => setOpenCol(tag), children: (_b = (_a = HeadColMainLit[colTitle]) === null || _a === void 0 ? void 0 : _a.call(HeadColMainLit, colTitle)) !== null && _b !== void 0 ? _b : colTitle }) })] }) }));
     };
     const HeadCols = () => {
-        return (_jsxs(_Fragment, { children: [columns.map((col, i) => {
+        return (_jsxs(_Fragment, { children: [columns
+                    .filter(col => !displayImportant || col.important)
+                    .map((col, i) => {
                     const { tag, type, width } = col;
                     const thWidth = width !== undefined ? `${width}px` : "8px";
                     if (type === "checkbox") {
@@ -162,7 +164,9 @@ export const Table = ({ columns, rows, sortOrder, setSortOrder, cellComponents,
     const EndHeadCol = () => _jsx("th", { style: { "--custom-width": `10px` } }, 'endHeadCol');
     const EndCol = () => _jsx("td", {}, 'endCol');
     const TableBody = () => {
-        return (_jsx("tbody", { className: `${styles.tablebody} ${styles._tbl}`, children: rows && rows.map((row, rowIndex) => (_jsxs("tr", { className: styles.deftabletr, children: [columns.map((col, ci) => {
+        return (_jsx("tbody", { className: `${styles.tablebody} ${styles._tbl}`, children: rows && rows.map((row, rowIndex) => (_jsxs("tr", { className: styles.deftabletr, children: [columns
+                        .filter(col => !displayImportant || col.important)
+                        .map((col, ci) => {
                         var _a;
                         const type = (_a = col.type) !== null && _a !== void 0 ? _a : "def";
                         const CellComponent = cellComponents[type];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ehscan-react-table",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "components",
   "main": "dist/Components.js",
   "types": "dist/Components.d.ts",