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

package/{grid-pro → table-pro}/types.d.ts

@@ -1,4 +1,4 @@
-import { ColDef, ColDefBase, ColHeaderCellProps, GridProps, StyleModel } from "../grid";
+import { ColDef, ColDefBase, ColHeaderCellProps, TableProps, StyleModel } from "../table";
 import { ReorderModel, ReorderStyleModel } from "./reorder/types";
 export type ProColDef<ValueType = any> = ColDefBase<ValueType> & {
     resizeable?: boolean;
@@ -7,12 +7,12 @@ export type ProColDef<ValueType = any> = ColDefBase<ValueType> & {
     maxResizeWidth?: number;
     keyboardResizeStep?: number;
 };
-export type GridProProps = Omit<GridProps, "cols" | "styleModel"> & {
+export type TableProProps = Omit<TableProps, "cols" | "styleModel"> & {
     cols: ProColDef[];
     reorder?: ReorderModel;
     styleModel?: ProStyleModel;
 };
-export type ColHeaderCellProProps = ColHeaderCellProps & Pick<GridProps, "displayMode"> & {
+export type ColHeaderCellProProps = ColHeaderCellProps & Pick<TableProps, "displayMode"> & {
     setWidth?: (width: number) => void;
 } & Pick<ProColDef, "minResizeWidth" | "maxResizeWidth" | "keyboardResizeStep">;
 export interface WidthModel {

package/table-pro/types.js

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

package/table-pro.scss

@@ -0,0 +1 @@
+@use "./table-pro/style";

package/grid/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/grid/InternalGrid.js

@@ -1,56 +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";
-const InternalGrid = ({ gridProps: { rows, cols, pagination, filterModel, selectModel, editModel, caption, styleModel, useToolbar, responsive, displayMode, }, hooks: { pipelineOutput, selectFns, unwrappedStyles }, slots: { colHeaderCells, bodyRows, prefixHeader }, classes, }) => {
-    var _a;
-    const { normalizedTableFilterModel, filteredRows, filterState, sortedRowsOutput: { sortedRows }, currentPageRowsOutput: { paginatedRows, normalizedModel }, showSelectCol, } = pipelineOutput;
-    const [filterOptionsVisible, setFilterOptionsVisible] = useState(false);
-    const exportFnInfo = useExportFn({
-        rows,
-        cols,
-        filteredRows: filterModel && filteredRows,
-        currentPageRows: pagination && paginatedRows,
-    });
-    const toolbarInterfaceParams = useMemo(() => ({
-        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, 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,
-    ]);
-    const toolbarInterfaces = useInterfaces(toolbarInterfaceParams);
-    const handleToggleFilterOptions = () => {
-        setFilterOptionsVisible(!filterOptionsVisible);
-    };
-    const { rowsAreSelectable, selectionInfo, selectAllOnClick } = selectFns;
-    const { unwrappedTableModel, unwrappedAdditionalStyleModel } = unwrappedStyles;
-    const 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: `${filterOptionsVisible ? "Hide" : "Show "} Filter Options`, onClick: handleToggleFilterOptions, classes: (_a = styleModel === null || styleModel === void 0 ? void 0 : styleModel.additionalComponentsStyleModel) === null || _a === void 0 ? void 0 : _a.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/grid/editing/EditControlsCell.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import classNames from "classnames";
-const stopPropagationWrapper = (fn) => (event) => {
-    event.stopPropagation();
-    fn();
-};
-const EditControlsCell = ({ ariaColIndex, beginEditingCallback, cancelEditingCallback, isEditing, saveCallback, deleteCallback, editControlsCellClasses, saveButtonClasses, deleteButtonClasses, startButtonClasses, 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/grid/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/grid/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/grid/filtering/FilterOptionsTable.js

@@ -1,81 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import StringFilterRow from "./StringFilterRow";
-import NumberFilterRow from "./NumberFilterRow";
-import useFilterFormState from "./useFilterFormState";
-import DateFilterRow from "./DateFilterRow";
-import classNames from "classnames";
-import { unwrapFilterInputTableStyleModel } from "../styling/styleModelUnwrappers";
-const convertFilterFormStateToEditableState = (filterFormState) => Object.keys(filterFormState).reduce((editableState, colName) => {
-    const rowFilterFormState = filterFormState[colName];
-    switch (rowFilterFormState.type) {
-        case "string": {
-            editableState[colName] = Object.assign({}, rowFilterFormState);
-            break;
-        }
-        case "number": {
-            editableState[colName] = {
-                type: rowFilterFormState.type,
-                enabled: rowFilterFormState.enabled,
-                scheme: rowFilterFormState.scheme,
-                numValue: rowFilterFormState.inputValue === ""
-                    ? null
-                    : Number(rowFilterFormState.inputValue),
-            };
-            break;
-        }
-        default: {
-            // date or datetime
-            const partialFilterState = {
-                type: rowFilterFormState.type,
-                enabled: rowFilterFormState.enabled,
-            };
-            const inputStrToDate = (str) => str === "" ? null : new Date(str);
-            switch (rowFilterFormState.scheme) {
-                case "startFrom": {
-                    editableState[colName] = Object.assign(Object.assign({}, partialFilterState), { scheme: rowFilterFormState.scheme, startDate: inputStrToDate(rowFilterFormState.startDate) });
-                    break;
-                }
-                case "endAt": {
-                    editableState[colName] = Object.assign(Object.assign({}, partialFilterState), { scheme: rowFilterFormState.scheme, endDate: inputStrToDate(rowFilterFormState.endDate) });
-                    break;
-                }
-                default: {
-                    editableState[colName] = Object.assign(Object.assign({}, partialFilterState), { scheme: rowFilterFormState.scheme, startDate: inputStrToDate(rowFilterFormState.startDate), endDate: inputStrToDate(rowFilterFormState.endDate) });
-                }
-            }
-        }
-    }
-    return editableState;
-}, {});
-const FilterOptionsTable = ({ filterState, setFilterState, caption, styleModel, }) => {
-    const formFilterState = useFilterFormState(filterState);
-    const [formState, setFormState] = useState(formFilterState);
-    const unwrappedStyleModel = useMemo(() => unwrapFilterInputTableStyleModel(styleModel), [styleModel]);
-    const getRows = () => Object.keys(formState).map((colName, index) => {
-        function getColStateSetter(colName) {
-            return (rowState) => setFormState(Object.assign(Object.assign({}, formState), { [colName]: rowState }));
-        }
-        const colLabel = filterState[colName].label;
-        const colFilterState = formState[colName];
-        switch (colFilterState.type) {
-            case "string": {
-                return (_jsx(StringFilterRow, { ariaRowIndex: index + 2, columnLabel: colLabel, filterState: colFilterState, setFilterState: getColStateSetter(colName), schemeSelectClasses: unwrappedStyleModel.schemeSelectionInput(index), enableInputClasses: unwrappedStyleModel.enablementInput(index), searchStringInputClasses: unwrappedStyleModel.searchStringInput(index), trClasses: unwrappedStyleModel.tbodyTr(index), tdClasses: (colIndex) => unwrappedStyleModel.tbodyTd(index, colIndex) }, colName));
-            }
-            case "number": {
-                return (_jsx(NumberFilterRow, { ariaRowIndex: index + 2, columnLabel: colLabel, filterState: colFilterState, setFilterState: getColStateSetter(colName), schemeSelectClasses: unwrappedStyleModel.schemeSelectionInput(index), enableInputClasses: unwrappedStyleModel.enablementInput(index), numberInputClasses: unwrappedStyleModel.numberInput(index), trClasses: unwrappedStyleModel.tbodyTr(index), tdClasses: (colIndex) => unwrappedStyleModel.tbodyTd(index, colIndex) }, colName));
-            }
-            default: {
-                // date or datetime
-                return (_jsx(DateFilterRow, { ariaRowIndex: index + 2, includeTime: colFilterState.type === "datetime", columnLabel: colLabel, filterState: colFilterState, setFilterState: getColStateSetter(colName), schemeSelectClasses: unwrappedStyleModel.schemeSelectionInput(index), enableInputClasses: unwrappedStyleModel.enablementInput(index), startDateInputClasses: unwrappedStyleModel.startDateInput(index), endDateInputClasses: unwrappedStyleModel.endDateInput(index), trClasses: unwrappedStyleModel.tbodyTr(index), tdClasses: (colIndex) => unwrappedStyleModel.tbodyTd(index, colIndex) }, colName));
-            }
-        }
-    });
-    const onSubmit = (event) => {
-        event.preventDefault();
-        const editableTableFilterState = convertFilterFormStateToEditableState(formState);
-        setFilterState(editableTableFilterState);
-    };
-    return (_jsxs("form", { onSubmit: onSubmit, className: classNames(styleModel === null || styleModel === void 0 ? void 0 : styleModel.form), children: [_jsxs("table", { className: classNames("table", ...unwrappedStyleModel.table), children: [caption && (_jsx("caption", { className: classNames(unwrappedStyleModel.caption), children: caption })), _jsx("thead", { className: classNames(...unwrappedStyleModel.thead), children: _jsx("tr", { className: classNames(...unwrappedStyleModel.theadTr), children: ["Enabled", "Column", "Type", "Operator", "Value"].map((colName, index) => (_jsx("th", { className: classNames(...unwrappedStyleModel.theadTh(index)), children: colName }, index))) }) }), _jsx("tbody", { className: classNames(...unwrappedStyleModel.tbody), children: getRows() })] }), _jsx("button", { className: classNames("btn", { "btn-secondary": unwrappedStyleModel.submitButton.length === 0 }, unwrappedStyleModel.submitButton), type: "submit", children: "Submit" })] }));
-};
-export default FilterOptionsTable;

package/grid/filtering/useFilterFormState.d.ts

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

package/grid/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;

package/grid/main/BodyRows.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import EditableRow from "../editing/EditableRow";
-import classNames from "classnames";
-import getWidthStyle from "../util/getWidthStyle";
-import SelectionInput from "../selection/SelectionInput";
-const BodyRows = ({ augFormattedRows, gridSelectionFns: { selectedSet, getSelectInputModel, getSelectHandler, getRowClickHandler, getAriaSelectedValue, }, unwrappedStyles: { unwrappedTableModel }, combinedPipelineOutput: { showSelectCol, ariaColIndexOffset }, selectModel, editModel, getInputStrSubmitCallback, additionalColIndexOffset, renderPrefixCells, additionalRowStyles, }) => augFormattedRows.map((row, index) => {
-    return (_jsxs(EditableRow, { onClick: getRowClickHandler(row.id), className: classNames({
-            "table-active": selectedSet.has(row.id),
-        }, unwrappedTableModel.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: (colIndex) => unwrappedTableModel.tbodyTd(row.id, index, colIndex), dataCellInputClasses: (colIndex) => unwrappedTableModel.tbodyTdInput(row.id, index, colIndex), editCellClasses: unwrappedTableModel.editColTd(row.id, index), saveButtonClasses: unwrappedTableModel.editSaveButton(row.id, index), deleteButtonClasses: unwrappedTableModel.editDeleteButton(row.id, index), startButtonClasses: unwrappedTableModel.editStartButton(row.id, index), cancelButtonClasses: unwrappedTableModel.editCancelButton(row.id, index), children: [renderPrefixCells && renderPrefixCells(row), showSelectCol && (_jsx("td", { className: classNames(unwrappedTableModel.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: unwrappedTableModel.rowSelectInput(row.id, index) }) }))] }, row.id));
-});
-export default BodyRows;

package/grid/main/ToggleButton.d.ts

@@ -1,9 +0,0 @@
-import { FC } from "react";
-export interface ToggleButtonProps {
-    isActive: boolean;
-    label: string;
-    onClick: () => void;
-    classes?: string[];
-}
-declare const ToggleButton: FC<ToggleButtonProps>;
-export default ToggleButton;

package/grid/main/ToggleButton.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-const ToggleButton = ({ isActive, label, onClick, classes, }) => {
-    const baseClasses = ["btn"];
-    const variableClasses = {
-        active: isActive,
-    };
-    return (_jsx("button", { type: "button", className: classNames(baseClasses, variableClasses, classes, {
-            "btn-primary": !(classes && classes.length > 0),
-        }), "aria-pressed": isActive, onClick: onClick, children: label }));
-};
-export default ToggleButton;

package/grid/pipeline/useCombinedPipeline/useFilter.d.ts

@@ -1,4 +0,0 @@
-import { AugRowDef, RowDef } from "../../types";
-import { EditableTableFilterState } from "../../filtering/types";
-declare const useFilter: (rows: RowDef[], filterState: EditableTableFilterState | null) => AugRowDef[];
-export default useFilter;

package/grid/pipeline/useCombinedPipeline/useFilterStateFromEditable.d.ts

@@ -1,4 +0,0 @@
-import { ColDef } from "../../types";
-import { EditableTableFilterState, TableFilterState } from "../../filtering/types";
-declare const useFilterStateFromEditable: (colDefs: ColDef[], editableFilterState: EditableTableFilterState | null) => TableFilterState | null;
-export default useFilterStateFromEditable;

package/grid/pipeline/useUnwrappedGridStyles.d.ts

@@ -1,7 +0,0 @@
-import { AdditionalComponentsStyleModel, StyleModel, TableStyleModel } from "../styling/types";
-export interface UseUnwrappedGridStylesHook {
-    unwrappedTableModel: Required<TableStyleModel>;
-    unwrappedAdditionalStyleModel: Required<AdditionalComponentsStyleModel>;
-}
-declare const UseUnwrappedGridStyles: (styleModel: StyleModel | undefined) => UseUnwrappedGridStylesHook;
-export default UseUnwrappedGridStyles;

package/grid/pipeline/useUnwrappedGridStyles.js

@@ -1,15 +0,0 @@
-import { useMemo } from "react";
-import { unwrapAdditionalComponentsStyleModel, unwrapTableStyleModel, } from "../styling/styleModelUnwrappers";
-const UseUnwrappedGridStyles = (styleModel) => {
-    // To give the developer the ability to specify between removing existing styles
-    // and simply adding additional ones, we should migrate off of this "unwrapped"
-    // design over time and instead apply logic based on the original params that
-    // can be undefined.
-    const unwrappedTableModel = useMemo(() => unwrapTableStyleModel(styleModel === null || styleModel === void 0 ? void 0 : styleModel.mainTableStyleModel), [styleModel === null || styleModel === void 0 ? void 0 : styleModel.mainTableStyleModel]);
-    const unwrappedAdditionalStyleModel = useMemo(() => unwrapAdditionalComponentsStyleModel(styleModel === null || styleModel === void 0 ? void 0 : styleModel.additionalComponentsStyleModel), [styleModel === null || styleModel === void 0 ? void 0 : styleModel.additionalComponentsStyleModel]);
-    return {
-        unwrappedTableModel,
-        unwrappedAdditionalStyleModel,
-    };
-};
-export default UseUnwrappedGridStyles;

package/grid/styling/styleModelUnwrappers.d.ts

@@ -1,4 +0,0 @@
-import { AdditionalComponentsStyleModel, FilterInputTableStyleModel, TableStyleModel } from "./types";
-export declare const unwrapTableStyleModel: (tableStyleModel: TableStyleModel | undefined) => Required<TableStyleModel>;
-export declare const unwrapFilterInputTableStyleModel: (filterTableStyleModel: FilterInputTableStyleModel | undefined) => Required<FilterInputTableStyleModel>;
-export declare const unwrapAdditionalComponentsStyleModel: (styleModel: AdditionalComponentsStyleModel | undefined) => Required<AdditionalComponentsStyleModel>;

package/grid/styling/styleModelUnwrappers.js

@@ -1,47 +0,0 @@
-const unwrapSharedStyleModel = (sharedStyleModel) => ({
-    table: (sharedStyleModel === null || sharedStyleModel === void 0 ? void 0 : sharedStyleModel.table) || [],
-    tbody: (sharedStyleModel === null || sharedStyleModel === void 0 ? void 0 : sharedStyleModel.tbody) || [],
-    thead: (sharedStyleModel === null || sharedStyleModel === void 0 ? void 0 : sharedStyleModel.thead) || [],
-    theadTr: (sharedStyleModel === null || sharedStyleModel === void 0 ? void 0 : sharedStyleModel.theadTr) || [],
-    theadTh: (sharedStyleModel === null || sharedStyleModel === void 0 ? void 0 : sharedStyleModel.theadTh) ? sharedStyleModel.theadTh : () => [],
-    caption: (sharedStyleModel === null || sharedStyleModel === void 0 ? void 0 : sharedStyleModel.caption) || [],
-});
-export const unwrapTableStyleModel = (tableStyleModel) => (Object.assign(Object.assign({}, unwrapSharedStyleModel(tableStyleModel)), { tbodyTr: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTr) ? tableStyleModel.tbodyTr : () => [], tbodyTd: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTd) ? tableStyleModel.tbodyTd : () => [], tbodyTdInput: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTdInput)
-        ? tableStyleModel.tbodyTdInput
-        : () => [], editColTh: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editColTh) || [], editColTd: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editColTd) ? tableStyleModel.editColTd : () => [], editCancelButton: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editCancelButton)
-        ? tableStyleModel.editCancelButton
-        : () => [], editDeleteButton: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editDeleteButton)
-        ? tableStyleModel.editDeleteButton
-        : () => [], editSaveButton: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editSaveButton)
-        ? tableStyleModel.editSaveButton
-        : () => [], editStartButton: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editStartButton)
-        ? tableStyleModel.editStartButton
-        : () => [], rowSelectColTh: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.rowSelectColTh) || [], rowSelectColTd: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.rowSelectColTd)
-        ? tableStyleModel.rowSelectColTd
-        : () => [], rowSelectInput: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.rowSelectInput)
-        ? tableStyleModel.rowSelectInput
-        : () => [] }));
-export const unwrapFilterInputTableStyleModel = (filterTableStyleModel) => (Object.assign(Object.assign({}, unwrapSharedStyleModel(filterTableStyleModel)), { tbodyTr: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.tbodyTr)
-        ? filterTableStyleModel.tbodyTr
-        : () => [], tbodyTd: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.tbodyTd)
-        ? filterTableStyleModel.tbodyTd
-        : () => [], enablementInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.enablementInput)
-        ? filterTableStyleModel.enablementInput
-        : () => [], schemeSelectionInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.schemeSelectionInput)
-        ? filterTableStyleModel.schemeSelectionInput
-        : () => [], searchStringInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.searchStringInput)
-        ? filterTableStyleModel.searchStringInput
-        : () => [], numberInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.numberInput)
-        ? filterTableStyleModel.numberInput
-        : () => [], startDateInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.startDateInput)
-        ? filterTableStyleModel.startDateInput
-        : () => [], endDateInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.endDateInput)
-        ? filterTableStyleModel.endDateInput
-        : () => [], submitButton: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.submitButton) || [], form: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.form) || [] }));
-export const unwrapAdditionalComponentsStyleModel = (styleModel) => ({
-    topLevelDiv: (styleModel === null || styleModel === void 0 ? void 0 : styleModel.topLevelDiv) || [],
-    filterInputsDiv: (styleModel === null || styleModel === void 0 ? void 0 : styleModel.filterInputsDiv) || [],
-    tableAndPaginationDiv: (styleModel === null || styleModel === void 0 ? void 0 : styleModel.tableAndPaginationDiv) || [],
-    filterUiToggleButton: (styleModel === null || styleModel === void 0 ? void 0 : styleModel.filterUiToggleButton) || [],
-    paginationUiDiv: (styleModel === null || styleModel === void 0 ? void 0 : styleModel.paginationUiDiv) || [],
-});

