simple-table-core 1.0.11 → 1.0.13

package/README.md

@@ -14,7 +14,7 @@ Simple Table is a **lightweight**, **high-performance** React data grid componen
 - **Intuitive**: Minimal boilerplate with a clean, React-first API
 - **TypeScript-ready**: Full TypeScript support for type-safe development
 
-## Quick Start
+## 🚀 Quick Start
 
 Get started with Simple Table in just a few lines of code!
 
@@ -24,39 +24,9 @@ Get started with Simple Table in just a few lines of code!
 npm install simple-table-core
 ```
 
-### Example
-
-```tsx
-import { SimpleTable, HeaderObject } from "simple-table-core";
-import "simple-table-core/styles.css";
-
-const QuickStartDemo = () => {
-  // Sample data for a quick start demo
-  const data = [
-    { id: 1, name: "John Doe", age: 28, role: "Developer" },
-    { id: 2, name: "Jane Smith", age: 32, role: "Designer" },
-    { id: 3, name: "Bob Johnson", age: 45, role: "Manager" },
-  ];
-
-  // Define headers
-  const headers: HeaderObject[] = [
-    { accessor: "id", label: "ID", width: 80, isSortable: true, type: "number" },
-    { accessor: "name", label: "Name", minWidth: 80, width: "1fr", type: "string" },
-    { accessor: "age", label: "Age", width: 100, isSortable: true, type: "number" },
-    { accessor: "role", label: "Role", width: 150, isSortable: true, type: "string" },
-  ];
-
-  // Map data to rows format expected by SimpleTable
-  const rows = data.map((item) => ({
-    rowMeta: { rowId: item.id },
-    rowData: item,
-  }));
-
-  return <SimpleTable defaultHeaders={headers} rows={rows} selectableCells />;
-};
-
-export default QuickStartDemo;
-```
+### 📖 Complete Guide
+
+**[👉 Follow our Quick Start Guide](https://www.simple-table.com/docs/quick-start)** for step-by-step instructions and live examples.
 
 ## Features
 
@@ -79,18 +49,27 @@ export default QuickStartDemo;
     <img src="https://github.com/petera2c/simple-table-marketing/blob/main/src/assets/simple-table-demo-fast.gif?raw=true" alt="Simple Table Demo" width="600" />
 </div>
 
-## Examples
+## 🎯 Live Examples
+
+Explore our interactive examples with complete source code:
+
+### 📊 **[Finance Dashboard](https://www.simple-table.com/examples/finance)**
+
+Complete financial data table with advanced filtering and sorting
+
+### 💰 **[Sales Dashboard](https://www.simple-table.com/examples/sales)**
+
+Sales analytics table with custom cell renderers and grouping
 
-Check out our live examples with complete source code:
+### 📘 **[Documentation & More Examples](https://www.simple-table.com/docs/installation)**
 
-- [Finance Dashboard](https://www.simple-table.com/examples/finance?theme=light)
-- [Sales Dashboard](https://www.simple-table.com/examples/sales?theme=light)
+Browse all available examples and comprehensive documentation
 
-## Links
+## 📚 Resources
 
-- **Website**: [Simple Table](https://www.simple-table.com/)
-- **Documentation**: [Simple Table Documentation](https://www.simple-table.com/docs/installation)
-- **Quick Start**: [Quick Start Guide](https://www.simple-table.com/docs/quick-start)
+- **🌐 Website**: [Simple Table](https://www.simple-table.com/)
+- **📖 Documentation**: [Complete Documentation](https://www.simple-table.com/docs/installation)
+- **🚀 Quick Start**: [Get Started Now](https://www.simple-table.com/docs/quick-start)
 
 ## Community & Support
 

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

@@ -7,11 +7,10 @@ interface RenderCellsProps {
     columnIndexStart?: number;
     columnIndices: ColumnIndices;
     headers: HeaderObject[];
-    hiddenColumns: Record<string, boolean>;
     pinned?: Pinned;
     rowIndex: number;
     rowIndices: RowIndices;
     visibleRow: TableRowType;
 }
-declare const RenderCells: ({ columnIndexStart, columnIndices, headers, hiddenColumns, pinned, rowIndex, rowIndices, visibleRow, }: RenderCellsProps) => import("react/jsx-runtime").JSX.Element;
+declare const RenderCells: ({ columnIndexStart, columnIndices, headers, pinned, rowIndex, rowIndices, visibleRow, }: RenderCellsProps) => import("react/jsx-runtime").JSX.Element;
 export default RenderCells;

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

@@ -7,6 +7,7 @@ import ColumnEditorPosition from "../../types/ColumnEditorPosition";
 import TableRefType from "../../types/TableRefType";
 import OnNextPage from "../../types/OnNextPage";
 import "../../styles/simple-table.css";
+import { FilterCondition } from "../../types/FilterTypes";
 interface SimpleTableProps {
     allowAnimations?: boolean;
     cellUpdateFlash?: boolean;
@@ -19,11 +20,13 @@ interface SimpleTableProps {
     editColumnsInitOpen?: boolean;
     expandAll?: boolean;
     expandIcon?: ReactNode;
+    externalFilterHandling?: boolean;
     height?: string;
     hideFooter?: boolean;
     nextIcon?: ReactNode;
     onCellEdit?: (props: CellChangeProps) => void;
     onColumnOrderChange?: (newHeaders: HeaderObject[]) => void;
+    onFilterChange?: (filter: FilterCondition) => void;
     onGridReady?: () => void;
     onNextPage?: OnNextPage;
     prevIcon?: ReactNode;

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

@@ -1,3 +1,3 @@
 import TableHeaderProps from "../../types/TableHeaderProps";
-declare const TableHeader: ({ centerHeaderRef, headerContainerRef, headersRef, hiddenColumns, mainTemplateColumns, pinnedLeftColumns, pinnedLeftTemplateColumns, pinnedRightColumns, pinnedRightTemplateColumns, sort, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableHeader: ({ centerHeaderRef, headerContainerRef, headers, mainTemplateColumns, pinnedLeftColumns, pinnedLeftTemplateColumns, pinnedRightColumns, pinnedRightTemplateColumns, sort, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default TableHeader;

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

@@ -3,7 +3,6 @@ import HeaderObject from "../../types/HeaderObject";
 import SortConfig from "../../types/SortConfig";
 interface HeaderCellProps {
     colIndex: number;
-    forceHeadersUpdate: () => void;
     gridColumnEnd: number;
     gridColumnStart: number;
     gridRowEnd: number;

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

@@ -1,3 +1,3 @@
 import TableHeaderSectionProps from "../../types/TableHeaderSectionProps";
-declare const TableHeaderSection: ({ columnIndices, gridTemplateColumns, handleScroll, headersRef, hiddenColumns, maxDepth, pinned, sectionRef, sort, }: TableHeaderSectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableHeaderSection: ({ columnIndices, gridTemplateColumns, handleScroll, headers, maxDepth, pinned, sectionRef, sort, }: TableHeaderSectionProps) => import("react/jsx-runtime").JSX.Element;
 export default TableHeaderSection;

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

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

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

@@ -8,7 +8,6 @@ interface TableRowProps {
     columnIndices: ColumnIndices;
     gridTemplateColumns: string;
     headers: HeaderObject[];
-    hiddenColumns: Record<string, boolean>;
     hoveredIndex: number | null;
     index: number;
     pinned?: Pinned;
@@ -17,5 +16,5 @@ interface TableRowProps {
     setHoveredIndex: (index: number | null) => void;
     visibleRow: TableRowType;
 }
-declare const TableRow: ({ columnIndices, columnIndexStart, gridTemplateColumns, headers, hiddenColumns, hoveredIndex, index, pinned, rowHeight, rowIndices, setHoveredIndex, visibleRow, }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableRow: ({ columnIndices, columnIndexStart, gridTemplateColumns, headers, hoveredIndex, index, pinned, rowHeight, rowIndices, setHoveredIndex, visibleRow, }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
 export default TableRow;

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

@@ -8,7 +8,6 @@ interface TableSectionProps {
     columnIndexStart?: number;
     columnIndices: ColumnIndices;
     headers: HeaderObject[];
-    hiddenColumns: Record<string, boolean>;
     hoveredIndex: number | null;
     pinned?: Pinned;
     ref?: RefObject<HTMLDivElement | null>;
@@ -20,5 +19,5 @@ interface TableSectionProps {
     visibleRows: TableRowType[];
     width?: number;
 }
-declare const TableSection: ({ columnIndexStart, columnIndices, headers, hiddenColumns, hoveredIndex, pinned, ref, rowHeight, rowIndices, setHoveredIndex, templateColumns, totalHeight, visibleRows, width, }: TableSectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableSection: ({ columnIndexStart, columnIndices, headers, hoveredIndex, pinned, ref, rowHeight, rowIndices, setHoveredIndex, templateColumns, totalHeight, visibleRows, width, }: TableSectionProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TableSection;

package/dist/components/simple-table/table-column-editor/ColumnEditorCheckbox.d.ts

@@ -1,15 +1,8 @@
-import { SetStateAction } from "react";
-import { Dispatch } from "react";
 import HeaderObject from "../../../types/HeaderObject";
-declare const ColumnEditorCheckbox: ({ allHeaders, depth, header, hiddenColumns, setHiddenColumns, }: {
+declare const ColumnEditorCheckbox: ({ allHeaders, depth, doesAnyHeaderHaveChildren, header, }: {
     allHeaders: HeaderObject[];
     depth?: number | undefined;
+    doesAnyHeaderHaveChildren: boolean;
     header: HeaderObject;
-    hiddenColumns: {
-        [key: string]: boolean;
-    };
-    setHiddenColumns: Dispatch<SetStateAction<{
-        [key: string]: boolean;
-    }>>;
 }) => import("react/jsx-runtime").JSX.Element;
 export default ColumnEditorCheckbox;

package/dist/components/simple-table/table-column-editor/TableColumnEditor.d.ts

@@ -1,17 +1,10 @@
-import { Dispatch, SetStateAction } from "react";
 import HeaderObject from "../../../types/HeaderObject";
 type TableColumnEditorProps = {
     columnEditorText: string;
     editColumns: boolean;
     editColumnsInitOpen: boolean;
     headers: HeaderObject[];
-    hiddenColumns: {
-        [key: string]: boolean;
-    };
     position: "left" | "right";
-    setHiddenColumns: Dispatch<SetStateAction<{
-        [key: string]: boolean;
-    }>>;
 };
-declare const TableColumnEditor: ({ columnEditorText, editColumns, editColumnsInitOpen, headers, hiddenColumns, position, setHiddenColumns, }: TableColumnEditorProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const TableColumnEditor: ({ columnEditorText, editColumns, editColumnsInitOpen, headers, position, }: TableColumnEditorProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TableColumnEditor;

package/dist/components/simple-table/table-column-editor/TableColumnEditorPopout.d.ts

@@ -1,15 +1,8 @@
-import { Dispatch, SetStateAction } from "react";
 import HeaderObject from "../../../types/HeaderObject";
 type TableColumnEditorPopoutProps = {
     headers: HeaderObject[];
     open: boolean;
     position: "left" | "right";
-    setHiddenColumns: Dispatch<SetStateAction<{
-        [key: string]: boolean;
-    }>>;
-    hiddenColumns: {
-        [key: string]: boolean;
-    };
 };
-declare const TableColumnEditorPopout: ({ headers, open, position, setHiddenColumns, hiddenColumns, }: TableColumnEditorPopoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableColumnEditorPopout: ({ headers, open, position }: TableColumnEditorPopoutProps) => import("react/jsx-runtime").JSX.Element;
 export default TableColumnEditorPopout;

package/dist/components/simple-table/table-column-editor/columnEditorUtils.d.ts

@@ -1,10 +1,4 @@
 import HeaderObject from "../../../types/HeaderObject";
-export declare const findAndMarkParentsVisible: (headers: HeaderObject[], childAccessor: string, updatedHiddenColumns: {
-    [key: string]: boolean;
-}, visited?: Set<string>) => void;
-export declare const areAllChildrenHidden: (children: HeaderObject[], hiddenColumns: {
-    [key: string]: boolean;
-}) => boolean;
-export declare const updateParentHeaders: (headers: HeaderObject[], updatedHiddenColumns: {
-    [key: string]: boolean;
-}) => void;
+export declare const findAndMarkParentsVisible: (headers: HeaderObject[], childAccessor: string, visited?: Set<string>) => void;
+export declare const areAllChildrenHidden: (children: HeaderObject[]) => boolean;
+export declare const updateParentHeaders: (headers: HeaderObject[]) => void;

package/dist/context/TableContext.d.ts

@@ -20,16 +20,14 @@ interface TableContextType {
     expandIcon?: ReactNode;
     expandedRows: Set<string>;
     filters: TableFilterState;
-    tableRows: TableRow[];
     forceUpdate: () => void;
     getBorderClass: (cell: Cell) => string;
     handleApplyFilter: (filter: FilterCondition) => void;
-    handleClearFilter: (accessor: string) => void;
     handleClearAllFilters: () => void;
+    handleClearFilter: (accessor: string) => void;
     handleMouseDown: (cell: Cell) => void;
     handleMouseOver: (cell: Cell) => void;
-    headersRef: RefObject<HeaderObject[]>;
-    hiddenColumns: Record<string, boolean>;
+    headers: HeaderObject[];
     hoveredHeaderRef: RefObject<HeaderObject | null>;
     isCopyFlashing: (cell: Cell) => boolean;
     isInitialFocusedCell: (cell: Cell) => boolean;
@@ -51,16 +49,15 @@ interface TableContextType {
     selectColumns?: (columnIndices: number[], isShiftKey?: boolean) => void;
     selectableColumns: boolean;
     setExpandedRows: Dispatch<SetStateAction<Set<string>>>;
+    setHeaders: Dispatch<SetStateAction<HeaderObject[]>>;
     setInitialFocusedCell: Dispatch<SetStateAction<Cell | null>>;
-    setMainBodyWidth: Dispatch<SetStateAction<number>>;
-    setPinnedLeftWidth: Dispatch<SetStateAction<number>>;
-    setPinnedRightWidth: Dispatch<SetStateAction<number>>;
     setSelectedCells: Dispatch<SetStateAction<Set<string>>>;
     setSelectedColumns: Dispatch<SetStateAction<Set<number>>>;
     shouldPaginate: boolean;
     sortDownIcon: ReactNode;
     sortUpIcon: ReactNode;
     tableBodyContainerRef: RefObject<HTMLDivElement | null>;
+    tableRows: TableRow[];
     theme: Theme;
     useHoverRowBackground: boolean;
     useOddColumnBackground: boolean;

package/dist/hooks/useDragHandler.d.ts

@@ -1,7 +1,7 @@
 import { DragEvent } from "react";
 import HeaderObject from "../types/HeaderObject";
 import DragHandlerProps from "../types/DragHandlerProps";
-declare const useDragHandler: ({ draggedHeaderRef, headersRef, hoveredHeaderRef, onColumnOrderChange, onTableHeaderDragEnd, }: DragHandlerProps) => {
+declare const useDragHandler: ({ draggedHeaderRef, headers, hoveredHeaderRef, onColumnOrderChange, onTableHeaderDragEnd, }: DragHandlerProps) => {
     handleDragStart: (header: HeaderObject) => void;
     handleDragOver: ({ event, hoveredHeader, }: {
         event: DragEvent<HTMLDivElement>;

package/dist/hooks/useSortableData.d.ts

@@ -6,8 +6,6 @@ declare const useSortableData: ({ headers, tableRows }: {
     headers: HeaderObject[];
     tableRows: Row[];
 }) => {
-    hiddenColumns: Record<string, boolean>;
-    setHiddenColumns: import("react").Dispatch<import("react").SetStateAction<Record<string, boolean>>>;
     setSort: import("react").Dispatch<import("react").SetStateAction<SortConfig | null>>;
     sort: SortConfig | null;
     sortedRows: Row[];

package/dist/index.d.ts

@@ -17,5 +17,6 @@ import TableRefType from "./types/TableRefType";
 import type TableRowProps from "./types/TableRowProps";
 import type Theme from "./types/Theme";
 import type UpdateDataProps from "./types/UpdateCellProps";
+import { FilterCondition } from "./types/FilterTypes";
 export { SimpleTable };
-export type { BoundingBox, Cell, CellChangeProps, CellValue, ColumnEditorPosition, DragHandlerProps, EnumOption, HeaderObject, OnSortProps, Row, SharedTableProps, SortConfig, TableCellProps, TableHeaderProps, TableRefType, TableRowProps, Theme, UpdateDataProps, };
+export type { BoundingBox, Cell, CellChangeProps, CellValue, ColumnEditorPosition, DragHandlerProps, EnumOption, FilterCondition, HeaderObject, OnSortProps, Row, SharedTableProps, SortConfig, TableCellProps, TableHeaderProps, TableRefType, TableRowProps, Theme, UpdateDataProps, };