simple-table-core 1.4.7 → 1.5.0

package/README.md

@@ -9,7 +9,7 @@ Simple Table is a **lightweight**, **high-performance** React data grid componen
 
 ## Why Simple Table?
 
-- **100% Free**: All features included at no cost - no premium versions or paid add-ons
+- **Developer-Friendly Pricing**: Free for individuals & startups, affordable PRO tier for growing businesses - never scales with revenue or team size
 - **Lightweight**: Only 16 kB (minified + gzipped) for fast loading
 - **Intuitive**: Minimal boilerplate with a clean, React-first API
 - **TypeScript-ready**: Full TypeScript support for type-safe development
@@ -28,6 +28,50 @@ npm install simple-table-core
 
 **[👉 Follow our Quick Start Guide](https://www.simple-table.com/docs/quick-start)** for step-by-step instructions and live examples.
 
+## Quick Examples
+
+Explore Simple Table's capabilities with these focused examples:
+
+### Column Features
+
+- **[Column Sorting](https://www.simple-table.com/docs/column-sorting)** - Sort data by any column with single or multi-column support
+- **[Column Filtering](https://www.simple-table.com/docs/column-filtering)** - Filter data with built-in text, number, and date filters
+- **[Column Resizing](https://www.simple-table.com/docs/column-resizing)** - Drag column borders to resize on the fly
+- **[Column Pinning](https://www.simple-table.com/docs/column-pinning)** - Pin important columns to the left or right
+- **[Column Reordering](https://www.simple-table.com/docs/column-reordering)** - Drag and drop columns to rearrange
+- **[Column Visibility](https://www.simple-table.com/docs/column-visibility)** - Show or hide columns dynamically
+- **[Column Alignment](https://www.simple-table.com/docs/column-alignment)** - Align content left, center, or right
+- **[Column Selection](https://www.simple-table.com/docs/column-selection)** - Select entire columns for bulk operations
+- **[Column Editing](https://www.simple-table.com/docs/column-editing)** - Edit entire columns with custom editors
+- **[Nested Headers](https://www.simple-table.com/docs/nested-headers)** - Create multi-level header hierarchies
+- **[Collapsible Columns](https://www.simple-table.com/docs/collapsible-columns)** - Expand and collapse column groups
+
+### Row Features
+
+- **[Row Selection](https://www.simple-table.com/docs/row-selection)** - Select single or multiple rows with checkboxes
+- **[Row Grouping](https://www.simple-table.com/docs/row-grouping)** - Group and organize rows by any column
+- **[Aggregate Functions](https://www.simple-table.com/docs/aggregate-functions)** - Calculate Sum, Average, Count, and more
+- **[Row Height](https://www.simple-table.com/docs/row-height)** - Customize row height for optimal display
+
+### Cell Features
+
+- **[Cell Editing](https://www.simple-table.com/docs/cell-editing)** - Edit cells inline with custom editors
+- **[Cell Highlighting](https://www.simple-table.com/docs/cell-highlighting)** - Highlight cells based on conditions
+- **[Cell Renderer](https://www.simple-table.com/docs/cell-renderer)** - Custom cell rendering for any data type
+- **[Cell Clicking](https://www.simple-table.com/docs/cell-clicking)** - Handle cell click events with ease
+
+### Advanced Features
+
+- **[Pagination](https://www.simple-table.com/docs/pagination)** - Server-side and client-side pagination support
+- **[Infinite Scroll](https://www.simple-table.com/docs/infinite-scroll)** - Fetch and display data as you scroll
+- **[Live Updates](https://www.simple-table.com/docs/live-updates)** - Real-time data updates and websocket integration
+- **[Header Renderer](https://www.simple-table.com/docs/header-renderer)** - Custom header rendering for advanced layouts
+
+### Customization
+
+- **[Themes](https://www.simple-table.com/docs/themes)** - Apply built-in themes or create your own
+- **[Custom Icons](https://www.simple-table.com/docs/custom-icons)** - Replace default icons with your own
+
 ## Features
 
 - **Data Management**
@@ -71,6 +115,35 @@ Browse all available examples and comprehensive documentation
 - **📖 Documentation**: [Complete Documentation](https://www.simple-table.com/docs/installation)
 - **🚀 Quick Start**: [Get Started Now](https://www.simple-table.com/docs/quick-start)
 
+## 💰 Pricing
+
+Simple, transparent pricing that never changes based on your revenue or team size:
+
+### FREE - For Individuals & Startups
+
+**$0/forever** - Perfect for fun projects, bootstrapped startups, and pre-revenue companies
+
+- Full Simple Table library access
+- Unlimited users per product
+- All core features (sorting, filtering, editing)
+- Built-in themes & TypeScript support
+- MIT License & commercial use
+- Community support
+
+### PRO - For Growing Businesses
+
+**$85/month** (50% off for first 50 customers - use code: `first_50`)
+
+- Everything in FREE
+- Priority email & Discord support
+- Direct developer access
+- Feature request prioritization
+- Early access to new features
+- Custom implementation guidance
+- 30-day money-back guarantee
+
+**[View Detailed Pricing](https://www.simple-table.com/pricing)**
+
 ## Community & Support
 
 Join our growing community to ask questions or share feedback:

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

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

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

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

package/dist/consts/general-consts.d.ts

@@ -6,3 +6,10 @@ export declare const COLUMN_EDIT_WIDTH = 28;
 export declare const TABLE_HEADER_CELL_WIDTH_DEFAULT = 150;
 export declare const PINNED_BORDER_WIDTH = 1;
 export declare const MAX_PINNED_WIDTH_PERCENT = 0.8;
+/**
+ * Get the maximum allowed width percentage for pinned columns based on viewport width
+ * This ensures better mobile compatibility by reducing pinned column space on smaller screens
+ * @param viewportWidth - The current viewport width in pixels
+ * @returns The maximum percentage (0-1) of container width that pinned columns can occupy
+ */
+export declare const getResponsiveMaxPinnedPercent: (viewportWidth: number) => number;