package/grid/styling/types.d.ts

@@ -1,62 +0,0 @@
-import { RowId } from "../types";
-export interface SharedTableStyleModel {
-    table?: string[];
-    tbody?: string[];
-    thead?: string[];
-    theadTr?: string[];
-    theadTh?: (colIndex: number) => string[];
-    caption?: string[];
-}
-export type TableStyleModel = SharedTableStyleModel & {
-    tbodyTr?: (rowId: RowId, displayIndex: number) => string[];
-    tbodyTd?: (rowId: RowId, displayRowIndex: number, colIndex: number) => string[];
-    tbodyTdInput?: (rowId: RowId, displayRowIndex: number, colIndex: number) => string[];
-    editColTh?: string[];
-    editColTd?: (rowId: RowId, displayIndex: number) => string[];
-    editStartButton?: (rowId: RowId, displayIndex: number) => string[];
-    editDeleteButton?: (rowId: RowId, displayIndex: number) => string[];
-    editSaveButton?: (rowId: RowId, displayIndex: number) => string[];
-    editCancelButton?: (rowId: RowId, displayIndex: number) => string[];
-    rowSelectColTh?: string[];
-    rowSelectColTd?: (rowId: RowId, displayIndex: number) => string[];
-    rowSelectInput?: (rowId: RowId, displayIndex: number) => string[];
-};
-export type FilterInputTableStyleModel = SharedTableStyleModel & {
-    tbodyTr?: (rowIndex: number) => string[];
-    tbodyTd?: (rowIndex: number, colIndex: number) => string[];
-    enablementInput?: (rowIndex: number) => string[];
-    schemeSelectionInput?: (rowIndex: number) => string[];
-    searchStringInput?: (rowIndex: number) => string[];
-    numberInput?: (rowIndex: number) => string[];
-    startDateInput?: (rowIndex: number) => string[];
-    endDateInput?: (rowIndex: number) => string[];
-    submitButton?: string[];
-    form?: string[];
-};
-export interface AdditionalComponentsStyleModel {
-    topLevelDiv?: string[];
-    filterInputsDiv?: string[];
-    tableAndPaginationDiv?: string[];
-    filterUiToggleButton?: string[];
-    paginationUiDiv?: string[];
-}
-export interface ToolbarStyleModel {
-    activeButton?: string[];
-    inactiveButton?: string[];
-    toolbar?: string[];
-    interfaceContainer?: string[];
-}
-export interface ExportFormStyleModel {
-    legend?: string[];
-    radioContainer?: string[];
-    radioInput?: string[];
-    radioLabel?: string[];
-    submitButton?: string[];
-}
-export interface StyleModel {
-    mainTableStyleModel?: TableStyleModel;
-    filterInputTableStyleModel?: FilterInputTableStyleModel;
-    additionalComponentsStyleModel?: AdditionalComponentsStyleModel;
-    toolbarStyleModel?: ToolbarStyleModel;
-    exportFormStyleModel?: ExportFormStyleModel;
-}

