mig-schema-table 5.0.2 → 5.0.3

package/dist/mig-schema-table.d.ts

@@ -0,0 +1,156 @@
+import { default as default_2 } from 'react';
+import { default as default_3 } from 'react-window-infinite-loader';
+import { Dispatch } from 'react';
+import { InputHTMLAttributes } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { oas31 } from 'openapi3-ts';
+import { SetStateAction } from 'react';
+import { VariableSizeGrid } from 'react-window';
+import { VariableSizeListProps } from 'react-window';
+
+export declare const DEFAULT_DATE_FORMAT = "dd MMM yyyy";
+
+export declare const DEFAULT_DATE_TIME_FORMAT = "dd MMM yyyy HH:mm";
+
+export declare enum EColumnFilterStatus {
+    UNAVAILABLE = "UNAVAILABLE",
+    AVAILABLE = "AVAILABLE",
+    ACTIVE = "ACTIVE"
+}
+
+export declare interface IColumnConfig<T> {
+    FilterMenu?: default_2.ComponentType<IFilterMenuComponentProps>;
+    align?: "start" | "center" | "end";
+    dateFormat?: string;
+    defaultSortDesc?: boolean;
+    filter?: (rowData: T, columnFilterValue: unknown) => boolean;
+    hidden?: boolean;
+    hoverTitle?: string;
+    isFilterable?: boolean;
+    order?: number;
+    TdBody?: default_2.ComponentType<ITdBodyProps<T> & Record<string, unknown>>;
+    tdBodyProps?: Record<string, unknown>;
+    renderData?: (rowData: T, dataIndex: number) => string;
+    showTimezones?: false;
+    sort?: (a: T, b: T, sortAsc: boolean) => number;
+    sortByValue?: boolean;
+    isSortable?: boolean;
+    title?: string | default_2.ReactElement;
+    width?: number;
+    timezone?: "Asia/Jakarta" | "Europe/Amsterdam";
+}
+
+declare interface IColumnFilterMap {
+    [propName: string]: unknown;
+}
+
+export declare interface ICustomElementProps {
+    renderData?: IRenderData[];
+}
+
+export declare interface IFilterMenuComponentProps<T = any> {
+    columnFilterValue?: T;
+    onChange: (newValue: T | undefined, persistState?: boolean) => void;
+    onInputKeyDown: (e: default_2.KeyboardEvent<HTMLElement>) => void;
+    propIsRequired: boolean;
+    propName: string;
+    propSchema?: oas31.SchemaObject;
+    translate: (key: string, ...args: Array<string | number>) => string;
+}
+
+declare interface IRefresherProps {
+    refresh: () => void;
+    period?: number;
+}
+
+export declare interface IRenderData {
+    _index: number;
+    [key: string]: string;
+}
+
+export declare interface ISchemaTableProps<T> {
+    Heading?: default_2.ComponentType<VariableSizeListProps & {
+        setFilterSortColumn?: (sortColumn: string, sortAsc: boolean) => void;
+        sortAsc?: boolean;
+        sortColumn?: string;
+        sortedRenderData?: IRenderData[];
+    }>;
+    checkedIndexes?: number[];
+    config?: {
+        [propName: string]: IColumnConfig<T>;
+    };
+    CustomSearchInput?: default_2.ComponentType<InputHTMLAttributes<HTMLInputElement>>;
+    CustomElement?: default_2.ComponentType<ICustomElementProps>;
+    customElementProps?: {
+        [controlProp: string]: unknown;
+    };
+    data: T[] | ((getDataProps: ITableDataState) => Promise<T[]>);
+    defaultColumnFilters?: IColumnFilterMap;
+    defaultSortAsc?: boolean;
+    defaultSortColumn?: string;
+    disabledCheckedIndexes?: number[];
+    enableAutoFocus?: boolean;
+    enableRowCounter?: boolean;
+    getRowClassName?: (rowData: T, dataIndex: number, filteredSortedData: IRenderData[]) => string;
+    getRowSelected?: (rowData: T, dataIndex: number) => boolean;
+    getSearchQueryFilterResult?: (rowData: T, searchQuery: string) => boolean;
+    infiniteLoaderRef?: default_2.LegacyRef<default_3>;
+    isColumnFilterable?: boolean;
+    isExportable?: boolean;
+    isResizable?: boolean;
+    isSearchable?: boolean;
+    isSortable?: boolean;
+    maxHeight?: number | "100%";
+    setCheckedIndexes?: Dispatch<SetStateAction<number[]>>;
+    onRowClick?: (rowData: T, dataIndex: number, event: default_2.MouseEvent) => void;
+    onRowDoubleClick?: (rowData: T, dataIndex: number, event: default_2.MouseEvent) => void;
+    onSearchEnter?: (searchQuery: string) => void;
+    onTableDataStateChange?: (newTableDataState: ITableDataState) => void;
+    rowHeight?: number;
+    schema: oas31.SchemaObject;
+    searchPlaceholder?: string;
+    settingsStorageKey?: string;
+    style?: default_2.CSSProperties;
+    translate?: (key: string, ...args: Array<string | number>) => string;
+    useFilterStateHash?: boolean;
+    width?: number;
+    variableSizeGridRef?: default_2.RefObject<VariableSizeGrid>;
+    loadMoreItems?: (startIndex: number, stopIndex: number) => void | Promise<void>;
+    itemCount?: number;
+    displayTimezone?: "Europe/Amsterdam" | "Asia/Jakarta";
+    autoRender?: boolean;
+}
+
+export declare interface ITableDataState {
+    columnFilterMap: IColumnFilterMap;
+    searchQuery: string;
+    sortColumn?: string;
+    sortAsc?: boolean;
+}
+
+export declare interface ITdBodyProps<T> {
+    rowData: T;
+    dataIndex: number;
+    rowIndex: number;
+}
+
+declare interface IThProps {
+    index: number;
+    style: default_2.CSSProperties;
+}
+
+export declare const MINIMUM_COLUMN_WIDTH = 25;
+
+export declare const Refresher: default_2.MemoExoticComponent<({ refresh, period }: IRefresherProps) => JSX_2.Element>;
+
+export declare const RESIZER_WIDTH = 3;
+
+export declare const SchemaTable: typeof SchemaTable_2;
+
+declare const SchemaTable_2: <T>({ CustomElement, CustomSearchInput, Heading, autoRender, checkedIndexes, config, customElementProps, data, defaultColumnFilters, defaultSortAsc, defaultSortColumn, disabledCheckedIndexes, displayTimezone, enableAutoFocus, enableRowCounter, getRowClassName, getRowSelected, getSearchQueryFilterResult, infiniteLoaderRef, isColumnFilterable, isExportable, isResizable, isSearchable, isSortable, itemCount, loadMoreItems, maxHeight, onRowClick, onRowDoubleClick, onSearchEnter, onTableDataStateChange, rowHeight, schema, searchPlaceholder, setCheckedIndexes, settingsStorageKey, style, translate, useFilterStateHash, variableSizeGridRef, width, }: ISchemaTableProps<T>) => JSX_2.Element;
+
+export declare const Th: typeof Th_2;
+
+declare const Th_2: <T>({ index, style }: IThProps) => JSX_2.Element;
+
+export { }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "mig-schema-table",
-  "version": "5.0.2",
+  "version": "5.0.3",
   "type": "module",
   "files": [
     "dist"
   ],
   "exports": {
     ".": {
-      "types": "./dist/component/index.d.ts",
+      "types": "./dist/mig-schema-table.d.ts",
       "import": "./dist/mig-schema-table.es.js",
       "require": "./dist/mig-schema-table.umd.js"
     },
@@ -15,7 +15,7 @@
   },
   "main": "./dist/mig-schema-table.umd.js",
   "module": "./dist/mig-schema-table.es.js",
