simple-table-core 1.3.0 → 1.3.3

package/dist/components/simple-table/SimpleTable.d.ts

@@ -10,9 +10,14 @@ import "../../styles/simple-table.css";
 import { TableFilterState } from "../../types/FilterTypes";
 import SortColumn from "../../types/SortColumn";
 import RowSelectionChangeProps from "../../types/RowSelectionChangeProps";
+import CellClickProps from "../../types/CellClickProps";
+import { RowButton } from "../../types/RowButton";
+import { HeaderDropdown } from "../../types/HeaderDropdownProps";
 interface SimpleTableProps {
     allowAnimations?: boolean;
     cellUpdateFlash?: boolean;
+    className?: string;
+    columnBorders?: boolean;
     columnEditorPosition?: ColumnEditorPosition;
     columnEditorText?: string;
     columnReordering?: boolean;
@@ -20,27 +25,34 @@ interface SimpleTableProps {
     defaultHeaders: HeaderObject[];
     editColumns?: boolean;
     editColumnsInitOpen?: boolean;
+    enableHeaderEditing?: boolean;
     enableRowSelection?: boolean;
     expandAll?: boolean;
     expandIcon?: ReactNode;
     externalFilterHandling?: boolean;
     externalSortHandling?: boolean;
+    headerDropdown?: HeaderDropdown;
     height?: string;
     hideFooter?: boolean;
     nextIcon?: ReactNode;
     onCellEdit?: (props: CellChangeProps) => void;
+    onCellClick?: (props: CellClickProps) => void;
     onColumnOrderChange?: (newHeaders: HeaderObject[]) => void;
+    onColumnSelect?: (header: HeaderObject) => void;
     onFilterChange?: (filters: TableFilterState) => void;
     onGridReady?: () => void;
+    onHeaderEdit?: (header: HeaderObject, newLabel: string) => void;
     onLoadMore?: () => void;
     onNextPage?: OnNextPage;
     onRowSelectionChange?: (props: RowSelectionChangeProps) => void;
     onSortChange?: (sort: SortColumn | null) => void;
     prevIcon?: ReactNode;
     rowGrouping?: Accessor[];
+    rowButtons?: RowButton[];
     rowHeight?: number;
     rowIdAccessor: Accessor;
     rows: Row[];
+    selectionColumnWidth?: number;
     rowsPerPage?: number;
     selectableCells?: boolean;
     selectableColumns?: boolean;

package/dist/context/TableContext.d.ts

@@ -6,19 +6,28 @@ import HeaderObject, { Accessor } from "../types/HeaderObject";
 import OnSortProps from "../types/OnSortProps";
 import Theme from "../types/Theme";
 import CellValue from "../types/CellValue";
+import CellClickProps from "../types/CellClickProps";
+import { RowButton } from "../types/RowButton";
+import { HeaderDropdown } from "../types/HeaderDropdownProps";
 export interface CellRegistryEntry {
     updateContent: (newValue: CellValue) => void;
 }
+export interface HeaderRegistryEntry {
+    setEditing: (isEditing: boolean) => void;
+}
 interface TableContextType {
+    activeHeaderDropdown?: HeaderObject | null;
     allowAnimations?: boolean;
     areAllRowsSelected?: () => boolean;
     cellRegistry?: Map<string, CellRegistryEntry>;
     cellUpdateFlash?: boolean;
     clearSelection?: () => void;
+    columnBorders: boolean;
     columnReordering: boolean;
     columnResizing: boolean;
     draggedHeaderRef: MutableRefObject<HeaderObject | null>;
     editColumns?: boolean;
+    enableHeaderEditing?: boolean;
     enableRowSelection?: boolean;
     expandIcon?: ReactNode;
     filters: TableFilterState;
@@ -33,6 +42,8 @@ interface TableContextType {
     handleSelectAll?: (isSelected: boolean) => void;
     handleToggleRow?: (rowId: string) => void;
     headerContainerRef: RefObject<HTMLDivElement>;
+    headerDropdown?: HeaderDropdown;
+    headerRegistry?: Map<string, HeaderRegistryEntry>;
     headers: HeaderObject[];
     hoveredHeaderRef: MutableRefObject<HeaderObject | null>;
     isAnimating: boolean;
@@ -46,22 +57,30 @@ interface TableContextType {
     mainBodyRef: RefObject<HTMLDivElement>;
     nextIcon: ReactNode;
     onCellEdit?: (props: any) => void;
+    onCellClick?: (props: CellClickProps) => void;
     onColumnOrderChange?: (newHeaders: HeaderObject[]) => void;
+    onColumnSelect?: (header: HeaderObject) => void;
+    onHeaderEdit?: (header: HeaderObject, newLabel: string) => void;
     onLoadMore?: () => void;
     onSort: OnSortProps;
     onTableHeaderDragEnd: (newHeaders: HeaderObject[]) => void;
     pinnedLeftRef: RefObject<HTMLDivElement>;
     pinnedRightRef: RefObject<HTMLDivElement>;
     prevIcon: ReactNode;
+    rowButtons?: RowButton[];
     rowGrouping?: Accessor[];
     rowHeight: number;
     rowIdAccessor: Accessor;
     scrollbarWidth: number;
     selectColumns?: (columnIndices: number[], isShiftKey?: boolean) => void;
     selectableColumns: boolean;
+    selectedColumns: Set<number>;
+    columnsWithSelectedCells: Set<number>;
+    rowsWithSelectedCells: Set<string>;
     selectedRows?: Set<string>;
     selectedRowCount?: number;
     selectedRowsData?: any[];
+    setActiveHeaderDropdown?: Dispatch<SetStateAction<HeaderObject | null>>;
     setHeaders: Dispatch<SetStateAction<HeaderObject[]>>;
     setInitialFocusedCell: Dispatch<SetStateAction<Cell | null>>;
     setIsResizing: Dispatch<SetStateAction<boolean>>;

package/dist/hooks/useDropdownPosition.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+interface DropdownPosition {
+    top?: number;
+    left?: number;
+    right?: number;
+    bottom?: number;
+}
+interface UseDropdownPositionOptions {
+    isOpen: boolean;
+    estimatedHeight?: number;
+    estimatedWidth?: number;
+    margin?: number;
+}
+interface UseDropdownPositionReturn {
+    triggerRef: React.RefObject<HTMLDivElement>;
+    position: DropdownPosition;
+}
+/**
+ * Custom hook for calculating dropdown position relative to a trigger element
+ * Uses fixed positioning to work properly in overflow containers
+ */
+export declare const useDropdownPosition: ({ isOpen, estimatedHeight, estimatedWidth, margin, }: UseDropdownPositionOptions) => UseDropdownPositionReturn;
+export default useDropdownPosition;

package/dist/hooks/useHandleOutsideClick.d.ts

@@ -1,8 +1,11 @@
-declare const useHandleOutsideClick: ({ selectableColumns, selectedCells, selectedColumns, setSelectedCells, setSelectedColumns, }: {
+import HeaderObject from "../types/HeaderObject";
+declare const useHandleOutsideClick: ({ selectableColumns, selectedCells, selectedColumns, setSelectedCells, setSelectedColumns, activeHeaderDropdown, setActiveHeaderDropdown, }: {
     selectableColumns: boolean;
     selectedCells: Set<string>;
     selectedColumns: Set<number>;
     setSelectedCells: (cells: Set<string>) => void;
     setSelectedColumns: (columns: Set<number>) => void;
+    activeHeaderDropdown?: HeaderObject | null | undefined;
+    setActiveHeaderDropdown?: ((header: HeaderObject | null) => void) | undefined;
 }) => void;
 export default useHandleOutsideClick;

package/dist/hooks/useSelection.d.ts

@@ -29,5 +29,7 @@ declare const useSelection: ({ selectableCells, headers, tableRows, rowIdAccesso
     setSelectedCells: import("react").Dispatch<import("react").SetStateAction<Set<string>>>;
     setSelectedColumns: import("react").Dispatch<import("react").SetStateAction<Set<number>>>;
     deleteSelectedCells: () => void;
+    columnsWithSelectedCells: Set<number>;
+    rowsWithSelectedCells: Set<string>;
 };
 export default useSelection;

package/dist/hooks/useTableAPI.d.ts

@@ -1,11 +1,12 @@
 import { MutableRefObject } from "react";
 import { Row, TableRefType } from "..";
-import { CellRegistryEntry } from "../context/TableContext";
+import { CellRegistryEntry, HeaderRegistryEntry } from "../context/TableContext";
 import { Accessor } from "../types/HeaderObject";
-declare const useTableAPI: ({ tableRef, rows, rowIdAccessor, cellRegistryRef, }: {
+declare const useTableAPI: ({ tableRef, rows, rowIdAccessor, cellRegistryRef, headerRegistryRef, }: {
     tableRef?: MutableRefObject<TableRefType | null> | undefined;
     rows: Row[];
     rowIdAccessor: Accessor;
     cellRegistryRef: MutableRefObject<Map<string, CellRegistryEntry>>;
+    headerRegistryRef: MutableRefObject<Map<string, HeaderRegistryEntry>>;
 }) => void;
 export default useTableAPI;

package/dist/index.d.ts

@@ -14,11 +14,16 @@ import SharedTableProps from "./types/SharedTableProps";
 import SortColumn from "./types/SortColumn";
 import TableCellProps from "./types/TableCellProps";
 import TableHeaderProps from "./types/TableHeaderProps";
-import TableRefType from "./types/TableRefType";
+import TableRefType, { SetHeaderRenameProps } from "./types/TableRefType";
 import TableRowProps from "./types/TableRowProps";
 import Theme from "./types/Theme";
 import UpdateDataProps from "./types/UpdateCellProps";
 import { FilterCondition, TableFilterState } from "./types/FilterTypes";
 import RowSelectionChangeProps from "./types/RowSelectionChangeProps";
+import CellClickProps from "./types/CellClickProps";
+import CellRendererProps, { CellRenderer } from "./types/CellRendererProps";
+import HeaderRendererProps, { HeaderRenderer } from "./types/HeaderRendererProps";
+import HeaderDropdownProps, { HeaderDropdown } from "./types/HeaderDropdownProps";
+import { RowButtonProps } from "./types/RowButton";
 export { SimpleTable };
-export type { Accessor, AggregationConfig, AggregationType, BoundingBox, Cell, CellChangeProps, CellValue, ColumnEditorPosition, ColumnType, DragHandlerProps, EnumOption, FilterCondition, HeaderObject, OnSortProps, Row, RowSelectionChangeProps, SharedTableProps, SortColumn, TableCellProps, TableFilterState, TableHeaderProps, TableRefType, TableRowProps, Theme, UpdateDataProps, };
+export type { Accessor, AggregationConfig, AggregationType, BoundingBox, Cell, CellChangeProps, CellClickProps, CellRenderer, CellRendererProps, CellValue, ColumnEditorPosition, ColumnType, DragHandlerProps, EnumOption, FilterCondition, HeaderDropdown, HeaderDropdownProps, HeaderObject, HeaderRenderer, HeaderRendererProps, OnSortProps, Row, RowButtonProps, RowSelectionChangeProps, SetHeaderRenameProps, SharedTableProps, SortColumn, TableCellProps, TableFilterState, TableHeaderProps, TableRefType, TableRowProps, Theme, UpdateDataProps, };