@absreim/react-bootstrap-data-grid 2.7.0 → 4.0.0

package/table/InternalTable.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import SelectAllHeaderCell from "./selection/SelectAllHeaderCell";
+import Pagination from "../common/pagination/Pagination";
+import classNames from "classnames";
+import useInterfaces from "../common/toolbar/useInterfaces";
+import ToolbarContainer from "../common/toolbar/ToolbarContainer";
+import useExportFn from "../common/export/useExportFn";
+import getWidthStyle from "../common/util/getWidthStyle";
+var InternalTable = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _o = _a.gridProps, rows = _o.rows, cols = _o.cols, pagination = _o.pagination, filterModel = _o.filterModel, selectModel = _o.selectModel, editModel = _o.editModel, caption = _o.caption, styleModel = _o.styleModel, displayMode = _o.displayMode, allowExport = _o.allowExport, _p = _a.hooks, pipelineOutput = _p.pipelineOutput, selectFns = _p.selectFns, _q = _a.slots, colHeaderCells = _q.colHeaderCells, bodyRows = _q.bodyRows, prefixHeader = _q.prefixHeader, classes = _a.classes;
+    var normalizedTableFilterModel = pipelineOutput.normalizedTableFilterModel, filteredRows = pipelineOutput.filteredRows, filterState = pipelineOutput.filterState, sortedRows = pipelineOutput.sortedRowsOutput.sortedRows, _r = pipelineOutput.currentPageRowsOutput, paginatedRows = _r.paginatedRows, normalizedModel = _r.normalizedModel, showSelectCol = pipelineOutput.showSelectCol;
+    var exportFnInfo = useExportFn({
+        rows: rows,
+        cols: cols,
+        filteredRows: filterModel && filteredRows,
+        currentPageRows: pagination && paginatedRows,
+    });
+    var showToolbar = filterModel || allowExport;
+    var toolbarPropGen = useMemo(function () { return function (closeUiCallback) {
+        return {
+            filtering: filterState && filterModel && normalizedTableFilterModel
+                ? {
+                    filterState: filterState,
+                    setFilterState: normalizedTableFilterModel.setTableFilterState,
+                    caption: filterModel.filterTableCaption,
+                    styleModel: styleModel === null || styleModel === void 0 ? void 0 : styleModel.filterInputTableStyleModel,
+                    closeFormCallback: closeUiCallback,
+                }
+                : undefined,
+            exporting: allowExport
+                ? {
+                    exportFnInfo: exportFnInfo,
+                    styleModel: styleModel === null || styleModel === void 0 ? void 0 : styleModel.exportFormStyleModel,
+                    closeCallback: closeUiCallback,
+                }
+                : undefined,
+        };
+    }; }, [
+        allowExport,
+        exportFnInfo,
+        filterModel,
+        filterState,
+        normalizedTableFilterModel,
+        styleModel === null || styleModel === void 0 ? void 0 : styleModel.exportFormStyleModel,
+        styleModel === null || styleModel === void 0 ? void 0 : styleModel.filterInputTableStyleModel,
+    ]);
+    var toolbarInterfaces = useInterfaces(toolbarPropGen);
+    var rowsAreSelectable = selectFns.rowsAreSelectable, selectionInfo = selectFns.selectionInfo, selectAllOnClick = selectFns.selectAllOnClick;
+    var mainTable = (_jsxs("table", { className: classNames({
+            "table-hover": rowsAreSelectable,
+            "d-block": displayMode === "block",
+        }, ((_b = styleModel === null || styleModel === void 0 ? void 0 : styleModel.mainTableStyleModel) === null || _b === void 0 ? void 0 : _b.table) || "table"), "aria-rowcount": filteredRows.length + 1, children: [caption !== undefined && (_jsx("caption", { className: classNames((_c = styleModel === null || styleModel === void 0 ? void 0 : styleModel.mainTableStyleModel) === null || _c === void 0 ? void 0 : _c.caption), children: caption })), _jsx("thead", { className: classNames((_d = styleModel === null || styleModel === void 0 ? void 0 : styleModel.mainTableStyleModel) === null || _d === void 0 ? void 0 : _d.thead), children: _jsxs("tr", { "aria-rowindex": 1, className: classNames((_e = styleModel === null || styleModel === void 0 ? void 0 : styleModel.mainTableStyleModel) === null || _e === void 0 ? void 0 : _e.theadTr, (classes === null || classes === void 0 ? void 0 : classes.headerRow) || []), children: [prefixHeader, showSelectCol && (_jsx(SelectAllHeaderCell, { style: getWidthStyle(selectModel === null || selectModel === void 0 ? void 0 : selectModel.selectColWidth), selectionInfo: selectionInfo, onClick: selectAllOnClick, totalRows: rows.length, customClasses: (_f = styleModel === null || styleModel === void 0 ? void 0 : styleModel.mainTableStyleModel) === null || _f === void 0 ? void 0 : _f.rowSelectColTh, colIndexOffset: prefixHeader ? 1 : 0 })), colHeaderCells, editModel && (_jsx("th", { "aria-colindex": cols.length + 1 + (showSelectCol ? 1 : 0), className: classNames((_g = styleModel === null || styleModel === void 0 ? void 0 : styleModel.mainTableStyleModel) === null || _g === void 0 ? void 0 : _g.editColTh), style: getWidthStyle(editModel === null || editModel === void 0 ? void 0 : editModel.editColWidth), children: "Edit Controls" }))] }) }), _jsx("tbody", { className: classNames(classNames((_h = styleModel === null || styleModel === void 0 ? void 0 : styleModel.mainTableStyleModel) === null || _h === void 0 ? void 0 : _h.tbody)), children: bodyRows })] }));
+    return (_jsxs("div", { "data-testid": "rbdg-top-level-div", className: classNames((_j = styleModel === null || styleModel === void 0 ? void 0 : styleModel.additionalComponentsStyleModel) === null || _j === void 0 ? void 0 : _j.topLevelDiv), children: [showToolbar && (_jsx(ToolbarContainer, { interfaceGen: toolbarInterfaces, styleModel: styleModel === null || styleModel === void 0 ? void 0 : styleModel.toolbarStyleModel })), _jsxs("div", { "data-testid": "rbdg-table-and-pagination-div", className: classNames((_k = styleModel === null || styleModel === void 0 ? void 0 : styleModel.additionalComponentsStyleModel) === null || _k === void 0 ? void 0 : _k.tableAndPaginationDiv), children: [_jsx("div", { "data-testid": "rbdg-table-div", className: classNames(((_l = styleModel === null || styleModel === void 0 ? void 0 : styleModel.additionalComponentsStyleModel) === null || _l === void 0 ? void 0 : _l.tableDiv) ||
+                            "table-responsive"), children: mainTable }), normalizedModel && (_jsx(Pagination, { normalizedModel: normalizedModel, prePagingNumRows: sortedRows.length, containerDivClasses: (_m = styleModel === null || styleModel === void 0 ? void 0 : styleModel.additionalComponentsStyleModel) === null || _m === void 0 ? void 0 : _m.paginationUiDiv }))] })] }));
+};
+export default InternalTable;