-  "types": "./dist/component/index.d.ts",
+  "types": "./dist/mig-schema-table.d.ts",
   "private": false,
   "scripts": {
     "dev": "vite",
@@ -31,7 +31,7 @@
     "exceljs": "^4.4.0",
     "file-saver": "^2.0.5",
     "lodash": "^4.17.21",
-    "mig-data-tools": "^1.0.4",
+    "mig-data-tools": "^1.0.10",
     "react-datepicker": "^8.9.0",
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9"
@@ -57,16 +57,16 @@
     "@types/react-window-infinite-loader": "^1.0.9",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
-    "@vitejs/plugin-react-swc": "^3.5.0",
+    "@vitejs/plugin-react-swc": "^4.2.2",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
     "openapi3-ts": "^4.3.1",
     "prettier": "^3.2.5",
     "sass": "^1.77.2",
-    "typescript": "^5.2.2",
+    "typescript": "5.8.2",
     "vite": "^7.2.2",
-    "vite-plugin-dts": "^3.9.1"
+    "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {
     "react": "^18.2.0",

package/dist/component/Refresher/index.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-
-interface IRefresherProps {
-    refresh: () => void;
-    period?: number;
-}
-declare const Refresher: React.MemoExoticComponent<({ refresh, period }: IRefresherProps) => import("react/jsx-runtime").JSX.Element>;
-export default Refresher;

package/dist/component/SchemaTable/ColumnResizers/index.d.ts

@@ -1,8 +0,0 @@
-interface IColumnResizersProps {
-    columnWidths: Uint16Array;
-    resizeColumnIndex: number;
-    setResizeColumnIndex: (newResizeColumnIndex: number) => void;
-    tableBodyHeight: number;
-}
-declare const ColumnResizers: ({ columnWidths, resizeColumnIndex, setResizeColumnIndex, tableBodyHeight, }: IColumnResizersProps) => import("react/jsx-runtime").JSX.Element;
-export default ColumnResizers;

package/dist/component/SchemaTable/Td/index.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-
-interface ITdProps {
-    columnIndex: number;
-    rowIndex: number;
-    style: React.CSSProperties;
-}
-declare const Td: <T>({ columnIndex, rowIndex, style }: ITdProps) => import("react/jsx-runtime").JSX.Element | null;
-declare const MemoizedTd: typeof Td;
-export default MemoizedTd;

package/dist/component/SchemaTable/Th/index.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-
-interface IThProps {
-    index: number;
-    style: React.CSSProperties;
-}
-declare const Th: <T>({ index, style }: IThProps) => import("react/jsx-runtime").JSX.Element;
-declare const MemoizedTh: typeof Th;
-export default MemoizedTh;

package/dist/component/SchemaTable/ThMenu/FilterMenuComponent/index.d.ts

@@ -1,14 +0,0 @@
-import { default as React } from 'react';
-import { oas31 } from 'openapi3-ts';
-
-export interface IFilterMenuComponentProps<T = any> {
-    columnFilterValue?: T;
-    onChange: (newValue: T | undefined, persistState?: boolean) => void;
-    onInputKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
-    propIsRequired: boolean;
-    propName: string;
-    propSchema?: oas31.SchemaObject;
-    translate: (key: string, ...args: Array<string | number>) => string;
-}
-declare const FilterMenuComponent: React.MemoExoticComponent<(<T>({ columnFilterValue, onChange, onInputKeyDown, propIsRequired, propName, propSchema, translate, }: IFilterMenuComponentProps<T>) => import("react/jsx-runtime").JSX.Element)>;
-export default FilterMenuComponent;

package/dist/component/SchemaTable/ThMenu/index.d.ts

@@ -1,25 +0,0 @@
-import { default as React } from 'react';
-import { oas31 } from 'openapi3-ts';
-import { IColumnConfig } from '../../types';
-
-export interface IThMenuConfig<T> {
-    referenceElement: HTMLElement;
-    propName: string;
-    propConfig?: IColumnConfig<T>;
-    propIsRequired: boolean;
-}
-type TThMenuProps<T> = IThMenuConfig<T> & {
-    isSortable: boolean;
-    isFilterable: boolean;
-    onChange: (newValue: T | undefined, persistState?: boolean) => void;
-    onClose: (e: MouseEvent | React.MouseEvent) => void;
-    onInputKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
-    propIsRequired: boolean;
-    propSchema: oas31.SchemaObject;
-    setFilterSortColumn: (sortColumn: string, sortAsc: boolean) => void;
-    translate: (key: string, ...args: Array<string | number>) => string;
-    value: T | null;
-};
-declare const ThMenu: <T>({ isSortable, isFilterable, onChange, onClose, onInputKeyDown, propConfig, propIsRequired, propName, propSchema, referenceElement, setFilterSortColumn, translate, value, }: TThMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;
-declare const MemoizedThMenu: typeof ThMenu;
-export default MemoizedThMenu;

package/dist/component/SchemaTable/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const SELECT_ALL_COLUMN_NAME = "SELECT_ALL_COLUMN_NAME";
-export declare const SELECT_ALL_COLUMN_WIDTH = 40;

package/dist/component/SchemaTable/index.d.ts

@@ -1,85 +0,0 @@
-import { default as React, Dispatch, InputHTMLAttributes, SetStateAction } from 'react';
-import { oas31 } from 'openapi3-ts';
-import { VariableSizeGrid, VariableSizeListProps } from 'react-window';
-import { IColumnConfig, IRenderData } from '../types';
-import { ENumberColumnFilterOperation } from '../inc/constant';
-import { default as InfiniteLoader } from 'react-window-infinite-loader';
-
-export interface IColumnFilterMap {
-    [propName: string]: unknown;
-}
-export interface ITableDataState {
-    columnFilterMap: IColumnFilterMap;
-    searchQuery: string;
-    sortColumn?: string;
-    sortAsc?: boolean;
-}
-export interface ICustomElementProps {
-    renderData?: IRenderData[];
-}
-export interface ISchemaTableProps<T> {
-    Heading?: React.ComponentType<VariableSizeListProps & {
-        setFilterSortColumn?: (sortColumn: string, sortAsc: boolean) => void;
-        sortAsc?: boolean;
-        sortColumn?: string;
-        sortedRenderData?: IRenderData[];
-    }>;
-    checkedIndexes?: number[];
-    config?: {
-        [propName: string]: IColumnConfig<T>;
-    };
-    CustomSearchInput?: React.ComponentType<InputHTMLAttributes<HTMLInputElement>>;
-    CustomElement?: React.ComponentType<ICustomElementProps>;
-    customElementProps?: {
-        [controlProp: string]: unknown;
-    };
-    data: T[] | ((getDataProps: ITableDataState) => Promise<T[]>);
-    defaultColumnFilters?: IColumnFilterMap;
-    defaultSortAsc?: boolean;
-    defaultSortColumn?: string;
-    disabledCheckedIndexes?: number[];
-    enableAutoFocus?: boolean;
-    enableRowCounter?: boolean;
-    getRowClassName?: (rowData: T, dataIndex: number, filteredSortedData: IRenderData[]) => string;
-    getRowSelected?: (rowData: T, dataIndex: number) => boolean;
-    getSearchQueryFilterResult?: (rowData: T, searchQuery: string) => boolean;
-    infiniteLoaderRef?: React.LegacyRef<InfiniteLoader>;
-    isColumnFilterable?: boolean;
-    isExportable?: boolean;
-    isResizable?: boolean;
-    isSearchable?: boolean;
-    isSortable?: boolean;
-    maxHeight?: number | "100%";
-    setCheckedIndexes?: Dispatch<SetStateAction<number[]>>;
-    onRowClick?: (rowData: T, dataIndex: number, event: React.MouseEvent) => void;
-    onRowDoubleClick?: (rowData: T, dataIndex: number, event: React.MouseEvent) => void;
-    onSearchEnter?: (searchQuery: string) => void;
-    onTableDataStateChange?: (newTableDataState: ITableDataState) => void;
-    rowHeight?: number;
-    schema: oas31.SchemaObject;
-    searchPlaceholder?: string;
-    settingsStorageKey?: string;
-    style?: React.CSSProperties;
-    translate?: (key: string, ...args: Array<string | number>) => string;
-    useFilterStateHash?: boolean;
-    width?: number;
-    variableSizeGridRef?: React.RefObject<VariableSizeGrid>;
-    loadMoreItems?: (startIndex: number, stopIndex: number) => void | Promise<void>;
-    itemCount?: number;
-    displayTimezone?: "Europe/Amsterdam" | "Asia/Jakarta";
-    autoRender?: boolean;
-}
-export interface IDateColumnFilterValue {
-    from?: Date;
-    to?: Date;
-    filterEmpty?: boolean;
-}
-export interface INumberColumnFilterValue {
-    [ENumberColumnFilterOperation.GT]: number;
-    [ENumberColumnFilterOperation.LT]: number;
-    [ENumberColumnFilterOperation.EQ]: number;
-    filterEmpty?: boolean;
-}
-declare const SchemaTable: <T>({ CustomElement, CustomSearchInput, Heading, autoRender, checkedIndexes, config, customElementProps, data, defaultColumnFilters, defaultSortAsc, defaultSortColumn, disabledCheckedIndexes, displayTimezone, enableAutoFocus, enableRowCounter, getRowClassName, getRowSelected, getSearchQueryFilterResult, infiniteLoaderRef, isColumnFilterable, isExportable, isResizable, isSearchable, isSortable, itemCount, loadMoreItems, maxHeight, onRowClick, onRowDoubleClick, onSearchEnter, onTableDataStateChange, rowHeight, schema, searchPlaceholder, setCheckedIndexes, settingsStorageKey, style, translate, useFilterStateHash, variableSizeGridRef, width, }: ISchemaTableProps<T>) => import("react/jsx-runtime").JSX.Element;
-declare const MemoizedSchemaTable: typeof SchemaTable;
-export default MemoizedSchemaTable;

package/dist/component/SchemaTable/index.test.d.ts

@@ -1 +0,0 @@
-

package/dist/component/SchemaTable/renderDataToExcel/index.d.ts

@@ -1,3 +0,0 @@
-import { IRenderData } from '../../types.ts';
-
-export declare const renderDataToExcel: (sortedRenderData: IRenderData[]) => void;

package/dist/component/hooks/useIsAllRowsChecked.d.ts

@@ -1 +0,0 @@
-export declare function useIsAllRowsChecked(): boolean;

package/dist/component/hooks/useOnColumnsWidthsChange.d.ts

@@ -1 +0,0 @@
-export declare function useOnColumnsWidthsChange(): (newColumnWidths: Uint16Array) => void;

package/dist/component/hooks/useResizeObserver.d.ts

@@ -1,4 +0,0 @@
-export declare const useResizeObserver: (elementRef: HTMLDivElement | null) => {
-    width: number;
-    height: number;
-};

package/dist/component/inc/column.d.ts

@@ -1,4 +0,0 @@
-import { oas31 } from 'openapi3-ts';
-import { IColumnConfig } from '../types.ts';
-
-export declare function getIsColumnSortable<T>(isTableSortable: boolean, propSchema: oas31.SchemaObject | undefined, propConfig: IColumnConfig<T> | undefined): boolean;

package/dist/component/inc/constant.d.ts

@@ -1,15 +0,0 @@
-export declare const DEFAULT_DATE_FORMAT = "dd MMM yyyy";
-export declare const DEFAULT_DATE_TIME_FORMAT = "dd MMM yyyy HH:mm";
-export declare const MINIMUM_COLUMN_WIDTH = 25;
-export declare const HEADER_ROW_HEIGHT = 50;
-export declare const RESIZER_WIDTH = 3;
-export declare enum ENumberColumnFilterOperation {
-    "GT" = "GT",
-    "LT" = "LT",
-    "EQ" = "EQ"
-}
-export declare enum EColumnFilterStatus {
-    UNAVAILABLE = "UNAVAILABLE",
-    AVAILABLE = "AVAILABLE",
-    ACTIVE = "ACTIVE"
-}

package/dist/component/inc/date.d.ts

@@ -1 +0,0 @@
-export declare const localeFormat: (date: Date | number, dateFormat: string) => string;

package/dist/component/inc/string.d.ts

@@ -1 +0,0 @@
-export declare function defaultTranslate(key: string, ...args: (string | number)[]): string;

package/dist/component/index.d.ts

@@ -1,9 +0,0 @@
-import { default as SchemaTable, ICustomElementProps, ITableDataState, ISchemaTableProps } from './SchemaTable';
-import { IColumnConfig, IRenderData, ITdBodyProps } from './types';
-import { default as Th } from './SchemaTable/Th';
-import { DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT, EColumnFilterStatus, MINIMUM_COLUMN_WIDTH, RESIZER_WIDTH } from './inc/constant';
-import { IFilterMenuComponentProps } from './SchemaTable/ThMenu/FilterMenuComponent';
-import { default as Refresher } from './Refresher';
-
-export type { IColumnConfig, ICustomElementProps, IFilterMenuComponentProps, ITableDataState, IRenderData, ISchemaTableProps, ITdBodyProps, };
-export { DEFAULT_DATE_FORMAT, DEFAULT_DATE_TIME_FORMAT, EColumnFilterStatus, MINIMUM_COLUMN_WIDTH, RESIZER_WIDTH, SchemaTable, Th, Refresher, };

package/dist/component/provider/SchemaTableContext.d.ts

@@ -1,42 +0,0 @@
-import { IColumnConfig, IRenderData } from '../types.ts';
-import { ReferenceObject, SchemaObject } from 'openapi3-ts/oas31';
-import { ITableDataState } from '../SchemaTable';
-import { Dispatch, SetStateAction } from 'react';
-import { IThMenuConfig } from '../SchemaTable/ThMenu';
-import * as React from "react";
-export interface ISchemaTableContext<T = any> {
-    checkedIndexes?: number[];
-    columnNames: string[];
-    columnWidths: Uint16Array;
-    config?: {
-        [propName: string]: IColumnConfig<T>;
-    };
-    disabledCheckedIndexes?: number[];
-    displayTimezone?: string;
-    dropTargetIndex: number;
-    getRowClassName?: (rowData: T, dataIndex: number, filteredSortedData: IRenderData[]) => string;
-    getRowSelected?: (rowData: T, dataIndex: number) => boolean;
-    isColumnFilterable: boolean;
-    isItemLoaded: (rowIndex: number) => boolean;
-    isSortable: boolean;
-    lastCheckChangedRowIndex?: number;
-    onRowClick?: (rowData: T, dataIndex: number, event: React.MouseEvent) => void;
-    onRowDoubleClick?: (rowData: T, dataIndex: number, event: React.MouseEvent) => void;
-    properties: {
-        [propertyName: string]: SchemaObject | ReferenceObject;
-    };
-    required: string[];
-    setCheckedIndexes?: Dispatch<SetStateAction<number[]>>;
-    setCustomColumnNames: Dispatch<SetStateAction<string[] | undefined>>;
-    setCustomColumnWidths: Dispatch<SetStateAction<Uint16Array | undefined>>;
-    setDropTargetIndex: (dropTargetIndex: number) => void;
-    setFilterSortColumn: (sortColumn: string, sortAsc: boolean) => void;
-    setLastCheckChangedRowIndex: Dispatch<SetStateAction<number | undefined>>;
-    setMenuConfig: React.Dispatch<React.SetStateAction<IThMenuConfig<T> | undefined>>;
-    settingsStorageKey?: string;
-    sortedRenderData?: IRenderData[];
-    sourceData?: T[] | null;
-    tableDataState: ITableDataState;
-    translate: (key: string, ...args: Array<string | number>) => string;
-}
-export declare const SchemaTableContext: React.Context<ISchemaTableContext<any>>;

package/dist/component/types.d.ts

@@ -1,33 +0,0 @@
-import { default as React } from 'react';
-import { IFilterMenuComponentProps } from './SchemaTable/ThMenu/FilterMenuComponent';
-
-export interface ITdBodyProps<T> {
-    rowData: T;
-    dataIndex: number;
-    rowIndex: number;
-}
-export interface IColumnConfig<T> {
-    FilterMenu?: React.ComponentType<IFilterMenuComponentProps>;
-    align?: "start" | "center" | "end";
-    dateFormat?: string;
-    defaultSortDesc?: boolean;
-    filter?: (rowData: T, columnFilterValue: unknown) => boolean;
-    hidden?: boolean;
-    hoverTitle?: string;
-    isFilterable?: boolean;
-    order?: number;
-    TdBody?: React.ComponentType<ITdBodyProps<T> & Record<string, unknown>>;
-    tdBodyProps?: Record<string, unknown>;
-    renderData?: (rowData: T, dataIndex: number) => string;
-    showTimezones?: false;
-    sort?: (a: T, b: T, sortAsc: boolean) => number;
-    sortByValue?: boolean;
-    isSortable?: boolean;
-    title?: string | React.ReactElement;
-    width?: number;
-    timezone?: "Asia/Jakarta" | "Europe/Amsterdam";
-}
-export interface IRenderData {
-    _index: number;
-    [key: string]: string;
-}