@gridsuite/commons-ui 0.46.0 → 0.48.0

package/dist/components/MuiVirtualizedTable/KeyedColumnsRowIndexer.js

@@ -0,0 +1,548 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { equalsArray } from "../../utils/algos.js";
+const CHANGE_WAYS = {
+  SIMPLE: "Simple",
+  TAIL: "Tail",
+  AMEND: "Amend",
+  REMOVE: "Remove"
+};
+const noOpHelper = Object.freeze({
+  debugName: "noOp",
+  maintainsStats: false,
+  initStat: () => void 0,
+  updateStat: (colStat, value) => {
+  },
+  accepts: (value, userParams, outerParams) => {
+    return true;
+  }
+});
+const numericHelper = Object.freeze({
+  debugName: "num",
+  maintainsStats: true,
+  initStat: () => {
+    return { imin: null, imax: null };
+  },
+  updateStat: (colStat, value) => {
+    if (colStat.imin === null || colStat.imin > value) {
+      colStat.imin = value;
+    }
+    if (colStat.imax === null || colStat.imax < value) {
+      colStat.imax = value;
+    }
+  },
+  accepts: (value, userParams, outerParams) => {
+    return true;
+  }
+});
+const collectibleHelper = Object.freeze({
+  debugName: "collectible",
+  maintainsStats: true,
+  initStat: () => {
+    return { seen: {}, kept: {} };
+  },
+  updateStat: (colStat, cellValue, isForKeep) => {
+    const m = isForKeep ? colStat.kept : colStat.seen;
+    if (!m[cellValue]) {
+      m[cellValue] = 1;
+    } else {
+      m[cellValue] += 1;
+    }
+  },
+  accepts: (value, userParams, outerParams) => {
+    return !userParams || userParams.some((v) => v === value);
+  }
+});
+const getHelper = (column) => {
+  if (column == null ? void 0 : column.numeric) {
+    return numericHelper;
+  } else if (!(column == null ? void 0 : column.nostat)) {
+    return collectibleHelper;
+  } else {
+    return noOpHelper;
+  }
+};
+class KeyedColumnsRowIndexer {
+  constructor(isThreeState = true, singleColumnByDefault = false, delegatorCallback = null, versionSetter = null) {
+    __publicField(this, "hasVersionSetter", () => {
+      return !!this._versionSetter;
+    });
+    __publicField(this, "getVersion", () => {
+      return this.version;
+    });
+    __publicField(this, "_bumpVersion", (isFilter = false) => {
+      this.version += 1;
+      if (isFilter) {
+        this.filterVersion = this.version;
+      }
+      if (this.delegatorCallback) {
+        this.indirectionStatus = "to sort";
+        this.delegatorCallback(this, (updated_ok) => {
+          this.indirectionStatus = updated_ok ? "done" : "no_luck";
+        });
+      }
+      if (this._versionSetter) {
+        this._versionSetter(this.version);
+      }
+    });
+    __publicField(this, "updatePreferences", (preferences) => {
+      if (preferences.isThreeState === this.isThreeState && preferences.singleColumnByDefault === this.singleColumnByDefault) {
+        return false;
+      }
+      if (preferences.isThreeState !== this.isThreeState) {
+        this.isThreeState = preferences.isThreeState;
+      }
+      if (preferences.singleColumnByDefault !== this.singleColumnByDefault) {
+        this.singleColumnByDefault = preferences.singleColumnByDefault;
+      }
+      this._bumpVersion();
+    });
+    // Does not mutate any internal
+    // returns
+    // { rowAndOrigIndex : [[row, originalRowIndex],...],
+    //   colsStats : {
+    //     colKey1 : {
+    //       seen : Map(value : count),
+    //       kept : Map(value : count)
+    //     },
+    //     colKey2 : {
+    //       imin : number,
+    //       imax : number,
+    //     }, colKeyN, ...
+    //   }
+    // }
+    __publicField(this, "preFilterRowMapping", (columns, rows, rowFilter) => {
+      var _a;
+      if (!(rows == null ? void 0 : rows.length) || !(columns == null ? void 0 : columns.length)) {
+        return null;
+      }
+      const ri = [];
+      const cs = {};
+      for (const col of columns) {
+        const helper = getHelper(col);
+        const colStat = helper.initStat();
+        if (colStat) {
+          cs[col.dataKey] = colStat;
+        }
+      }
+      for (let rowIdx = 0; rowIdx < rows.length; rowIdx++) {
+        const row = rows[rowIdx];
+        let acceptsRow = true;
+        let acceptedOnRow = {};
+        for (let colIdx = 0; colIdx < columns.length; colIdx++) {
+          const col = columns[colIdx];
+          const helper = getHelper(col);
+          const colKey = col.dataKey;
+          const cellValue = row[colKey];
+          helper.updateStat(cs[colKey], cellValue, false);
+          const colFilterParams = (_a = this.byColFilter) == null ? void 0 : _a[colKey];
+          let acceptsCell = true;
+          if (colFilterParams) {
+            const up = colFilterParams.userParams;
+            const op = colFilterParams.outerParams;
+            if (!helper.accepts(cellValue, up, op)) {
+              acceptsCell = false;
+            }
+          }
+          if (helper.maintainsStats && acceptsCell) {
+            acceptedOnRow[colIdx] = cellValue;
+          }
+          acceptsRow &= acceptsCell;
+        }
+        if (acceptsRow && rowFilter) {
+          acceptsRow = rowFilter(row);
+        }
+        if (acceptsRow && this.byRowFilter) {
+          acceptsRow = this.byRowFilter(row);
+        }
+        if (acceptsRow) {
+          for (let [idx, value] of Object.entries(acceptedOnRow)) {
+            const col = columns[idx];
+            const helper = getHelper(col);
+            helper.updateStat(cs[col.dataKey], value, true);
+          }
+          ri.push([row, rowIdx]);
+        }
+      }
+      return { rowAndOrigIndex: ri, colsStats: cs, rowsCount: rows.length };
+    });
+    // Does not mutate any internal
+    // returns an array of indexes in rows given to preFilter
+    __publicField(this, "makeGroupAndSortIndirector", (preFilteredRowPairs, columns) => {
+      if (!preFilteredRowPairs) {
+        return null;
+      }
+      const codedColumns = !this.sortingState ? null : codedColumnsFromKeyAndDirection(this.sortingState, columns);
+      const groupingColumnsCount = this.groupingCount;
+      let indexedArray = groupAndSort(
+        preFilteredRowPairs,
+        codedColumns,
+        groupingColumnsCount,
+        columns
+      );
+      return !indexedArray ? null : indexedArray.map((k) => k[1]);
+    });
+    __publicField(this, "getSortingAsKeyAndCodedRank", () => {
+      if (!this.sortingState) {
+        return [];
+      }
+      return this.sortingState.map((kd, i) => {
+        const sign = giveDirSignFor(kd[1]);
+        const codedRank = sign * (i + 1);
+        return [kd[0], codedRank];
+      });
+    });
+    // returns true if really changed (and calls versionSetter if needed)
+    __publicField(this, "updateSortingFromUser", (colKey, change_way) => {
+      const keyAndDirections = this.sortingState;
+      if (change_way === CHANGE_WAYS.REMOVE) {
+        if (!keyAndDirections) {
+          return false;
+        }
+        const would = keyAndDirections.filter((p) => p[0] !== colKey);
+        if (would.length === keyAndDirections.length) {
+          return false;
+        }
+        this.sortingState = would.length ? would : null;
+      } else if (!keyAndDirections) {
+        this.sortingState = [[colKey, canonicalForSign(1)]];
+        this.lastUsedRank = 1;
+      } else {
+        let wasAtIdx = keyAndDirections.findIndex((p) => p[0] === colKey);
+        const wasFuzzyDir = wasAtIdx < 0 ? 0 : keyAndDirections[wasAtIdx][1];
+        const wasSignDir = giveDirSignFor(wasFuzzyDir);
+        if (change_way === CHANGE_WAYS.SIMPLE) {
+          if (wasSignDir < 0 && this.isThreeState) {
+            if (this.sortingState.length === 1) {
+              this.sortingState = null;
+            } else {
+              this.sortingState.splice(wasAtIdx, 1);
+            }
+          } else {
+            if (this.singleColumnByDefault || wasAtIdx < 0) {
+              this.sortingState = [];
+            } else {
+              this.sortingState.splice(wasAtIdx, 1);
+            }
+            const nextSign = wasSignDir ? -wasSignDir : 1;
+            const nextKD = [colKey, canonicalForSign(nextSign)];
+            this.sortingState.unshift(nextKD);
+          }
+        } else if (change_way === CHANGE_WAYS.TAIL) {
+          if (wasAtIdx < 0) {
+            this.sortingState.push([colKey, canonicalForSign(1)]);
+          } else if (wasAtIdx !== keyAndDirections.length - 1) {
+            return false;
+          } else if (!(this.isThreeState && wasSignDir === -1)) {
+            this.sortingState[wasAtIdx][1] = canonicalForSign(
+              -wasSignDir
+            );
+          } else {
+            this.sortingState.splice(wasAtIdx, 1);
+          }
+        } else {
+          if (wasAtIdx < 0) {
+            if (this.lastUsedRank - 1 > this.sortingState.length) {
+              return false;
+            } else {
+              this.sortingState.splice(this.lastUsedRank - 1, 0, [
+                colKey,
+                canonicalForSign(1)
+              ]);
+            }
+          } else if (!(this.isThreeState && wasSignDir === -1)) {
+            this.sortingState[wasAtIdx][1] = canonicalForSign(
+              -wasSignDir
+            );
+          } else {
+            this.lastUsedRank = wasAtIdx + 1;
+            this.sortingState.splice(wasAtIdx, 1);
+          }
+        }
+      }
+      this._bumpVersion();
+      return true;
+    });
+    __publicField(this, "codedRankByColumnIndex", (columns) => {
+      return codedColumnsFromKeyAndDirection(this.sortingState, columns);
+    });
+    __publicField(this, "columnSortingSignedRank", (colKey) => {
+      var _a;
+      if (!((_a = this == null ? void 0 : this.sortingState) == null ? void 0 : _a.length)) {
+        return 0;
+      }
+      const idx = this.sortingState.findIndex((kd) => kd[0] === colKey);
+      if (idx < 0) {
+        return 0;
+      }
+      const colSorting = this.sortingState[idx];
+      return giveDirSignFor(colSorting[1]) * (idx + 1);
+    });
+    __publicField(this, "highestCodedColumn", (columns) => {
+      var _a;
+      if (!((_a = this == null ? void 0 : this.sortingState) == null ? void 0 : _a.length)) {
+        return 0;
+      }
+      const colSorting = this.sortingState[0];
+      const colKey = colSorting[0];
+      const idx = columns.findIndex((col) => col.dataKey === colKey);
+      if (idx < 0) {
+        return 0;
+      }
+      return giveDirSignFor(colSorting[1]) * (idx + 1);
+    });
+    __publicField(this, "_getColFilterParams", (colKey, isForUser) => {
+      if (!colKey || !this.byColFilter) {
+        return void 0;
+      }
+      const colFilter = this.byColFilter[colKey];
+      if (!colFilter) {
+        return void 0;
+      }
+      return colFilter[isForUser ? "userParams" : "outerParams"];
+    });
+    __publicField(this, "_setColFilterParams", (colKey, params, isForUser) => {
+      var _a;
+      if (!colKey) {
+        if (params) {
+          throw new Error("column key has to be defined");
+        }
+        return false;
+      }
+      const fieldName = isForUser ? "userParams" : "outerParams";
+      if (params) {
+        if (!this.byColFilter) {
+          this.byColFilter = {};
+        }
+        let colFilter = this.byColFilter[colKey];
+        if (!colFilter) {
+          colFilter = {};
+          this.byColFilter[colKey] = colFilter;
+        } else if (colFilter[fieldName] === params) {
+          return false;
+        }
+        colFilter[fieldName] = params;
+      } else {
+        if (!this.byColFilter) {
+          return false;
+        }
+        const otherFieldName = !isForUser ? "userParams" : "outerParams";
+        if ((_a = this.byColFilter[colKey]) == null ? void 0 : _a[otherFieldName]) {
+          delete this.byColFilter[colKey][fieldName];
+        } else {
+          delete this.byColFilter[colKey];
+        }
+      }
+      if (isForUser) {
+        this._bumpVersion(true);
+      }
+      return true;
+    });
+    __publicField(this, "getColFilterOuterParams", (colKey) => {
+      return this._getColFilterParams(colKey, false);
+    });
+    __publicField(this, "setColFilterOuterParams", (colKey, outerParams) => {
+      return this._setColFilterParams(colKey, outerParams, false);
+    });
+    __publicField(this, "getColFilterUserParams", (colKey) => {
+      return this._getColFilterParams(colKey, true);
+    });
+    __publicField(this, "setColFilterUserParams", (colKey, params) => {
+      return this._setColFilterParams(colKey, params, true);
+    });
+    __publicField(this, "getUserFiltering", () => {
+      const ret = {};
+      if (this.byColFilter) {
+        Object.entries(this.byColFilter).forEach(([k, v]) => {
+          if (!v.userParams) {
+            return;
+          }
+          ret[k] = [...v.userParams];
+        });
+      }
+      return ret;
+    });
+    __publicField(this, "updateRowFiltering", (rowFilterFunc) => {
+      if (typeof rowFilterFunc !== "function") {
+        throw new Error("row filter should be a function");
+      }
+      this.byRowFilter = rowFilterFunc;
+      this._bumpVersion();
+    });
+    this._versionSetter = versionSetter;
+    this.version = 0;
+    this.filterVersion = 0;
+    this.delegatorCallback = delegatorCallback;
+    this.indirectionStatus = null;
+    this.isThreeState = isThreeState;
+    this.singleColumnByDefault = singleColumnByDefault;
+    this.lastUsedRank = 1;
+    this.sortingState = null;
+    this.groupingCount = 0;
+    this.byColFilter = null;
+    this.byRowFilter = null;
+  }
+  static get CHANGE_WAYS() {
+    return CHANGE_WAYS;
+  }
+}
+const giveDirSignFor = (fuzzySign) => {
+  if (fuzzySign < 0) {
+    return -1;
+  }
+  if (fuzzySign > 0) {
+    return 1;
+  }
+  if (fuzzySign === "asc") {
+    return 1;
+  }
+  if (fuzzySign === "desc") {
+    return -1;
+  }
+  return 0;
+};
+const canonicalForSign = (dirSign) => {
+  if (dirSign > 0) {
+    return "asc";
+  }
+  if (dirSign < 0) {
+    return "desc";
+  }
+  return void 0;
+};
+const codedColumnsFromKeyAndDirection = (keyAndDirections, columns) => {
+  if (!keyAndDirections) {
+    return null;
+  }
+  const ret = [];
+  const columIndexByKey = {};
+  for (let colIdx = 0; colIdx < columns.length; colIdx++) {
+    const col = columns[colIdx];
+    const colKey = col.dataKey;
+    columIndexByKey[colKey] = colIdx;
+  }
+  for (const knd of keyAndDirections) {
+    const colKey = knd[0];
+    const dir = knd[1];
+    const colIdx = columIndexByKey[colKey];
+    if (colIdx === void 0) {
+      continue;
+    }
+    const sign = giveDirSignFor(dir);
+    ret.push((colIdx + 1) * sign);
+  }
+  return ret;
+};
+const compareValue = (a, b, isNumeric, undefSign = -1) => {
+  if (a === void 0 && b === void 0) {
+    return 0;
+  } else {
+    if (a === void 0) {
+      return undefSign;
+    } else {
+      if (b === void 0) {
+        return -undefSign;
+      }
+    }
+  }
+  if (!isNumeric) {
+    return ("" + a).localeCompare(b);
+  } else {
+    if (isNaN(a)) {
+      return isNaN(b) ? 0 : 1;
+    }
+    if (isNaN(b)) {
+      return -1;
+    }
+    return Math.sign(Number(a) - Number(b));
+  }
+};
+const makeCompositeComparatorFromCodedColumns = (codedColumns, columns, rowExtractor) => {
+  return (row_a_i, row_b_i) => {
+    const row_a = rowExtractor(row_a_i);
+    const row_b = rowExtractor(row_b_i);
+    for (const cc of codedColumns) {
+      const i = Math.abs(cc) - 1;
+      const mul = Math.sign(cc);
+      const col = columns[i];
+      const key = col.dataKey;
+      const sgn = compareValue(row_a[key], row_b[key], col.numeric);
+      if (sgn) {
+        return mul * sgn;
+      }
+    }
+    return 0;
+  };
+};
+const groupRows = (groupingColumnsCount, columns, indexedArray) => {
+  const groupingComparator = makeCompositeComparatorFromCodedColumns(
+    Array(groupingColumnsCount).map((x, i) => i + 1),
+    columns,
+    (ar) => ar[0]
+  );
+  indexedArray.sort(groupingComparator);
+  const groups = [];
+  let prevSlice = null;
+  let inBuildGroup = [];
+  groups.push(inBuildGroup);
+  for (const p of indexedArray) {
+    const nextSlice = p[0].slice(0, groupingColumnsCount);
+    if (prevSlice === null || !equalsArray(prevSlice, nextSlice)) {
+      inBuildGroup = [];
+      groups.push(inBuildGroup);
+    }
+    inBuildGroup.push(p);
+    prevSlice = nextSlice;
+  }
+  return groups;
+};
+const groupAndSort = (preFilteredRowPairs, codedColumns, groupingColumnsCount, columns) => {
+  const nothingToDo = !codedColumns && !groupingColumnsCount;
+  let indexedArray = preFilteredRowPairs.rowAndOrigIndex;
+  const noOutFiltered = preFilteredRowPairs.rowsCount === indexedArray.length;
+  if (nothingToDo && noOutFiltered) {
+    return null;
+  } else if (!nothingToDo) {
+    indexedArray = [...indexedArray];
+  }
+  if (nothingToDo)
+    ;
+  else if (!groupingColumnsCount) {
+    const sortingComparator = makeCompositeComparatorFromCodedColumns(
+      codedColumns,
+      columns,
+      (ar) => ar[0]
+    );
+    indexedArray.sort(sortingComparator);
+  } else {
+    const groups = groupRows(groupingColumnsCount, columns, indexedArray);
+    const interGroupSortingComparator = makeCompositeComparatorFromCodedColumns(
+      codedColumns,
+      columns,
+      (ar) => ar[0][0]
+    );
+    groups.sort(interGroupSortingComparator);
+    const intraGroupSortingComparator = makeCompositeComparatorFromCodedColumns(
+      codedColumns,
+      columns,
+      (ar) => ar[0]
+    );
+    indexedArray = [];
+    for (const group of groups) {
+      group.sort(intraGroupSortingComparator);
+      indexedArray.push(...group);
+    }
+  }
+  return indexedArray;
+};
+export {
+  CHANGE_WAYS,
+  KeyedColumnsRowIndexer,
+  collectibleHelper,
+  getHelper,
+  noOpHelper
+};

