simple-table-core 1.0.12 → 1.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/simple-table/RenderCells.d.ts +1 -2
- package/dist/components/simple-table/TableHeader.d.ts +1 -1
- package/dist/components/simple-table/TableHeaderCell.d.ts +0 -1
- package/dist/components/simple-table/TableHeaderSection.d.ts +1 -1
- package/dist/components/simple-table/TableHorizontalScrollbar.d.ts +2 -3
- package/dist/components/simple-table/TableRow.d.ts +1 -2
- package/dist/components/simple-table/TableSection.d.ts +1 -2
- package/dist/components/simple-table/table-column-editor/ColumnEditorCheckbox.d.ts +2 -9
- package/dist/components/simple-table/table-column-editor/TableColumnEditor.d.ts +1 -8
- package/dist/components/simple-table/table-column-editor/TableColumnEditorPopout.d.ts +1 -8
- package/dist/components/simple-table/table-column-editor/columnEditorUtils.d.ts +3 -9
- package/dist/context/TableContext.d.ts +4 -7
- package/dist/hooks/useDragHandler.d.ts +1 -1
- package/dist/hooks/useSortableData.d.ts +0 -2
- package/dist/index.es.js +1 -1
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/DragHandlerProps.d.ts +1 -1
- package/dist/types/HandleResizeStartProps.d.ts +2 -4
- package/dist/types/SharedTableProps.d.ts +1 -2
- package/dist/types/TableCellProps.d.ts +1 -1
- package/dist/types/TableHeaderProps.d.ts +1 -2
- package/dist/types/TableHeaderSectionProps.d.ts +1 -2
- package/dist/types/TableRowProps.d.ts +0 -2
- package/dist/utils/cellUtils.d.ts +1 -2
- package/dist/utils/columnIndicesUtils.d.ts +2 -5
- package/dist/utils/columnUtils.d.ts +1 -2
- package/dist/utils/generalUtils.d.ts +3 -0
- package/dist/utils/resizeUtils.d.ts +2 -16
- package/package.json +16 -13
|
@@ -7,11 +7,10 @@ interface RenderCellsProps {
|
|
|
7
7
|
columnIndexStart?: number;
|
|
8
8
|
columnIndices: ColumnIndices;
|
|
9
9
|
headers: HeaderObject[];
|
|
10
|
-
hiddenColumns: Record<string, boolean>;
|
|
11
10
|
pinned?: Pinned;
|
|
12
11
|
rowIndex: number;
|
|
13
12
|
rowIndices: RowIndices;
|
|
14
13
|
visibleRow: TableRowType;
|
|
15
14
|
}
|
|
16
|
-
declare const RenderCells: ({ columnIndexStart, columnIndices, headers,
|
|
15
|
+
declare const RenderCells: ({ columnIndexStart, columnIndices, headers, pinned, rowIndex, rowIndices, visibleRow, }: RenderCellsProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
16
|
export default RenderCells;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import TableHeaderProps from "../../types/TableHeaderProps";
|
|
2
|
-
declare const TableHeader: ({ centerHeaderRef, headerContainerRef,
|
|
2
|
+
declare const TableHeader: ({ centerHeaderRef, headerContainerRef, headers, mainTemplateColumns, pinnedLeftColumns, pinnedLeftTemplateColumns, pinnedRightColumns, pinnedRightTemplateColumns, sort, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default TableHeader;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import TableHeaderSectionProps from "../../types/TableHeaderSectionProps";
|
|
2
|
-
declare const TableHeaderSection: ({ columnIndices, gridTemplateColumns, handleScroll,
|
|
2
|
+
declare const TableHeaderSection: ({ columnIndices, gridTemplateColumns, handleScroll, headers, maxDepth, pinned, sectionRef, sort, }: TableHeaderSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default TableHeaderSection;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { RefObject
|
|
2
|
-
declare const TableHorizontalScrollbar: ({ mainBodyWidth, mainBodyRef, pinnedLeftWidth, pinnedRightWidth,
|
|
1
|
+
import { RefObject } from "react";
|
|
2
|
+
declare const TableHorizontalScrollbar: ({ mainBodyWidth, mainBodyRef, pinnedLeftWidth, pinnedRightWidth, tableBodyContainerRef, }: {
|
|
3
3
|
mainBodyRef: RefObject<HTMLDivElement | null>;
|
|
4
4
|
mainBodyWidth: number;
|
|
5
5
|
pinnedLeftWidth: number;
|
|
6
6
|
pinnedRightWidth: number;
|
|
7
|
-
setMainBodyWidth: Dispatch<SetStateAction<number>>;
|
|
8
7
|
tableBodyContainerRef: RefObject<HTMLDivElement | null>;
|
|
9
8
|
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
10
9
|
export default TableHorizontalScrollbar;
|
|
@@ -8,7 +8,6 @@ interface TableRowProps {
|
|
|
8
8
|
columnIndices: ColumnIndices;
|
|
9
9
|
gridTemplateColumns: string;
|
|
10
10
|
headers: HeaderObject[];
|
|
11
|
-
hiddenColumns: Record<string, boolean>;
|
|
12
11
|
hoveredIndex: number | null;
|
|
13
12
|
index: number;
|
|
14
13
|
pinned?: Pinned;
|
|
@@ -17,5 +16,5 @@ interface TableRowProps {
|
|
|
17
16
|
setHoveredIndex: (index: number | null) => void;
|
|
18
17
|
visibleRow: TableRowType;
|
|
19
18
|
}
|
|
20
|
-
declare const TableRow: ({ columnIndices, columnIndexStart, gridTemplateColumns, headers,
|
|
19
|
+
declare const TableRow: ({ columnIndices, columnIndexStart, gridTemplateColumns, headers, hoveredIndex, index, pinned, rowHeight, rowIndices, setHoveredIndex, visibleRow, }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
20
|
export default TableRow;
|
|
@@ -8,7 +8,6 @@ interface TableSectionProps {
|
|
|
8
8
|
columnIndexStart?: number;
|
|
9
9
|
columnIndices: ColumnIndices;
|
|
10
10
|
headers: HeaderObject[];
|
|
11
|
-
hiddenColumns: Record<string, boolean>;
|
|
12
11
|
hoveredIndex: number | null;
|
|
13
12
|
pinned?: Pinned;
|
|
14
13
|
ref?: RefObject<HTMLDivElement | null>;
|
|
@@ -20,5 +19,5 @@ interface TableSectionProps {
|
|
|
20
19
|
visibleRows: TableRowType[];
|
|
21
20
|
width?: number;
|
|
22
21
|
}
|
|
23
|
-
declare const TableSection: ({ columnIndexStart, columnIndices, headers,
|
|
22
|
+
declare const TableSection: ({ columnIndexStart, columnIndices, headers, hoveredIndex, pinned, ref, rowHeight, rowIndices, setHoveredIndex, templateColumns, totalHeight, visibleRows, width, }: TableSectionProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
24
23
|
export default TableSection;
|
|
@@ -1,15 +1,8 @@
|
|
|
1
|
-
import { SetStateAction } from "react";
|
|
2
|
-
import { Dispatch } from "react";
|
|
3
1
|
import HeaderObject from "../../../types/HeaderObject";
|
|
4
|
-
declare const ColumnEditorCheckbox: ({ allHeaders, depth,
|
|
2
|
+
declare const ColumnEditorCheckbox: ({ allHeaders, depth, doesAnyHeaderHaveChildren, header, }: {
|
|
5
3
|
allHeaders: HeaderObject[];
|
|
6
4
|
depth?: number | undefined;
|
|
5
|
+
doesAnyHeaderHaveChildren: boolean;
|
|
7
6
|
header: HeaderObject;
|
|
8
|
-
hiddenColumns: {
|
|
9
|
-
[key: string]: boolean;
|
|
10
|
-
};
|
|
11
|
-
setHiddenColumns: Dispatch<SetStateAction<{
|
|
12
|
-
[key: string]: boolean;
|
|
13
|
-
}>>;
|
|
14
7
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
15
8
|
export default ColumnEditorCheckbox;
|
|
@@ -1,17 +1,10 @@
|
|
|
1
|
-
import { Dispatch, SetStateAction } from "react";
|
|
2
1
|
import HeaderObject from "../../../types/HeaderObject";
|
|
3
2
|
type TableColumnEditorProps = {
|
|
4
3
|
columnEditorText: string;
|
|
5
4
|
editColumns: boolean;
|
|
6
5
|
editColumnsInitOpen: boolean;
|
|
7
6
|
headers: HeaderObject[];
|
|
8
|
-
hiddenColumns: {
|
|
9
|
-
[key: string]: boolean;
|
|
10
|
-
};
|
|
11
7
|
position: "left" | "right";
|
|
12
|
-
setHiddenColumns: Dispatch<SetStateAction<{
|
|
13
|
-
[key: string]: boolean;
|
|
14
|
-
}>>;
|
|
15
8
|
};
|
|
16
|
-
declare const TableColumnEditor: ({ columnEditorText, editColumns, editColumnsInitOpen, headers,
|
|
9
|
+
declare const TableColumnEditor: ({ columnEditorText, editColumns, editColumnsInitOpen, headers, position, }: TableColumnEditorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
17
10
|
export default TableColumnEditor;
|
|
@@ -1,15 +1,8 @@
|
|
|
1
|
-
import { Dispatch, SetStateAction } from "react";
|
|
2
1
|
import HeaderObject from "../../../types/HeaderObject";
|
|
3
2
|
type TableColumnEditorPopoutProps = {
|
|
4
3
|
headers: HeaderObject[];
|
|
5
4
|
open: boolean;
|
|
6
5
|
position: "left" | "right";
|
|
7
|
-
setHiddenColumns: Dispatch<SetStateAction<{
|
|
8
|
-
[key: string]: boolean;
|
|
9
|
-
}>>;
|
|
10
|
-
hiddenColumns: {
|
|
11
|
-
[key: string]: boolean;
|
|
12
|
-
};
|
|
13
6
|
};
|
|
14
|
-
declare const TableColumnEditorPopout: ({ headers, open, position
|
|
7
|
+
declare const TableColumnEditorPopout: ({ headers, open, position }: TableColumnEditorPopoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
8
|
export default TableColumnEditorPopout;
|
|
@@ -1,10 +1,4 @@
|
|
|
1
1
|
import HeaderObject from "../../../types/HeaderObject";
|
|
2
|
-
export declare const findAndMarkParentsVisible: (headers: HeaderObject[], childAccessor: string,
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export declare const areAllChildrenHidden: (children: HeaderObject[], hiddenColumns: {
|
|
6
|
-
[key: string]: boolean;
|
|
7
|
-
}) => boolean;
|
|
8
|
-
export declare const updateParentHeaders: (headers: HeaderObject[], updatedHiddenColumns: {
|
|
9
|
-
[key: string]: boolean;
|
|
10
|
-
}) => void;
|
|
2
|
+
export declare const findAndMarkParentsVisible: (headers: HeaderObject[], childAccessor: string, visited?: Set<string>) => void;
|
|
3
|
+
export declare const areAllChildrenHidden: (children: HeaderObject[]) => boolean;
|
|
4
|
+
export declare const updateParentHeaders: (headers: HeaderObject[]) => void;
|
|
@@ -20,16 +20,14 @@ interface TableContextType {
|
|
|
20
20
|
expandIcon?: ReactNode;
|
|
21
21
|
expandedRows: Set<string>;
|
|
22
22
|
filters: TableFilterState;
|
|
23
|
-
tableRows: TableRow[];
|
|
24
23
|
forceUpdate: () => void;
|
|
25
24
|
getBorderClass: (cell: Cell) => string;
|
|
26
25
|
handleApplyFilter: (filter: FilterCondition) => void;
|
|
27
|
-
handleClearFilter: (accessor: string) => void;
|
|
28
26
|
handleClearAllFilters: () => void;
|
|
27
|
+
handleClearFilter: (accessor: string) => void;
|
|
29
28
|
handleMouseDown: (cell: Cell) => void;
|
|
30
29
|
handleMouseOver: (cell: Cell) => void;
|
|
31
|
-
|
|
32
|
-
hiddenColumns: Record<string, boolean>;
|
|
30
|
+
headers: HeaderObject[];
|
|
33
31
|
hoveredHeaderRef: RefObject<HeaderObject | null>;
|
|
34
32
|
isCopyFlashing: (cell: Cell) => boolean;
|
|
35
33
|
isInitialFocusedCell: (cell: Cell) => boolean;
|
|
@@ -51,16 +49,15 @@ interface TableContextType {
|
|
|
51
49
|
selectColumns?: (columnIndices: number[], isShiftKey?: boolean) => void;
|
|
52
50
|
selectableColumns: boolean;
|
|
53
51
|
setExpandedRows: Dispatch<SetStateAction<Set<string>>>;
|
|
52
|
+
setHeaders: Dispatch<SetStateAction<HeaderObject[]>>;
|
|
54
53
|
setInitialFocusedCell: Dispatch<SetStateAction<Cell | null>>;
|
|
55
|
-
setMainBodyWidth: Dispatch<SetStateAction<number>>;
|
|
56
|
-
setPinnedLeftWidth: Dispatch<SetStateAction<number>>;
|
|
57
|
-
setPinnedRightWidth: Dispatch<SetStateAction<number>>;
|
|
58
54
|
setSelectedCells: Dispatch<SetStateAction<Set<string>>>;
|
|
59
55
|
setSelectedColumns: Dispatch<SetStateAction<Set<number>>>;
|
|
60
56
|
shouldPaginate: boolean;
|
|
61
57
|
sortDownIcon: ReactNode;
|
|
62
58
|
sortUpIcon: ReactNode;
|
|
63
59
|
tableBodyContainerRef: RefObject<HTMLDivElement | null>;
|
|
60
|
+
tableRows: TableRow[];
|
|
64
61
|
theme: Theme;
|
|
65
62
|
useHoverRowBackground: boolean;
|
|
66
63
|
useOddColumnBackground: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DragEvent } from "react";
|
|
2
2
|
import HeaderObject from "../types/HeaderObject";
|
|
3
3
|
import DragHandlerProps from "../types/DragHandlerProps";
|
|
4
|
-
declare const useDragHandler: ({ draggedHeaderRef,
|
|
4
|
+
declare const useDragHandler: ({ draggedHeaderRef, headers, hoveredHeaderRef, onColumnOrderChange, onTableHeaderDragEnd, }: DragHandlerProps) => {
|
|
5
5
|
handleDragStart: (header: HeaderObject) => void;
|
|
6
6
|
handleDragOver: ({ event, hoveredHeader, }: {
|
|
7
7
|
event: DragEvent<HTMLDivElement>;
|
|
@@ -6,8 +6,6 @@ declare const useSortableData: ({ headers, tableRows }: {
|
|
|
6
6
|
headers: HeaderObject[];
|
|
7
7
|
tableRows: Row[];
|
|
8
8
|
}) => {
|
|
9
|
-
hiddenColumns: Record<string, boolean>;
|
|
10
|
-
setHiddenColumns: import("react").Dispatch<import("react").SetStateAction<Record<string, boolean>>>;
|
|
11
9
|
setSort: import("react").Dispatch<import("react").SetStateAction<SortConfig | null>>;
|
|
12
10
|
sort: SortConfig | null;
|
|
13
11
|
sortedRows: Row[];
|