package/grid/toolbar/types.d.ts

@@ -1,3 +0,0 @@
-import { ReactNode } from "react";
-export type ToolbarOption = "filtering" | "exporting";
-export type ToolbarInterfaces = Partial<Record<ToolbarOption, ReactNode>>;

package/grid/toolbar/useInterfaces.d.ts

@@ -1,9 +0,0 @@
-import { FilterOptionsTableProps } from "../filtering/FilterOptionsTable";
-import { ToolbarInterfaces } from "./types";
-import { ExportFormProps } from "../export/ExportForm";
-export interface InterfaceParams {
-    filtering?: FilterOptionsTableProps;
-    exporting?: ExportFormProps;
-}
-declare const useInterfaces: (params: InterfaceParams) => ToolbarInterfaces;
-export default useInterfaces;

package/grid/toolbar/useInterfaces.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import FilterOptionsTable from "../filtering/FilterOptionsTable";
-import { useMemo } from "react";
-import ExportForm from "../export/ExportForm";
-const useInterfaces = ({ filtering, exporting, }) => {
-    return useMemo(() => ({
-        filtering: filtering ? _jsx(FilterOptionsTable, Object.assign({}, filtering)) : undefined,
-        exporting: exporting ? _jsx(ExportForm, Object.assign({}, exporting)) : undefined,
-    }), [exporting, filtering]);
-};
-export default useInterfaces;

package/grid-pro/GridPro.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { GridProProps } from "./types";
-declare const GridPro: FC<GridProProps>;
-export default GridPro;