package/dist/components/MuiVirtualizedTable/MuiVirtualizedTable.d.ts

@@ -0,0 +1,131 @@
+export const DEFAULT_CELL_PADDING: 16;
+export const DEFAULT_HEADER_HEIGHT: 48;
+export const DEFAULT_ROW_HEIGHT: 48;
+export function generateMuiVirtualizedTableClass(className: any): string;
+declare const _default: import("@emotion/styled").StyledComponent<Pick<PropTypes.InferProps<{
+    name: PropTypes.Requireable<string>;
+    classes: PropTypes.Requireable<object>;
+    rows: PropTypes.Requireable<any[]>;
+    columns: PropTypes.Validator<(PropTypes.InferProps<{
+        dataKey: PropTypes.Validator<string>;
+        label: PropTypes.Validator<string>;
+        numeric: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<number>;
+        minWidth: PropTypes.Requireable<number>;
+        maxWidth: PropTypes.Requireable<number>;
+        unit: PropTypes.Requireable<string>;
+        fractionDigits: PropTypes.Requireable<number>;
+        extra: PropTypes.Requireable<PropTypes.ReactElementLike>;
+    }> | null | undefined)[]>;
+    enableExportCSV: PropTypes.Requireable<boolean>;
+    exportCSVDataKeys: PropTypes.Requireable<any[]>;
+    sort: PropTypes.Requireable<(...args: any[]) => any>;
+    sortable: PropTypes.Requireable<boolean>;
+    indexer: PropTypes.Requireable<object>;
+    headerHeight: PropTypes.Requireable<number>;
+    onRowClick: PropTypes.Requireable<(...args: any[]) => any>;
+    onCellClick: PropTypes.Requireable<(...args: any[]) => any>;
+    rowHeight: PropTypes.Requireable<number>;
+    filter: PropTypes.Requireable<(...args: any[]) => any>;
+    tooltipSx: PropTypes.Requireable<object>;
+}>, "filter" | "name" | "rows" | "columns" | "sort" | "tooltipSx" | "indexer" | "sortable" | "exportCSVDataKeys" | "onRowClick" | "onCellClick"> & {
+    classes?: object | null | undefined;
+    headerHeight?: number | null | undefined;
+    enableExportCSV?: boolean | null | undefined;
+    rowHeight?: number | null | undefined;
+} & {} & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {
+    ref?: React.Ref<MuiVirtualizedTable> | undefined;
+}>;
+export default _default;
+import PropTypes from 'prop-types';
+declare class MuiVirtualizedTable extends React.PureComponent<any, any, any> {
+    static defaultProps: {
+        headerHeight: number;
+        rowHeight: number;
+        enableExportCSV: boolean;
+        classes: {};
+    };
+    constructor(props: any, context: any);
+    _computeHeaderSize(): void;
+    _registerHeader(label: any, header: any): void;
+    _registerObserver(element: any): void;
+    headers: React.RefObject<any>;
+    observer: IntersectionObserver;
+    state: {
+        headerHeight: any;
+        indexer: any;
+        indirectionVersion: number;
+        popoverAnchorEl: null;
+        popoverColKey: null;
+        deferredFilterChange: null;
+    };
+    setVersion: (v: any) => void;
+    componentDidUpdate(oldProps: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    computeDataWidth: (text: any) => any;
+    sizes: import("memoize-one").MemoizedFn<(this: any, columns: any, rows: any, rowGetter: any) => {}>;
+    openPopover: (popoverTarget: any, colKey: any) => void;
+    dropDownVisible: any;
+    handleKeyDownOnPopover: (evt: any) => void;
+    closePopover: (evt: any, reason: any) => void;
+    makeColumnFilterEditor: () => import("react/jsx-runtime").JSX.Element;
+    _commitFilterChange: () => boolean;
+    onFilterParamsChange(newVal: any, colKey: any): void;
+    sortClickHandler: (evt: any, name: any, columnIndex: any) => void;
+    filterClickHandler: (evt: any, target: any, columnIndex: any) => void;
+    sortableHeader: ({ label, columnIndex }: {
+        label: any;
+        columnIndex: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    simpleHeaderRenderer: ({ label }: {
+        label: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    getRowClassName: ({ index, rowGetter }: {
+        index: any;
+        rowGetter: any;
+    }) => string;
+    onClickableRowClick: (event: any) => void;
+    cellRenderer: ({ cellData, columnIndex, rowIndex }: {
+        cellData: any;
+        columnIndex: any;
+        rowIndex: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    getDisplayValue(column: any, cellData: any): any;
+    makeHeaderRenderer(dataKey: any, columnIndex: any): (headerProps: any) => import("react/jsx-runtime").JSX.Element;
+    makeSizedTable: (height: any, width: any, sizes: any, reorderedIndex: any, rowGetter: any) => import("react/jsx-runtime").JSX.Element;
+    getCSVFilename: () => any;
+    getCSVData: () => Promise<{}[]>;
+    csvHeaders: import("memoize-one").MemoizedFn<(this: any, columns: any, exportCSVDataKeys: any) => any[]>;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+declare namespace MuiVirtualizedTable {
+    namespace propTypes {
+        const name: PropTypes.Requireable<string>;
+        const classes: PropTypes.Requireable<object>;
+        const rows: PropTypes.Requireable<any[]>;
+        const columns: PropTypes.Validator<(PropTypes.InferProps<{
+            dataKey: PropTypes.Validator<string>;
+            label: PropTypes.Validator<string>;
+            numeric: PropTypes.Requireable<boolean>;
+            width: PropTypes.Requireable<number>;
+            minWidth: PropTypes.Requireable<number>;
+            maxWidth: PropTypes.Requireable<number>;
+            unit: PropTypes.Requireable<string>;
+            fractionDigits: PropTypes.Requireable<number>;
+            extra: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        }> | null | undefined)[]>;
+        const enableExportCSV: PropTypes.Requireable<boolean>;
+        const exportCSVDataKeys: PropTypes.Requireable<any[]>;
+        const sort: PropTypes.Requireable<(...args: any[]) => any>;
+        const sortable: PropTypes.Requireable<boolean>;
+        const indexer: PropTypes.Requireable<object>;
+        const headerHeight: PropTypes.Requireable<number>;
+        const onRowClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const onCellClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const rowHeight: PropTypes.Requireable<number>;
+        const filter: PropTypes.Requireable<(...args: any[]) => any>;
+        const tooltipSx: PropTypes.Requireable<object>;
+    }
+}
+import React from 'react';