package/table/Table.d.ts

@@ -0,0 +1,5 @@
+import { FC } from "react";
+import { TableProps } from "./types";
+declare const Table: FC<TableProps>;
+export default Table;
+export type { TableProps } from "./types";

package/{Grid.js → table/Table.js}

@@ -1,15 +1,14 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import InternalGrid from "./InternalGrid";
+import InternalTable from "./InternalTable";
 import ColHeaderCell from "./main/ColHeaderCell";
-import useCombinedPipeline from "./pipeline/useCombinedPipeline";
-import useGridSelectionFns from "./pipeline/useGridSelectionFns";
-import useUnwrappedGridStyles from "./pipeline/useUnwrappedGridStyles";
-import useGetInputStrSubmitCallback from "./pipeline/useGetInputStrSubmitCallback";
-import useAugFormattedRows from "./pipeline/useAugFormattedRows";
+import useCombinedPipeline from "../common/pipeline/useCombinedPipeline";
+import useGridSelectionFns from "../common/pipeline/useGridSelectionFns";
+import useGetInputStrSubmitCallback from "../common/pipeline/useGetInputStrSubmitCallback";
+import useAugFormattedRows from "../common/pipeline/useAugFormattedRows";
 import BodyRows from "./main/BodyRows";
-var Grid = function (props) {
+import useColNameToWidth from "../common/pipeline/useColNameToWidth";
+var Table = function (props) {
     var rows = props.rows, cols = props.cols, filterModel = props.filterModel, sortModel = props.sortModel, pagination = props.pagination, selectModel = props.selectModel, styleModel = props.styleModel, editModel = props.editModel;
     var combinedPipelineOutput = useCombinedPipeline({
         rows: rows,
@@ -21,16 +20,8 @@ var Grid = function (props) {
     });
     var _a = combinedPipelineOutput.sortedRowsOutput, sortColDef = _a.sortColDef, setSortColDef = _a.setSortColDef, sortingEnabled = _a.sortingEnabled, showSelectCol = combinedPipelineOutput.showSelectCol, displayRows = combinedPipelineOutput.displayRows;
     var gridSelectionFns = useGridSelectionFns(selectModel, rows);
-    var unwrappedStyles = useUnwrappedGridStyles(styleModel);
     var getInputStrSubmitCallback = useGetInputStrSubmitCallback(editModel, cols);
-    var colNameToWidth = useMemo(function () {
-        var map = {};
-        cols.forEach(function (_a) {
-            var name = _a.name, width = _a.width;
-            return (map[name] = width);
-        });
-        return map;
-    }, [cols]);
+    var colNameToWidth = useColNameToWidth(cols);
     var augFormattedRows = useAugFormattedRows(colNameToWidth, displayRows);
     var colHeaderCells = cols.map(function (_a, index) {
         var _b;
@@ -46,11 +37,10 @@ var Grid = function (props) {
         return (_jsx(ColHeaderCell, { label: label, sortModel: colSortModel, ariaColIndex: index + 1 + (showSelectCol ? 1 : 0), additionalClasses: ((_b = styleModel === null || styleModel === void 0 ? void 0 : styleModel.mainTableStyleModel) === null || _b === void 0 ? void 0 : _b.theadTh) &&
                 styleModel.mainTableStyleModel.theadTh(index), width: width }, name));
     });
-    var bodyRows = (_jsx(BodyRows, { augFormattedRows: augFormattedRows, gridSelectionFns: gridSelectionFns, selectModel: selectModel, unwrappedStyles: unwrappedStyles, combinedPipelineOutput: combinedPipelineOutput, editModel: editModel, getInputStrSubmitCallback: getInputStrSubmitCallback }));
-    return (_jsx(InternalGrid, { gridProps: props, hooks: {
+    var bodyRows = (_jsx(BodyRows, { augFormattedRows: augFormattedRows, gridSelectionFns: gridSelectionFns, selectModel: selectModel, combinedPipelineOutput: combinedPipelineOutput, editModel: editModel, getInputStrSubmitCallback: getInputStrSubmitCallback, tableStyleModel: styleModel === null || styleModel === void 0 ? void 0 : styleModel.mainTableStyleModel }));
+    return (_jsx(InternalTable, { gridProps: props, hooks: {
             pipelineOutput: combinedPipelineOutput,
             selectFns: gridSelectionFns,
-            unwrappedStyles: unwrappedStyles,
         }, slots: { colHeaderCells: colHeaderCells, bodyRows: bodyRows } }));
 };
-export default Grid;
+export default Table;

package/{editing → table/editing}/EditControlsCell.d.ts

@@ -6,11 +6,11 @@ export interface EditControlsCellProps {
     isEditing: boolean;
     saveCallback: () => void;
     deleteCallback?: () => void;
-    editControlsCellClasses: string[];
-    saveButtonClasses: string[];
-    deleteButtonClasses: string[];
-    startButtonClasses: string[];
-    cancelButtonClasses: string[];
+    editControlsCellClasses: string[] | null;
+    saveButtonClasses: string[] | null;
+    deleteButtonClasses: string[] | null;
+    startButtonClasses: string[] | null;
+    cancelButtonClasses: string[] | null;
     style?: CSSProperties;
 }
 declare const EditControlsCell: FC<EditControlsCellProps>;

package/table/editing/EditControlsCell.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames from "classnames";
+var stopPropagationWrapper = function (fn) { return function (event) {
+    event.stopPropagation();
+    fn();
+}; };
+var EditControlsCell = function (_a) {
+    var ariaColIndex = _a.ariaColIndex, beginEditingCallback = _a.beginEditingCallback, cancelEditingCallback = _a.cancelEditingCallback, isEditing = _a.isEditing, saveCallback = _a.saveCallback, deleteCallback = _a.deleteCallback, editControlsCellClasses = _a.editControlsCellClasses, saveButtonClasses = _a.saveButtonClasses, deleteButtonClasses = _a.deleteButtonClasses, startButtonClasses = _a.startButtonClasses, cancelButtonClasses = _a.cancelButtonClasses;
+    return (_jsx("td", { "aria-colindex": ariaColIndex, className: classNames(editControlsCellClasses), children: _jsx("div", { className: "hstack gap-2", children: isEditing ? (_jsxs(_Fragment, { children: [_jsx("button", { "aria-label": "Cancel", className: classNames(cancelButtonClasses || ["btn", "btn-secondary"]), onClick: stopPropagationWrapper(cancelEditingCallback), title: "Cancel", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", viewBox: "0 0 16 16", children: _jsx("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293z" }) }) }), _jsx("button", { "aria-label": "Save", className: classNames(saveButtonClasses || ["btn", "btn-primary"]), onClick: stopPropagationWrapper(saveCallback), title: "Save", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", viewBox: "0 0 16 16", children: [_jsx("path", { d: "M12 2h-2v3h2z" }), _jsx("path", { d: "M1.5 0A1.5 1.5 0 0 0 0 1.5v13A1.5 1.5 0 0 0 1.5 16h13a1.5 1.5 0 0 0 1.5-1.5V2.914a1.5 1.5 0 0 0-.44-1.06L14.147.439A1.5 1.5 0 0 0 13.086 0zM4 6a1 1 0 0 1-1-1V1h10v4a1 1 0 0 1-1 1zM3 9h10a1 1 0 0 1 1 1v5H2v-5a1 1 0 0 1 1-1" })] }) })] })) : (_jsxs(_Fragment, { children: [deleteCallback && (_jsx("button", { "aria-label": "Delete", className: classNames(deleteButtonClasses || ["btn", "btn-secondary"]), onClick: stopPropagationWrapper(deleteCallback), title: "Delete", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", viewBox: "0 0 16 16", children: _jsx("path", { d: "M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5M8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5m3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0" }) }) })), _jsx("button", { "aria-label": "Edit", className: classNames(startButtonClasses || ["btn", "btn-primary"]), onClick: stopPropagationWrapper(beginEditingCallback), title: "Edit", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", viewBox: "0 0 16 16", children: [_jsx("path", { d: "M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z" }), _jsx("path", { fillRule: "evenodd", d: "M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z" })] }) })] })) }) }));
+};
+export default EditControlsCell;

package/{editing → table/editing}/EditableRow.d.ts

@@ -1,7 +1,6 @@
 import { CSSProperties, FC, ReactNode } from "react";
-import { RowId } from "../types";
 import React from "react";
-import { CellData } from "./types";
+import { CellData, RowId } from "../../common/types";
 export type EditableRowProps = Pick<React.ComponentProps<"tr">, "onClick" | "className" | "aria-rowindex" | "aria-selected"> & {
     ariaColIndexOffset: number;
     dataRowId: RowId;
@@ -9,13 +8,13 @@ export type EditableRowProps = Pick<React.ComponentProps<"tr">, "onClick" | "cla
     cellData: CellData[];
     updateCallback?: (values: string[]) => void;
     deleteCallback?: () => void;
-    dataCellClasses: (colIndex: number) => string[];
-    dataCellInputClasses: (colIndex: number) => string[];
-    editCellClasses: string[];
-    deleteButtonClasses: string[];
-    cancelButtonClasses: string[];
-    startButtonClasses: string[];
-    saveButtonClasses: string[];
+    dataCellClasses: (colIndex: number) => string[] | null;
+    dataCellInputClasses: (colIndex: number) => string[] | null;
+    editCellClasses: string[] | null;
+    deleteButtonClasses: string[] | null;
+    cancelButtonClasses: string[] | null;
+    startButtonClasses: string[] | null;
+    saveButtonClasses: string[] | null;
     editControlCellStyles?: CSSProperties;
 };
 declare const EditableRow: FC<EditableRowProps>;

package/{editing → table/editing}/EditableRow.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
-import { dateToDatetimeInputStr, dateToInputStr } from "../util/datetime";
+import { dateToDatetimeInputStr, dateToInputStr, } from "../../common/util/datetime";
 import EditControlsCell from "./EditControlsCell";
 import classNames from "classnames";
-import getWidthStyle from "../util/getWidthStyle";
+import getWidthStyle from "../../common/util/getWidthStyle";
 var initValueToFormValue = function (value, type) {
     switch (type) {
         case "date":
@@ -62,7 +62,7 @@ var EditableRow = function (_a) {
     };
     return (_jsxs("tr", { ref: trRef, onClick: onClick, className: className, "aria-rowindex": ariaRowIndex, "aria-selected": ariaSelected, "data-rowid": dataRowId, children: [children, cellData.map(function (_a, index) {
                 var type = _a.type, value = _a.value, formattedValue = _a.formattedValue, label = _a.label, width = _a.width;
-                return (_jsx("td", { "aria-colindex": index + ariaColIndexOffset + 1, className: classNames(dataCellClasses(index)), style: getWidthStyle(width), children: isEditing && !!updateCallback ? (_jsx("input", { "aria-label": label, name: "editable-cell-input-".concat(dataRowId, "-").concat(index), className: classNames("form-control", dataCellInputClasses(index)), type: colDataTypeToInputType(type), defaultValue: initValueToFormValue(value, type), required: type !== "string" })) : (formattedValue) }, index));
+                return (_jsx("td", { "aria-colindex": index + ariaColIndexOffset + 1, className: classNames(dataCellClasses(index)), style: getWidthStyle(width), children: isEditing && !!updateCallback ? (_jsx("input", { "aria-label": label, name: "editable-cell-input-".concat(dataRowId, "-").concat(index), className: classNames(dataCellInputClasses(index) || "form-control"), type: colDataTypeToInputType(type), defaultValue: initValueToFormValue(value, type), required: type !== "string" })) : (formattedValue) }, index));
             }), updateCallback && (_jsx(EditControlsCell, { ariaColIndex: ariaColIndexOffset + cellData.length + 1, beginEditingCallback: function () { return setIsEditing(true); }, cancelEditingCallback: function () { return setIsEditing(false); }, isEditing: isEditing, saveCallback: handleSave, deleteCallback: deleteCallback, editControlsCellClasses: editCellClasses, startButtonClasses: startButtonClasses, deleteButtonClasses: deleteButtonClasses, cancelButtonClasses: cancelButtonClasses, saveButtonClasses: saveButtonClasses, style: editControlCellStyles }))] }));
 };
 export default EditableRow;

package/table/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./types";
+export * from "./styling/types";
+export * from "../common/selection/types";
+export * from "../common";
+export { default } from "./Table";

package/table/index.js

@@ -0,0 +1,5 @@
+export * from "./types";
+export * from "./styling/types";
+export * from "../common/selection/types";
+export * from "../common";
+export { default } from "./Table";

package/table/main/BodyRows.d.ts

@@ -0,0 +1,22 @@
+import { FC, ReactNode } from "react";
+import { UseGridSelectionFnsHook } from "../../common/pipeline/useGridSelectionFns";
+import { UseCombinedPipelineHook } from "../../common/pipeline/useCombinedPipeline";
+import { SelectModel } from "../../common/selection/types";
+import { UseGetInputStrSubmitCallbackHook } from "../../common/pipeline/useGetInputStrSubmitCallback";
+import { TableStyleModel } from "../styling/types";
+import { AugFormattedRow, FormattedRow, RowId } from "../../common/types";
+import { EditModel } from "../../common/editing/types";
+interface BodyRowsProps {
+    augFormattedRows: AugFormattedRow[];
+    gridSelectionFns: UseGridSelectionFnsHook;
+    tableStyleModel: TableStyleModel | undefined;
+    combinedPipelineOutput: UseCombinedPipelineHook;
+    selectModel: SelectModel | undefined;
+    editModel: EditModel | undefined;
+    getInputStrSubmitCallback: UseGetInputStrSubmitCallbackHook;
+    additionalColIndexOffset?: number;
+    renderPrefixCells?: (augFormattedRows: FormattedRow) => ReactNode;
+    additionalRowStyles?: (rowId: RowId, displayIndex: number) => string[];
+}
+declare const BodyRows: FC<BodyRowsProps>;
+export default BodyRows;

package/table/main/BodyRows.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import EditableRow from "../editing/EditableRow";
+import classNames from "classnames";
+import getWidthStyle from "../../common/util/getWidthStyle";
+import SelectionInput from "../selection/SelectionInput";
+var BodyRows = function (_a) {
+    var augFormattedRows = _a.augFormattedRows, _b = _a.gridSelectionFns, selectedSet = _b.selectedSet, getSelectInputModel = _b.getSelectInputModel, getSelectHandler = _b.getSelectHandler, getRowClickHandler = _b.getRowClickHandler, getAriaSelectedValue = _b.getAriaSelectedValue, tableStyleModel = _a.tableStyleModel, _c = _a.combinedPipelineOutput, showSelectCol = _c.showSelectCol, ariaColIndexOffset = _c.ariaColIndexOffset, selectModel = _a.selectModel, editModel = _a.editModel, getInputStrSubmitCallback = _a.getInputStrSubmitCallback, additionalColIndexOffset = _a.additionalColIndexOffset, renderPrefixCells = _a.renderPrefixCells, additionalRowStyles = _a.additionalRowStyles;
+    return augFormattedRows.map(function (row, index) {
+        return (_jsxs(EditableRow, { onClick: getRowClickHandler(row.id), className: classNames({
+                "table-active": selectedSet.has(row.id),
+            }, (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTr) && (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTr(row.id, index)), additionalRowStyles ? additionalRowStyles(row.id, index) : []), "aria-rowindex": row.prePaginationIndex + 2, dataRowId: row.id, "aria-selected": getAriaSelectedValue(row.id), ariaColIndexOffset: ariaColIndexOffset + (additionalColIndexOffset || 0), cellData: row.contents, updateCallback: getInputStrSubmitCallback && getInputStrSubmitCallback(row.id), deleteCallback: (editModel === null || editModel === void 0 ? void 0 : editModel.getDeleteCallback) && editModel.getDeleteCallback(row.id), dataCellClasses: function (colIndex) {
+                return (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTd)
+                    ? tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTd(row.id, index, colIndex)
+                    : null;
+            }, dataCellInputClasses: function (colIndex) {
+                return (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTdInput)
+                    ? tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTdInput(row.id, index, colIndex)
+                    : null;
+            }, editCellClasses: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editColTd)
+                ? tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editColTd(row.id, index)
+                : null, saveButtonClasses: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editSaveButton)
+                ? tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editSaveButton(row.id, index)
+                : null, deleteButtonClasses: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editDeleteButton)
+                ? tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editDeleteButton(row.id, index)
+                : null, startButtonClasses: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editStartButton)
+                ? tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editStartButton(row.id, index)
+                : null, cancelButtonClasses: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editCancelButton)
+                ? tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editCancelButton(row.id, index)
+                : null, children: [renderPrefixCells && renderPrefixCells(row), showSelectCol && (_jsx("td", { className: classNames((tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.rowSelectColTd) &&
+                        (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.rowSelectColTd(row.id, index))), "aria-colindex": 1 + (additionalColIndexOffset || 0), style: getWidthStyle(selectModel.selectColWidth), children: _jsx(SelectionInput, { index: index, selected: selectedSet.has(row.id), selectionInputModel: getSelectInputModel(row.id, selectModel), selectCallback: getSelectHandler(row.id), additionalClasses: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.rowSelectInput) &&
+                            (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.rowSelectInput(row.id, index)) }) }))] }, row.id));
+    });
+};
+export default BodyRows;

