@ackplus/react-tanstack-data-table
Version:
A powerful React data table component built with MUI and TanStack Table
64 lines (63 loc) • 3.69 kB
JavaScript
;
/**
* MUI TanStack DataTable
*
* A comprehensive, highly customizable data table component built with:
* - Material-UI (MUI) for styling
* - TanStack Table for table logic
* - TypeScript for type safety
*
* Features:
* - Column sorting, filtering, resizing, reordering, and pinning
* - Row selection, expansion, and virtualization
* - Pagination with customizable page sizes
* - Global and column-specific search/filtering
* - Export functionality (CSV, XLSX, JSON)
* - Responsive design with mobile support
* - Accessibility features
* - Customizable toolbar and actions
* - Loading states and empty data handling
*/
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __exportStar = (this && this.__exportStar) || function(m, exports) {
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DataTableToolbar = exports.BulkActionsToolbar = exports.TableSizeControl = exports.TableExportControl = exports.ColumnResetControl = exports.ColumnPinningControl = exports.ColumnVisibilityControl = exports.DataTable = void 0;
// Main components - be specific to avoid conflicts
var data_table_1 = require("./lib/data-table");
Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return data_table_1.DataTable; } });
// Other component exports
__exportStar(require("./lib/components/headers"), exports);
__exportStar(require("./lib/components/rows"), exports);
__exportStar(require("./lib/components/filters"), exports);
__exportStar(require("./lib/components/pagination"), exports);
__exportStar(require("./lib/components/droupdown/menu-dropdown"), exports);
// Individual toolbar components for custom toolbars
var toolbar_1 = require("./lib/components/toolbar");
Object.defineProperty(exports, "ColumnVisibilityControl", { enumerable: true, get: function () { return toolbar_1.ColumnVisibilityControl; } });
Object.defineProperty(exports, "ColumnPinningControl", { enumerable: true, get: function () { return toolbar_1.ColumnPinningControl; } });
Object.defineProperty(exports, "ColumnResetControl", { enumerable: true, get: function () { return toolbar_1.ColumnResetControl; } });
Object.defineProperty(exports, "TableExportControl", { enumerable: true, get: function () { return toolbar_1.TableExportControl; } });
Object.defineProperty(exports, "TableSizeControl", { enumerable: true, get: function () { return toolbar_1.TableSizeControl; } });
Object.defineProperty(exports, "BulkActionsToolbar", { enumerable: true, get: function () { return toolbar_1.BulkActionsToolbar; } });
Object.defineProperty(exports, "DataTableToolbar", { enumerable: true, get: function () { return toolbar_1.DataTableToolbar; } });
// Utilities and helpers
__exportStar(require("./lib/utils/styling-helpers"), exports);
__exportStar(require("./lib/utils/column-helpers"), exports);
__exportStar(require("./lib/utils/table-helpers"), exports);
__exportStar(require("./lib/utils/logger"), exports);
// Custom hooks
__exportStar(require("./lib/types"), exports);
// Custom features (this includes SelectMode from features)
__exportStar(require("./lib/features"), exports);