simple-table-core 1.2.3 → 1.2.4

package/dist/components/animate/Animate.d.ts

@@ -1,9 +1,9 @@
-import React, { ReactNode, RefObject } from "react";
+import React, { ReactNode, MutableRefObject } from "react";
 import TableRow from "../../types/TableRow";
 interface AnimateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "id"> {
     children: ReactNode;
     id: string;
-    parentRef?: RefObject<HTMLDivElement | null>;
+    parentRef?: MutableRefObject<HTMLDivElement | null>;
     tableRow?: TableRow;
 }
 export declare const Animate: {

package/dist/components/dropdown/Dropdown.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from "react";
 export interface DropdownProps {
     children: ReactNode;
-    containerRef?: React.RefObject<HTMLElement>;
+    containerRef?: React.MutableRefObject<HTMLElement>;
     onClose: () => void;
     open?: boolean;
     overflow?: "auto" | "visible";

package/dist/components/scroll-sync/ScrollSyncPane.d.ts

@@ -1,6 +1,6 @@
-import { FC, ReactElement, RefObject } from "react";
+import { FC, ReactElement, MutableRefObject } from "react";
 interface ScrollSyncPaneProps {
-    childRef: RefObject<HTMLElement | null>;
+    childRef: MutableRefObject<HTMLElement | null>;
     children: ReactElement<any>;
 }
 export declare const ScrollSyncPane: FC<ScrollSyncPaneProps>;

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

@@ -1,4 +1,4 @@
-import { ReactNode, RefObject } from "react";
+import { ReactNode, MutableRefObject } from "react";
 import HeaderObject from "../../types/HeaderObject";
 import CellChangeProps from "../../types/CellChangeProps";
 import Theme from "../../types/Theme";
@@ -44,7 +44,7 @@ interface SimpleTableProps {
     shouldPaginate?: boolean;
     sortDownIcon?: ReactNode;
     sortUpIcon?: ReactNode;
-    tableRef?: RefObject<TableRefType | null>;
+    tableRef?: MutableRefObject<TableRefType | null>;
     theme?: Theme;
     useOddColumnBackground?: boolean;
     useHoverRowBackground?: boolean;

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

@@ -1,9 +1,9 @@
 import { RefObject } from "react";
 declare const TableHorizontalScrollbar: ({ mainBodyWidth, mainBodyRef, pinnedLeftWidth, pinnedRightWidth, tableBodyContainerRef, }: {
-    mainBodyRef: RefObject<HTMLDivElement | null>;
+    mainBodyRef: RefObject<HTMLDivElement>;
     mainBodyWidth: number;
     pinnedLeftWidth: number;
     pinnedRightWidth: number;
-    tableBodyContainerRef: RefObject<HTMLDivElement | null>;
+    tableBodyContainerRef: RefObject<HTMLDivElement>;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default TableHorizontalScrollbar;

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

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+/// <reference types="react" />
 import TableRowType from "../../types/TableRow";
 import { Pinned } from "../../types/Pinned";
 import HeaderObject from "../../types/HeaderObject";
@@ -10,7 +10,6 @@ interface TableSectionProps {
     headers: HeaderObject[];
     hoveredIndex: number | null;
     pinned?: Pinned;
-    ref?: RefObject<HTMLDivElement | null>;
     rowHeight: number;
     rowIndices: RowIndices;
     rowsToRender: TableRowType[];
@@ -19,5 +18,5 @@ interface TableSectionProps {
     totalHeight: number;
     width?: number;
 }
-declare const TableSection: ({ columnIndexStart, columnIndices, headers, hoveredIndex, pinned, ref, rowHeight, rowIndices, setHoveredIndex, templateColumns, totalHeight, rowsToRender, width, }: TableSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const TableSection: import("react").ForwardRefExoticComponent<TableSectionProps & import("react").RefAttributes<HTMLDivElement>>;
 export default TableSection;

package/dist/context/TableContext.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, RefObject, Dispatch, SetStateAction } from "react";
+import { ReactNode, RefObject, MutableRefObject, Dispatch, SetStateAction } from "react";
 import { TableFilterState, FilterCondition } from "../types/FilterTypes";
 import TableRow from "../types/TableRow";
 import Cell from "../types/Cell";
@@ -15,7 +15,7 @@ interface TableContextType {
     cellUpdateFlash?: boolean;
     columnReordering: boolean;
     columnResizing: boolean;
-    draggedHeaderRef: RefObject<HeaderObject | null>;
+    draggedHeaderRef: MutableRefObject<HeaderObject | null>;
     editColumns?: boolean;
     expandIcon?: ReactNode;
     filters: TableFilterState;
@@ -26,9 +26,9 @@ interface TableContextType {
     handleClearFilter: (accessor: string) => void;
     handleMouseDown: (cell: Cell) => void;
     handleMouseOver: (cell: Cell) => void;
-    headerContainerRef: RefObject<HTMLDivElement | null>;
+    headerContainerRef: RefObject<HTMLDivElement>;
     headers: HeaderObject[];
-    hoveredHeaderRef: RefObject<HeaderObject | null>;
+    hoveredHeaderRef: MutableRefObject<HeaderObject | null>;
     isAnimating: boolean;
     isCopyFlashing: (cell: Cell) => boolean;
     isInitialFocusedCell: (cell: Cell) => boolean;
@@ -36,15 +36,15 @@ interface TableContextType {
     isScrolling: boolean;
     isSelected: (cell: Cell) => boolean;
     isWarningFlashing: (cell: Cell) => boolean;
-    mainBodyRef: RefObject<HTMLDivElement | null>;
+    mainBodyRef: RefObject<HTMLDivElement>;
     nextIcon: ReactNode;
     onCellEdit?: (props: any) => void;
     onColumnOrderChange?: (newHeaders: HeaderObject[]) => void;
     onLoadMore?: () => void;
     onSort: OnSortProps;
     onTableHeaderDragEnd: (newHeaders: HeaderObject[]) => void;
-    pinnedLeftRef: RefObject<HTMLDivElement | null>;
-    pinnedRightRef: RefObject<HTMLDivElement | null>;
+    pinnedLeftRef: RefObject<HTMLDivElement>;
+    pinnedRightRef: RefObject<HTMLDivElement>;
     prevIcon: ReactNode;
     rowGrouping?: string[];
     rowHeight: number;
@@ -62,7 +62,7 @@ interface TableContextType {
     shouldPaginate: boolean;
     sortDownIcon: ReactNode;
     sortUpIcon: ReactNode;
-    tableBodyContainerRef: RefObject<HTMLDivElement | null>;
+    tableBodyContainerRef: RefObject<HTMLDivElement>;
     tableRows: TableRow[];
     theme: Theme;
     unexpandedRows: Set<string>;

package/dist/hooks/useScrollbarWidth.d.ts

@@ -1,9 +1,9 @@
 import { RefObject } from "react";
 declare const useScrollbarWidth: ({ tableBodyContainerRef, }: {
-    tableBodyContainerRef: RefObject<HTMLDivElement | null>;
+    tableBodyContainerRef: RefObject<HTMLDivElement>;
 }) => {
     setScrollbarWidth: import("react").Dispatch<import("react").SetStateAction<number>>;
     scrollbarWidth: number;
-    tableBodyContainerRef: RefObject<HTMLDivElement | null>;
+    tableBodyContainerRef: RefObject<HTMLDivElement>;
 };
 export default useScrollbarWidth;

package/dist/hooks/useTableAPI.d.ts

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

package/dist/hooks/useWindowResize.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from "react";
 declare const useWindowResize: ({ forceUpdate, tableBodyContainerRef, setScrollbarWidth, }: {
     forceUpdate: () => void;
-    tableBodyContainerRef: RefObject<HTMLDivElement | null>;
+    tableBodyContainerRef: RefObject<HTMLDivElement>;
     setScrollbarWidth: (width: number) => void;
 }) => void;
 export default useWindowResize;