package/{main → table/main}/ColHeaderCell/index.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
-import getWidthStyle from "../../util/getWidthStyle";
-import useSortHeaderStates from "./useSortHeaderStates";
-import sortOrderToAriaSort from "../../sorting/sortOrderToAriaSort";
+import getWidthStyle from "../../../common/util/getWidthStyle";
+import useSortHeaderStates from "../../../common/sorting/useSortHeaderStates";
+import sortOrderToAriaSort from "../../../common/sorting/sortOrderToAriaSort";
 var ColHeaderCell = function (_a) {
     var label = _a.label, sortModel = _a.sortModel, ariaColIndex = _a.ariaColIndex, additionalClasses = _a.additionalClasses, width = _a.width;
     var _b = useSortHeaderStates(sortModel), handleClick = _b.handleClick, handleMouseOver = _b.handleMouseOver, handleMouseOut = _b.handleMouseOut, sortSymbol = _b.sortSymbol;

package/{selection → table/selection}/SelectAllHeaderCell.d.ts

@@ -1,10 +1,10 @@
 import { CSSProperties, FC } from "react";
-import { SelectionInfo } from "./types";
+import { SelectionInfo } from "../../common/selection/types";
 interface SelectAllHeaderCellProps {
     onClick: () => void;
     selectionInfo: SelectionInfo;
     totalRows: number;
-    additionalClasses?: string[];
+    customClasses?: string[];
     style?: CSSProperties;
     colIndexOffset?: number;
 }

package/{selection → table/selection}/SelectAllHeaderCell.js

@@ -41,15 +41,13 @@ var getCheckboxState = function (selectionInfo, noRows) {
     return disabledState;
 };
 var SelectAllHeaderCell = function (_a) {
-    var onClick = _a.onClick, selectionInfo = _a.selectionInfo, totalRows = _a.totalRows, additionalClasses = _a.additionalClasses, style = _a.style, colIndexOffset = _a.colIndexOffset;
+    var onClick = _a.onClick, selectionInfo = _a.selectionInfo, totalRows = _a.totalRows, customClasses = _a.customClasses, style = _a.style, colIndexOffset = _a.colIndexOffset;
     var noRows = totalRows === 0;
     var _b = getCheckboxState(selectionInfo, noRows), indeterminate = _b.indeterminate, checked = _b.checked, disabled = _b.disabled, description = _b.description;
     var ref = useRef(null);
     useEffect(function () {
         ref.current.indeterminate = indeterminate;
     }, [indeterminate]);
-    return (_jsx("th", { style: style, "aria-colindex": 1 + (colIndexOffset || 0), title: description, "aria-description": description, className: classNames({
-            "btn-primary": !additionalClasses || additionalClasses.length === 0,
-        }, additionalClasses || []), children: _jsx("input", { tabIndex: 0, type: "checkbox", checked: checked, ref: ref, disabled: disabled, "aria-label": description, onChange: onClick }) }));
+    return (_jsx("th", { style: style, "aria-colindex": 1 + (colIndexOffset || 0), title: description, "aria-description": description, className: classNames(customClasses || "btn-primary"), children: _jsx("input", { tabIndex: 0, type: "checkbox", checked: checked, ref: ref, disabled: disabled, "aria-label": description, onChange: onClick }) }));
 };
 export default SelectAllHeaderCell;

package/{selection → table/selection}/SelectionInput.d.ts

@@ -13,7 +13,7 @@ export interface SelectionInputProps {
     selected: boolean;
     selectionInputModel: SelectionInputModel;
     selectCallback: () => void;
-    additionalClasses?: string[];
+    additionalClasses?: string[] | null;
     index: number;
 }
 declare const SelectionInput: FC<SelectionInputProps>;

package/table/styling/types.d.ts

@@ -0,0 +1,41 @@
+import { RowId } from "../../common/types";
+export interface SharedTableStyleModel {
+    table?: string[];
+    tbody?: string[];
+    thead?: string[];
+    theadTr?: string[];
+    theadTh?: (colIndex: number) => string[] | null;
+    caption?: string[];
+}
+export type TableStyleModel = SharedTableStyleModel & {
+    tbodyTr?: (rowId: RowId, displayIndex: number) => string[] | null;
+    tbodyTd?: (rowId: RowId, displayRowIndex: number, colIndex: number) => string[] | null;
+    tbodyTdInput?: (rowId: RowId, displayRowIndex: number, colIndex: number) => string[] | null;
+    editColTh?: string[];
+    editColTd?: (rowId: RowId, displayIndex: number) => string[] | null;
+    editStartButton?: (rowId: RowId, displayIndex: number) => string[] | null;
+    editDeleteButton?: (rowId: RowId, displayIndex: number) => string[] | null;
+    editSaveButton?: (rowId: RowId, displayIndex: number) => string[] | null;
+    editCancelButton?: (rowId: RowId, displayIndex: number) => string[] | null;
+    rowSelectColTh?: string[];
+    rowSelectColTd?: (rowId: RowId, displayIndex: number) => string[] | null;
+    rowSelectInput?: (rowId: RowId, displayIndex: number) => string[] | null;
+};
+export type FilterInputTableStyleModel = SharedTableStyleModel & {
+    tbodyTr?: (rowIndex: number) => string[] | null;
+    tbodyTd?: (rowIndex: number, colIndex: number) => string[] | null;
+    enablementInput?: (rowIndex: number) => string[] | null;
+    schemeSelectionInput?: (rowIndex: number) => string[] | null;
+    searchStringInput?: (rowIndex: number) => string[] | null;
+    numberInput?: (rowIndex: number) => string[] | null;
+    startDateInput?: (rowIndex: number) => string[] | null;
+    endDateInput?: (rowIndex: number) => string[] | null;
+    submitButton?: string[];
+    form?: string[];
+};
+export interface AdditionalComponentsStyleModel {
+    topLevelDiv?: string[];
+    tableAndPaginationDiv?: string[];
+    tableDiv?: string[];
+    paginationUiDiv?: string[];
+}

package/table/styling/types.js

@@ -0,0 +1 @@
+export {};

package/table/types.d.ts

@@ -0,0 +1,19 @@
+import { ColSortModel } from "../common/sorting/types";
+import { ColDefBase, MainComponentSharedProps } from "../common/types";
+import { StyleModel } from "../common/styling/types";
+export type DisplayMode = "table" | "block";
+export type TableProps = MainComponentSharedProps & {
+    caption?: string;
+    styleModel?: StyleModel;
+    displayMode?: DisplayMode;
+};
+export type BaseTableProps = Omit<TableProps, "cols"> & {
+    cols: ColDefBase[];
+};
+export interface ColHeaderCellProps {
+    label: string;
+    sortModel?: ColSortModel;
+    ariaColIndex: number;
+    additionalClasses?: string[] | null;
+    width?: number;
+}

package/table/types.js

@@ -0,0 +1 @@
+export {};

package/InternalGrid.d.ts

@@ -1,23 +0,0 @@
-import { FC, ReactNode } from "react";
-import { BaseGridProps } from "./types";
-import { UseCombinedPipelineHook } from "./pipeline/useCombinedPipeline";
-import { UseGridSelectionFnsHook } from "./pipeline/useGridSelectionFns";
-import { UseUnwrappedGridStylesHook } from "./pipeline/useUnwrappedGridStyles";
-export interface InternalGridProps {
-    gridProps: BaseGridProps;
-    hooks: {
-        selectFns: UseGridSelectionFnsHook;
-        pipelineOutput: UseCombinedPipelineHook;
-        unwrappedStyles: UseUnwrappedGridStylesHook;
-    };
-    slots: {
-        colHeaderCells: ReactNode;
-        bodyRows: ReactNode;
-        prefixHeader?: ReactNode;
-    };
-    classes?: {
-        headerRow?: string[];
-    };
-}
-declare const InternalGrid: FC<InternalGridProps>;
-export default InternalGrid;

package/InternalGrid.js

@@ -1,57 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import ToggleButton from "./main/ToggleButton";
-import FilterOptionsTable from "./filtering/FilterOptionsTable";
-import SelectAllHeaderCell from "./selection/SelectAllHeaderCell";
-import Pagination from "./pagination/Pagination";
-import classNames from "classnames";
-import useInterfaces from "./toolbar/useInterfaces";
-import ToolbarContainer from "./toolbar/ToolbarContainer";
-import useExportFn from "./export/useExportFn";
-import getWidthStyle from "./util/getWidthStyle";
-var InternalGrid = function (_a) {
-    var _b;
-    var _c = _a.gridProps, rows = _c.rows, cols = _c.cols, pagination = _c.pagination, filterModel = _c.filterModel, selectModel = _c.selectModel, editModel = _c.editModel, caption = _c.caption, styleModel = _c.styleModel, useToolbar = _c.useToolbar, responsive = _c.responsive, displayMode = _c.displayMode, _d = _a.hooks, pipelineOutput = _d.pipelineOutput, selectFns = _d.selectFns, unwrappedStyles = _d.unwrappedStyles, _e = _a.slots, colHeaderCells = _e.colHeaderCells, bodyRows = _e.bodyRows, prefixHeader = _e.prefixHeader, classes = _a.classes;
-    var normalizedTableFilterModel = pipelineOutput.normalizedTableFilterModel, filteredRows = pipelineOutput.filteredRows, filterState = pipelineOutput.filterState, sortedRows = pipelineOutput.sortedRowsOutput.sortedRows, _f = pipelineOutput.currentPageRowsOutput, paginatedRows = _f.paginatedRows, normalizedModel = _f.normalizedModel, showSelectCol = pipelineOutput.showSelectCol;
-    var _g = useState(false), filterOptionsVisible = _g[0], setFilterOptionsVisible = _g[1];
-    var exportFnInfo = useExportFn({
-        rows: rows,
-        cols: cols,
-        filteredRows: filterModel && filteredRows,
-        currentPageRows: pagination && paginatedRows,
-    });
-    var toolbarInterfaceParams = useMemo(function () { return ({
-        filtering: useToolbar && filterState && filterModel && normalizedTableFilterModel
-            ? {
-                filterState: filterState,
-                setFilterState: normalizedTableFilterModel.setTableFilterState,
-                caption: filterModel.filterTableCaption,
-                styleModel: styleModel === null || styleModel === void 0 ? void 0 : styleModel.filterInputTableStyleModel,
-            }
-            : undefined,
-        exporting: useToolbar
-            ? { exportFnInfo: exportFnInfo, styleModel: styleModel === null || styleModel === void 0 ? void 0 : styleModel.exportFormStyleModel }
-            : undefined,
-    }); }, [
-        exportFnInfo,
-        filterModel,
-        filterState,
-        normalizedTableFilterModel,
-        styleModel === null || styleModel === void 0 ? void 0 : styleModel.exportFormStyleModel,
-        styleModel === null || styleModel === void 0 ? void 0 : styleModel.filterInputTableStyleModel,
-        useToolbar,
-    ]);
-    var toolbarInterfaces = useInterfaces(toolbarInterfaceParams);
-    var handleToggleFilterOptions = function () {
-        setFilterOptionsVisible(!filterOptionsVisible);
-    };
-    var rowsAreSelectable = selectFns.rowsAreSelectable, selectionInfo = selectFns.selectionInfo, selectAllOnClick = selectFns.selectAllOnClick;
-    var unwrappedTableModel = unwrappedStyles.unwrappedTableModel, unwrappedAdditionalStyleModel = unwrappedStyles.unwrappedAdditionalStyleModel;
-    var mainTable = (_jsxs("table", { className: classNames("table", {
-            "table-hover": rowsAreSelectable,
-            "d-block": displayMode === "block",
-        }, unwrappedTableModel.table), "aria-rowcount": filteredRows.length + 1, children: [caption !== undefined && (_jsx("caption", { className: classNames(unwrappedTableModel.caption), children: caption })), _jsx("thead", { className: classNames(unwrappedTableModel.thead), children: _jsxs("tr", { "aria-rowindex": 1, className: classNames(unwrappedTableModel.theadTr, (classes === null || classes === void 0 ? void 0 : classes.headerRow) || []), children: [prefixHeader, showSelectCol && (_jsx(SelectAllHeaderCell, { style: getWidthStyle(selectModel === null || selectModel === void 0 ? void 0 : selectModel.selectColWidth), selectionInfo: selectionInfo, onClick: selectAllOnClick, totalRows: rows.length, additionalClasses: unwrappedTableModel.rowSelectColTh, colIndexOffset: prefixHeader ? 1 : 0 })), colHeaderCells, editModel && (_jsx("th", { "aria-colindex": cols.length + 1 + (showSelectCol ? 1 : 0), className: classNames(unwrappedTableModel.editColTh), style: getWidthStyle(editModel === null || editModel === void 0 ? void 0 : editModel.editColWidth), children: "Edit Controls" }))] }) }), _jsx("tbody", { className: classNames(unwrappedTableModel.tbody), children: bodyRows })] }));
-    return (_jsxs("div", { "data-testid": "rbdg-top-level-div", className: classNames(unwrappedAdditionalStyleModel.topLevelDiv), children: [normalizedTableFilterModel && !useToolbar && (_jsxs("div", { "data-testid": "rbdg-filter-inputs-div", className: classNames(unwrappedAdditionalStyleModel.filterInputsDiv), children: [_jsx(ToggleButton, { isActive: filterOptionsVisible, label: "".concat(filterOptionsVisible ? "Hide" : "Show ", " Filter Options"), onClick: handleToggleFilterOptions, classes: (_b = styleModel === null || styleModel === void 0 ? void 0 : styleModel.additionalComponentsStyleModel) === null || _b === void 0 ? void 0 : _b.filterUiToggleButton }), filterOptionsVisible && (_jsx(FilterOptionsTable, { caption: filterModel.filterTableCaption, filterState: filterState, setFilterState: normalizedTableFilterModel.setTableFilterState, styleModel: styleModel === null || styleModel === void 0 ? void 0 : styleModel.filterInputTableStyleModel }))] })), useToolbar && (_jsx(ToolbarContainer, { interfaces: toolbarInterfaces, styleModel: styleModel === null || styleModel === void 0 ? void 0 : styleModel.toolbarStyleModel })), _jsxs("div", { "data-testid": "rbdg-table-and-pagination-div", className: classNames(unwrappedAdditionalStyleModel.tableAndPaginationDiv), children: [responsive ? (_jsx("div", { "data-testid": "rbdg-table-div", className: "table-responsive", children: mainTable })) : (_jsx(_Fragment, { children: mainTable })), normalizedModel && (_jsx(Pagination, { normalizedModel: normalizedModel, prePagingNumRows: sortedRows.length, containerDivClasses: unwrappedAdditionalStyleModel.paginationUiDiv }))] })] }));
-};
-export default InternalGrid;

package/editing/EditControlsCell.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import classNames from "classnames";
-var stopPropagationWrapper = function (fn) { return function (event) {
-    event.stopPropagation();
-    fn();
-}; };
-var EditControlsCell = function (_a) {
-    var ariaColIndex = _a.ariaColIndex, beginEditingCallback = _a.beginEditingCallback, cancelEditingCallback = _a.cancelEditingCallback, isEditing = _a.isEditing, saveCallback = _a.saveCallback, deleteCallback = _a.deleteCallback, editControlsCellClasses = _a.editControlsCellClasses, saveButtonClasses = _a.saveButtonClasses, deleteButtonClasses = _a.deleteButtonClasses, startButtonClasses = _a.startButtonClasses, cancelButtonClasses = _a.cancelButtonClasses;
-    return (_jsx("td", { "aria-colindex": ariaColIndex, className: classNames(editControlsCellClasses), children: _jsx("div", { className: "hstack gap-2", children: isEditing ? (_jsxs(_Fragment, { children: [_jsx("button", { "aria-label": "Cancel", className: classNames("btn", cancelButtonClasses.length === 0
-                            ? ["btn-secondary"]
-                            : cancelButtonClasses), onClick: stopPropagationWrapper(cancelEditingCallback), title: "Cancel", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", viewBox: "0 0 16 16", children: _jsx("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293z" }) }) }), _jsx("button", { "aria-label": "Save", className: classNames("btn", saveButtonClasses.length === 0
-                            ? ["btn-primary"]
-                            : saveButtonClasses), onClick: stopPropagationWrapper(saveCallback), title: "Save", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", viewBox: "0 0 16 16", children: [_jsx("path", { d: "M12 2h-2v3h2z" }), _jsx("path", { d: "M1.5 0A1.5 1.5 0 0 0 0 1.5v13A1.5 1.5 0 0 0 1.5 16h13a1.5 1.5 0 0 0 1.5-1.5V2.914a1.5 1.5 0 0 0-.44-1.06L14.147.439A1.5 1.5 0 0 0 13.086 0zM4 6a1 1 0 0 1-1-1V1h10v4a1 1 0 0 1-1 1zM3 9h10a1 1 0 0 1 1 1v5H2v-5a1 1 0 0 1 1-1" })] }) })] })) : (_jsxs(_Fragment, { children: [deleteCallback && (_jsx("button", { "aria-label": "Delete", className: classNames("btn", deleteButtonClasses.length === 0
-                            ? ["btn-secondary"]
-                            : deleteButtonClasses), onClick: stopPropagationWrapper(deleteCallback), title: "Delete", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", viewBox: "0 0 16 16", children: _jsx("path", { d: "M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5M8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5m3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0" }) }) })), _jsx("button", { "aria-label": "Edit", className: classNames("btn", startButtonClasses.length === 0
-                            ? ["btn-primary"]
-                            : startButtonClasses), onClick: stopPropagationWrapper(beginEditingCallback), title: "Edit", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", viewBox: "0 0 16 16", children: [_jsx("path", { d: "M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z" }), _jsx("path", { fillRule: "evenodd", d: "M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z" })] }) })] })) }) }));
-};
-export default EditControlsCell;

package/editing/types.d.ts

@@ -1,16 +0,0 @@
-import { ColDataType, ColDataTypeStrings, RowData, RowId } from "../types";
-export interface CellData {
-    fieldName: string;
-    value: ColDataType;
-    type: ColDataTypeStrings;
-    ariaColIndex: number;
-    formattedValue: string;
-    label: string;
-    width?: number;
-}
-export type UpdateCallbackGenerator = (id: RowId) => (rowData: RowData) => void;
-export interface EditModel {
-    getUpdateCallback: UpdateCallbackGenerator;
-    getDeleteCallback?: (id: RowId) => () => void;
-    editColWidth?: number;
-}

package/filtering/FilterOptionsTable.d.ts

@@ -1,11 +0,0 @@
-import { FC } from "react";
-import { EditableTableFilterState, TableFilterState } from "./types";
-import { FilterInputTableStyleModel } from "../styling/types";
-export interface FilterOptionsTableProps {
-    filterState: TableFilterState;
-    setFilterState: (filterState: EditableTableFilterState) => void;
-    caption?: string;
-    styleModel?: FilterInputTableStyleModel;
-}
-declare const FilterOptionsTable: FC<FilterOptionsTableProps>;
-export default FilterOptionsTable;

package/filtering/useFilterFormState.d.ts

@@ -1,3 +0,0 @@
-import { FilterFormState, TableFilterState } from "./types";
-declare const useFilterFormState: (tableFilterState: TableFilterState) => FilterFormState;
-export default useFilterFormState;

package/main/BodyRows.d.ts

@@ -1,22 +0,0 @@
-import { AugFormattedRow, RowId } from "../types";
-import { FC, ReactNode } from "react";
-import { UseGridSelectionFnsHook } from "../pipeline/useGridSelectionFns";
-import { UseUnwrappedGridStylesHook } from "../pipeline/useUnwrappedGridStyles";
-import { UseCombinedPipelineHook } from "../pipeline/useCombinedPipeline";
-import { SelectModel } from "../selection/types";
-import { EditModel } from "../editing/types";
-import { UseGetInputStrSubmitCallbackHook } from "../pipeline/useGetInputStrSubmitCallback";
-interface BodyRowsProps {
-    augFormattedRows: AugFormattedRow[];
-    gridSelectionFns: UseGridSelectionFnsHook;
-    unwrappedStyles: UseUnwrappedGridStylesHook;
-    combinedPipelineOutput: UseCombinedPipelineHook;
-    selectModel: SelectModel | undefined;
-    editModel: EditModel | undefined;
-    getInputStrSubmitCallback: UseGetInputStrSubmitCallbackHook;
-    additionalColIndexOffset?: number;
-    renderPrefixCells?: (augFormattedRows: AugFormattedRow) => ReactNode;
-    additionalRowStyles?: (rowId: RowId, displayIndex: number) => string[];
-}
-declare const BodyRows: FC<BodyRowsProps>;
-export default BodyRows;