@absreim/react-bootstrap-data-grid-pro 2.5.0 → 2.6.0

package/grid/pagination/PageSelector.js

@@ -13,9 +13,8 @@ import classNames from "classnames";
  * @param alignment - Flexbox justify-content setting on the <ul> element
  * @param size - Size variant of the <ul> element
  */
-var PageSelector = function (_a) {
-    var numPages = _a.numPages, numButtons = _a.numButtons, pageNum = _a.pageNum, setPageNum = _a.setPageNum, ariaLabel = _a.ariaLabel, alignment = _a.alignment, size = _a.size;
-    var ulClasses = ["pagination"];
+const PageSelector = ({ numPages, numButtons, pageNum, setPageNum, ariaLabel, alignment, size, }) => {
+    const ulClasses = ["pagination"];
     if (size === "small") {
         ulClasses.push("pagination-sm");
     }
@@ -23,23 +22,23 @@ var PageSelector = function (_a) {
         ulClasses.push("pagination-lg");
     }
     if (alignment) {
-        ulClasses.push("justify-content-".concat(alignment));
+        ulClasses.push(`justify-content-${alignment}`);
     }
-    var lowerBound = pageNum - Math.floor((numButtons - 1) / 2);
-    var upperBound = pageNum + Math.ceil((numButtons - 1) / 2);
+    let lowerBound = pageNum - Math.floor((numButtons - 1) / 2);
+    let upperBound = pageNum + Math.ceil((numButtons - 1) / 2);
     if (upperBound > numPages) {
-        var diff = upperBound - numPages;
+        const diff = upperBound - numPages;
         lowerBound = Math.max(lowerBound - diff, 1);
         upperBound -= diff;
     }
     else if (lowerBound < 1) {
-        var diff = 1 - lowerBound;
+        const diff = 1 - lowerBound;
         lowerBound = 1;
         upperBound = Math.min(numPages, upperBound + diff);
     }
-    var buttonIndices = useMemo(function () {
-        var indices = [];
-        for (var i = lowerBound; i <= upperBound; i++) {
+    const buttonIndices = useMemo(() => {
+        const indices = [];
+        for (let i = lowerBound; i <= upperBound; i++) {
             indices.push(i);
         }
         return indices;
@@ -48,7 +47,7 @@ var PageSelector = function (_a) {
         if (lowerBound === 1) {
             return null;
         }
-        return (_jsx("li", { className: "page-item", children: _jsx("a", { className: "page-link", href: "#", "aria-label": "First", onClick: function (event) {
+        return (_jsx("li", { className: "page-item", children: _jsx("a", { className: "page-link", href: "#", "aria-label": "First", onClick: (event) => {
                     event.preventDefault();
                     setPageNum(1);
                 }, children: _jsx("span", { "aria-hidden": "true", children: "<<" }) }) }));
@@ -57,7 +56,7 @@ var PageSelector = function (_a) {
         if (pageNum === 1) {
             return null;
         }
-        return (_jsx("li", { className: "page-item", children: _jsx("a", { className: "page-link", href: "#", "aria-label": "Previous", onClick: function (event) {
+        return (_jsx("li", { className: "page-item", children: _jsx("a", { className: "page-link", href: "#", "aria-label": "Previous", onClick: (event) => {
                     event.preventDefault();
                     setPageNum(pageNum - 1);
                 }, children: _jsx("span", { "aria-hidden": "true", children: "<" }) }) }));
@@ -66,7 +65,7 @@ var PageSelector = function (_a) {
         if (pageNum === numPages) {
             return null;
         }
-        return (_jsx("li", { className: "page-item", children: _jsx("a", { className: "page-link", href: "#", "aria-label": "Next", onClick: function (event) {
+        return (_jsx("li", { className: "page-item", children: _jsx("a", { className: "page-link", href: "#", "aria-label": "Next", onClick: (event) => {
                     event.preventDefault();
                     setPageNum(pageNum + 1);
                 }, children: _jsx("span", { "aria-hidden": "true", children: ">" }) }) }));
@@ -75,18 +74,18 @@ var PageSelector = function (_a) {
         if (upperBound === numPages) {
             return null;
         }
-        return (_jsx("li", { className: "page-item", children: _jsx("a", { className: "page-link", href: "#", "aria-label": "Last", onClick: function (event) {
+        return (_jsx("li", { className: "page-item", children: _jsx("a", { className: "page-link", href: "#", "aria-label": "Last", onClick: (event) => {
                     event.preventDefault();
                     setPageNum(numPages);
                 }, children: _jsx("span", { "aria-hidden": "true", children: ">>" }) }) }));
     }
-    var indexButtons = buttonIndices.map(function (buttonIndex) { return (_jsx("li", { className: classNames({
+    const indexButtons = buttonIndices.map((buttonIndex) => (_jsx("li", { className: classNames({
             "page-item": true,
             active: pageNum === buttonIndex,
-        }), "aria-current": pageNum === buttonIndex ? "page" : undefined, children: _jsx("a", { className: "page-link", href: "#", onClick: function (event) {
+        }), "aria-current": pageNum === buttonIndex ? "page" : undefined, children: _jsx("a", { className: "page-link", href: "#", onClick: (event) => {
                 event.preventDefault();
                 setPageNum(buttonIndex);
-            }, children: buttonIndex }) }, buttonIndex)); });
+            }, children: buttonIndex }) }, buttonIndex)));
     return (_jsx("nav", { "aria-label": ariaLabel, children: _jsxs("ul", { className: classNames(ulClasses), children: [getFirstArrowButton(), getPrevArrowButton(), indexButtons, getNextArrowButton(), getLastArrowButton()] }) }));
 };
 export default PageSelector;

package/grid/pagination/PageSizeSelector.js

@@ -1,15 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from "classnames";
-var PageSizeSelector = function (_a) {
-    var componentSize = _a.componentSize, pageSizeOptions = _a.pageSizeOptions, pageSizeIndex = _a.pageSizeIndex, handleSetPageSize = _a.handleSetPageSize;
-    var onChange = function (event) {
-        var pageSizeIndex = Number(event.target.value);
+const PageSizeSelector = ({ componentSize, pageSizeOptions, pageSizeIndex, handleSetPageSize, }) => {
+    const onChange = (event) => {
+        const pageSizeIndex = Number(event.target.value);
         handleSetPageSize(pageSizeIndex);
     };
-    return (_jsx("div", { children: _jsx("select", { className: classNames({
+    return (_jsx("div", { children: _jsx("select", { name: "rowsPerPage", className: classNames({
                 "form-select": true,
                 "form-select-lg": componentSize === "large",
                 "form-select-sm": componentSize === "small",
-            }), value: pageSizeIndex, "aria-label": "Number of Rows per Page", onChange: onChange, children: pageSizeOptions.map(function (numRows, index) { return (_jsx("option", { value: index, children: numRows }, index)); }) }) }));
+            }), value: pageSizeIndex, "aria-label": "Number of Rows per Page", onChange: onChange, children: pageSizeOptions.map((numRows, index) => (_jsx("option", { value: index, children: numRows }, index))) }) }));
 };
 export default PageSizeSelector;

package/grid/pagination/Pagination.js

@@ -2,13 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PageSizeSelector from "./PageSizeSelector";
 import PageSelector from "./PageSelector";
 import classNames from "classnames";
-var Pagination = function (_a) {
-    var normalizedModel = _a.normalizedModel, prePagingNumRows = _a.prePagingNumRows, containerDivClasses = _a.containerDivClasses;
-    var pageSizeOptions = normalizedModel.pageSizeOptions, pageSizeIndex = normalizedModel.pageSizeIndex, currentPage = normalizedModel.currentPage, setCurrentPage = normalizedModel.setCurrentPage, setPageSizeIndex = normalizedModel.setPageSizeIndex, componentSize = normalizedModel.componentSize, maxPageButtons = normalizedModel.maxPageButtons, pageSelectorAriaLabel = normalizedModel.pageSelectorAriaLabel, pageSelectorJustifyContent = normalizedModel.pageSelectorJustifyContent;
-    var numPages = Math.ceil(prePagingNumRows / pageSizeOptions[pageSizeIndex]);
-    var pageIndexAwarePageSizeSetter = function (newPageSizeIndex) {
-        var newPageSize = pageSizeOptions[newPageSizeIndex];
-        var maxPages = Math.ceil(prePagingNumRows / newPageSize);
+const Pagination = ({ normalizedModel, prePagingNumRows, containerDivClasses, }) => {
+    const { pageSizeOptions, pageSizeIndex, currentPage, setCurrentPage, setPageSizeIndex, componentSize, maxPageButtons, pageSelectorAriaLabel, pageSelectorJustifyContent, } = normalizedModel;
+    const numPages = Math.ceil(prePagingNumRows / pageSizeOptions[pageSizeIndex]);
+    const pageIndexAwarePageSizeSetter = (newPageSizeIndex) => {
+        const newPageSize = pageSizeOptions[newPageSizeIndex];
+        const maxPages = Math.ceil(prePagingNumRows / newPageSize);
         setPageSizeIndex(newPageSizeIndex);
         // The new page size can cause the current page number to be out of bounds.
         // In that case, set the page num to the maximum possible with new page

package/grid/pipeline/useAugFormattedRows.js

@@ -1,22 +1,7 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { useMemo } from "react";
-var useAugFormattedRows = function (colNameToWidth, rows) {
-    return useMemo(function () {
-        return rows.map(function (row) {
-            return __assign(__assign({}, row), { contents: row.contents.map(function (cell) {
-                    return __assign(__assign({}, cell), { width: colNameToWidth[cell.fieldName] });
-                }) });
-        });
-    }, [colNameToWidth, rows]);
-};
+const useAugFormattedRows = (colNameToWidth, rows) => useMemo(() => rows.map((row) => {
+    return Object.assign(Object.assign({}, row), { contents: row.contents.map((cell) => {
+            return Object.assign(Object.assign({}, cell), { width: colNameToWidth[cell.fieldName] });
+        }) });
+}), [colNameToWidth, rows]);
 export default useAugFormattedRows;

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

@@ -15,5 +15,5 @@ export interface UseCombinedPipelineHook {
     ariaColIndexOffset: number;
     displayRows: FormattedRow[];
 }
-declare const UseCombinedPipeline: (params: CombinedPipelineParams) => UseCombinedPipelineHook;
-export default UseCombinedPipeline;
+declare const useCombinedPipeline: (params: CombinedPipelineParams) => UseCombinedPipelineHook;
+export default useCombinedPipeline;

package/grid/pipeline/useCombinedPipeline/index.js

@@ -4,28 +4,27 @@ import useFilterStateFromEditable from "./useFilterStateFromEditable";
 import useSortedRows from "./useSortedRows";
 import useCurrentPageRows from "./useCurrentPageRows";
 import useDisplayRows from "./useDisplayRows";
-var UseCombinedPipeline = function (_a) {
-    var filterModel = _a.filterModel, cols = _a.cols, rows = _a.rows, sortModel = _a.sortModel, pagination = _a.pagination, selectModel = _a.selectModel;
-    var normalizedTableFilterModel = useFilterStateStore(filterModel, cols);
-    var editableFilterState = (normalizedTableFilterModel === null || normalizedTableFilterModel === void 0 ? void 0 : normalizedTableFilterModel.tableFilterState) || null;
-    var filteredRows = useFilter(rows, editableFilterState);
-    var filterState = useFilterStateFromEditable(cols, editableFilterState);
-    var sortedRowsOutput = useSortedRows(filteredRows, cols, sortModel);
-    var sortedRows = sortedRowsOutput.sortedRows;
-    var currentPageRowsOutput = useCurrentPageRows(sortedRows, pagination);
-    var showSelectCol = !!(selectModel && selectModel.mode !== "row");
-    var ariaColIndexOffset = showSelectCol ? 1 : 0;
-    var paginatedRows = currentPageRowsOutput.paginatedRows;
-    var displayRows = useDisplayRows(paginatedRows, cols, ariaColIndexOffset);
+const useCombinedPipeline = ({ filterModel, cols, rows, sortModel, pagination, selectModel, }) => {
+    const normalizedTableFilterModel = useFilterStateStore(filterModel, cols);
+    const editableFilterState = (normalizedTableFilterModel === null || normalizedTableFilterModel === void 0 ? void 0 : normalizedTableFilterModel.tableFilterState) || null;
+    const filteredRows = useFilter(rows, editableFilterState);
+    const filterState = useFilterStateFromEditable(cols, editableFilterState);
+    const sortedRowsOutput = useSortedRows(filteredRows, cols, sortModel);
+    const { sortedRows } = sortedRowsOutput;
+    const currentPageRowsOutput = useCurrentPageRows(sortedRows, pagination);
+    const showSelectCol = !!(selectModel && selectModel.mode !== "row");
+    const ariaColIndexOffset = showSelectCol ? 1 : 0;
+    const { paginatedRows } = currentPageRowsOutput;
+    const displayRows = useDisplayRows(paginatedRows, cols, ariaColIndexOffset);
     return {
-        normalizedTableFilterModel: normalizedTableFilterModel,
-        filteredRows: filteredRows,
-        filterState: filterState,
-        sortedRowsOutput: sortedRowsOutput,
-        currentPageRowsOutput: currentPageRowsOutput,
-        showSelectCol: showSelectCol,
-        ariaColIndexOffset: ariaColIndexOffset,
-        displayRows: displayRows,
+        normalizedTableFilterModel,
+        filteredRows,
+        filterState,
+        sortedRowsOutput,
+        currentPageRowsOutput,
+        showSelectCol,
+        ariaColIndexOffset,
+        displayRows,
     };
 };
-export default UseCombinedPipeline;
+export default useCombinedPipeline;

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

@@ -1,8 +1,8 @@
-import { RowDef } from "../../types";
+import { AugRowDef, PostPaginationRowDef } from "../../types";
 import { NormalizedPaginationModel, GridPaginationState } from "../../pagination/types";
 export interface CurrentPageRowsOutput {
-    paginatedRows: RowDef[];
+    paginatedRows: PostPaginationRowDef[];
     normalizedModel: NormalizedPaginationModel | null;
 }
-declare const useCurrentPageRows: (sortedRows: RowDef[], paginationModel: GridPaginationState | undefined) => CurrentPageRowsOutput;
+declare const useCurrentPageRows: (sortedRows: AugRowDef[], paginationModel: GridPaginationState | undefined) => CurrentPageRowsOutput;
 export default useCurrentPageRows;

package/grid/pipeline/useCombinedPipeline/useCurrentPageRows.js

@@ -1,43 +1,48 @@
 import { useMemo, useState } from "react";
-var useCurrentPageRows = function (sortedRows, paginationModel) {
-    var componentSize = (paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.componentSize) || "medium";
-    var isControlled = (paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.type) !== "uncontrolled";
-    var _a = useState(isControlled ? 0 : paginationModel.startingPageSizeIndex || 0), internalPageSizeIndex = _a[0], setInternalPageSizeIndex = _a[1];
-    var pageSizeIndex = isControlled
+const useCurrentPageRows = (sortedRows, paginationModel) => {
+    const componentSize = (paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.componentSize) || "medium";
+    const isControlled = (paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.type) !== "uncontrolled";
+    const [internalPageSizeIndex, setInternalPageSizeIndex] = useState(isControlled ? 0 : paginationModel.startingPageSizeIndex || 0);
+    const pageSizeIndex = isControlled
         ? (paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.pageSizeIndex) || 0
         : internalPageSizeIndex;
-    var setPageSizeIndex = isControlled
+    const setPageSizeIndex = isControlled
         ? paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.setPageSizeIndex
         : setInternalPageSizeIndex;
-    var _b = useState(isControlled ? 1 : paginationModel.startingCurrentPage || 1), internalPageNum = _b[0], setInternalPageNum = _b[1];
-    var currentPage = isControlled
+    const [internalPageNum, setInternalPageNum] = useState(isControlled ? 1 : paginationModel.startingCurrentPage || 1);
+    const currentPage = isControlled
         ? (paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.currentPage) || 1
         : internalPageNum;
-    var setCurrentPage = isControlled
+    const setCurrentPage = isControlled
         ? paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.setCurrentPage
         : setInternalPageNum;
-    var maxPageButtons = (paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.maxPageButtons) || 5;
-    return useMemo(function () {
+    const maxPageButtons = (paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.maxPageButtons) || 5;
+    return useMemo(() => {
         if (paginationModel === undefined) {
-            return { paginatedRows: sortedRows, normalizedModel: null };
+            return {
+                paginatedRows: sortedRows.map((row, index) => (Object.assign(Object.assign({}, row), { prePaginationIndex: index }))),
+                normalizedModel: null,
+            };
         }
-        var pageSizeOptions = (paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.pageSizeOptions) || [10, 25, 100];
-        var normalizedModel = {
-            pageSizeIndex: pageSizeIndex,
+        const pageSizeOptions = (paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.pageSizeOptions) || [10, 25, 100];
+        const normalizedModel = {
+            pageSizeIndex,
             setPageSizeIndex: setPageSizeIndex,
-            currentPage: currentPage,
+            currentPage,
             setCurrentPage: setCurrentPage,
-            pageSizeOptions: pageSizeOptions,
-            maxPageButtons: maxPageButtons,
-            componentSize: componentSize,
+            pageSizeOptions,
+            maxPageButtons,
+            componentSize,
             pageSelectorAriaLabel: paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.pageSelectorAriaLabel,
             pageSelectorJustifyContent: paginationModel === null || paginationModel === void 0 ? void 0 : paginationModel.pageSelectorJustifyContent,
         };
-        var pageSize = pageSizeOptions[pageSizeIndex];
-        var lowerIndex = pageSize * (currentPage - 1);
-        var upperIndex = lowerIndex + pageSize;
-        var paginatedRows = sortedRows.slice(lowerIndex, upperIndex);
-        return { paginatedRows: paginatedRows, normalizedModel: normalizedModel };
+        const pageSize = pageSizeOptions[pageSizeIndex];
+        const lowerIndex = pageSize * (currentPage - 1);
+        const upperIndex = lowerIndex + pageSize;
+        const paginatedRows = sortedRows
+            .slice(lowerIndex, upperIndex)
+            .map((row, index) => (Object.assign(Object.assign({}, row), { prePaginationIndex: lowerIndex + index })));
+        return { paginatedRows, normalizedModel };
     }, [
         paginationModel,
         pageSizeIndex,

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

@@ -1,3 +1,3 @@
-import { RowDef, FormattedRow, ColDef } from "../../types";
-declare const useDisplayRows: (currentPageRows: RowDef[], cols: ColDef[], ariaColIndexOffset: number) => FormattedRow[];
+import { FormattedRow, ColDef, PostPaginationRowDef } from "../../types";
+declare const useDisplayRows: (currentPageRows: PostPaginationRowDef[], cols: ColDef[], ariaColIndexOffset: number) => FormattedRow[];
 export default useDisplayRows;

package/grid/pipeline/useCombinedPipeline/useDisplayRows.js

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { dateToDatetimeInputStr, dateToInputStr } from "../../util/datetime";
-var getFormattedValue = function (value, formatter, typeString) {
+const getFormattedValue = (value, formatter, typeString) => {
     if (formatter) {
         return formatter(value);
     }
@@ -15,46 +15,45 @@ var getFormattedValue = function (value, formatter, typeString) {
     }
     return value;
 };
-var useDisplayRows = function (currentPageRows, cols, ariaColIndexOffset) {
-    return useMemo(function () {
-        var nameToIndex = new Map();
-        cols.forEach(function (_a, index) {
-            var name = _a.name;
-            nameToIndex.set(name, index);
+const useDisplayRows = (currentPageRows, cols, ariaColIndexOffset) => useMemo(() => {
+    const nameToIndex = new Map();
+    cols.forEach(({ name }, index) => {
+        nameToIndex.set(name, index);
+    });
+    return currentPageRows.map((row, index) => {
+        cols
+            .map(({ name }) => name)
+            .forEach((name) => {
+            if (!(name in row.data)) {
+                throw new Error(`Column definition specifies a property named "${name}", but it was not found in the row data object at index ${index}.`);
+            }
         });
-        return currentPageRows.map(function (row, index) {
-            cols
-                .map(function (_a) {
-                var name = _a.name;
-                return name;
-            })
-                .forEach(function (name) {
-                if (!(name in row.data)) {
-                    throw new Error("Column definition specifies a property named \"".concat(name, "\", but it was not found in the row data object at index ").concat(index, "."));
-                }
-            });
-            var displayRow = [];
-            Object.keys(row.data).forEach(function (name) {
-                if (!nameToIndex.has(name)) {
-                    console.error("Warning: row data contains a property named \"".concat(name, "\", but it was not found among the column definitions."));
-                    return;
-                }
-                var index = nameToIndex.get(name);
-                var col = cols[index];
-                var formatter = col.formatter;
-                var typeString = col.type;
-                var value = row.data[name];
-                displayRow[index] = {
-                    fieldName: cols[index].name,
-                    value: value,
-                    type: typeString,
-                    ariaColIndex: index + 1 + ariaColIndexOffset,
-                    formattedValue: getFormattedValue(value, formatter, typeString),
-                    label: cols[index].label,
-                };
-            });
-            return { contents: displayRow, id: row.id };
+        const displayRow = [];
+        Object.keys(row.data).forEach((name) => {
+            if (!nameToIndex.has(name)) {
+                console.error(`Warning: row data contains a property named "${name}", but it was not found among the column definitions.`);
+                return;
+            }
+            const index = nameToIndex.get(name);
+            const col = cols[index];
+            const formatter = col.formatter;
+            const typeString = col.type;
+            const value = row.data[name];
+            displayRow[index] = {
+                fieldName: cols[index].name,
+                value,
+                type: typeString,
+                ariaColIndex: index + 1 + ariaColIndexOffset,
+                formattedValue: getFormattedValue(value, formatter, typeString),
+                label: cols[index].label,
+            };
         });
-    }, [currentPageRows, cols, ariaColIndexOffset]);
-};
+        return {
+            contents: displayRow,
+            id: row.id,
+            origIndex: row.origIndex,
+            prePaginationIndex: row.prePaginationIndex,
+        };
+    });
+}, [currentPageRows, cols, ariaColIndexOffset]);
 export default useDisplayRows;

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

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

package/grid/pipeline/useCombinedPipeline/useFilter.js

@@ -1,10 +1,11 @@
 import { useMemo } from "react";
-var useFilter = function (rows, filterState) {
-    return useMemo(function () {
+const useFilter = (rows, filterState) => {
+    return useMemo(() => {
+        const augRows = rows.map((row, index) => (Object.assign({ origIndex: index }, row)));
         if (filterState === null) {
-            return rows;
+            return augRows;
         }
-        return rows.filter(function (row) {
+        return augRows.filter((row) => {
             function checkIfPassesStringFilter(value, state) {
                 switch (state.scheme) {
                     case "contains": {
@@ -21,7 +22,7 @@ var useFilter = function (rows, filterState) {
             function checkIfPassesNumberFilter(value, state) {
                 // Note that a blank string becomes 0. This situation should usually be
                 // prevented by form validation.
-                var numValue = Number(state.numValue);
+                const numValue = Number(state.numValue);
                 switch (state.scheme) {
                     case "equals":
                         return value === numValue;
@@ -47,16 +48,15 @@ var useFilter = function (rows, filterState) {
                             (value >= state.startDate && value <= state.endDate));
                 }
             }
-            var columnNames = Object.keys(row.data);
-            for (var _i = 0, columnNames_1 = columnNames; _i < columnNames_1.length; _i++) {
-                var columnName = columnNames_1[_i];
+            const columnNames = Object.keys(row.data);
+            for (const columnName of columnNames) {
                 if (!(columnName in filterState)) {
                     continue;
                 }
                 if (!filterState[columnName].enabled) {
                     continue;
                 }
-                var columnFilterState = filterState[columnName];
+                const columnFilterState = filterState[columnName];
                 switch (columnFilterState.type) {
                     case "string": {
                         if (!checkIfPassesStringFilter(row.data[columnName], columnFilterState)) {

package/grid/pipeline/useCombinedPipeline/useFilterStateFromEditable.js

@@ -1,15 +1,14 @@
 import { useMemo } from "react";
-var useFilterStateFromEditable = function (colDefs, editableFilterState) {
-    return useMemo(function () {
+const useFilterStateFromEditable = (colDefs, editableFilterState) => {
+    return useMemo(() => {
         if (editableFilterState === null) {
             return null;
         }
-        var filterState = {};
-        colDefs.forEach(function (_a) {
-            var name = _a.name, label = _a.label;
+        const filterState = {};
+        colDefs.forEach(({ name, label }) => {
             filterState[name] = {
                 editableState: editableFilterState[name],
-                label: label,
+                label,
             };
         });
         return filterState;

package/grid/pipeline/useCombinedPipeline/useFilterStateStore.js

@@ -1,8 +1,7 @@
 import { useState } from "react";
-var generateEmptyFilterState = function (cols) {
-    var filterState = {};
-    cols.forEach(function (_a) {
-        var type = _a.type, name = _a.name;
+const generateEmptyFilterState = (cols) => {
+    const filterState = {};
+    cols.forEach(({ type, name }) => {
         switch (type) {
             case "string": {
                 filterState[name] = {
@@ -24,7 +23,7 @@ var generateEmptyFilterState = function (cols) {
             }
             default: {
                 filterState[name] = {
-                    type: type,
+                    type,
                     enabled: false,
                     scheme: "startFrom",
                     startDate: null,
@@ -34,13 +33,13 @@ var generateEmptyFilterState = function (cols) {
     });
     return filterState;
 };
-var useFilterStateStore = function (filterModel, cols) {
+const useFilterStateStore = (filterModel, cols) => {
     // Initial states being from prop values means that should uncontrolled
     // FilterModel starting values change, the changes will not take effect
     // unless the Grid is remounted. The documentation for this and other
     // uncontrolled features should indicate this fact and recommend using
     // controlled modes if this behavior is unacceptable.
-    var _a = useState((filterModel === null || filterModel === void 0 ? void 0 : filterModel.tableFilterState) || generateEmptyFilterState(cols)), internalFilterState = _a[0], setInternalFilterState = _a[1];
+    const [internalFilterState, setInternalFilterState] = useState((filterModel === null || filterModel === void 0 ? void 0 : filterModel.tableFilterState) || generateEmptyFilterState(cols));
     if (!filterModel) {
         return null;
     }

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

@@ -1,10 +1,10 @@
-import { ColDefBase, RowDef } from "../../types";
+import { AugRowDef, ColDefBase } from "../../types";
 import { SortColDef, TableSortModel } from "../../sorting/types";
 export interface SortedRowsOutput {
-    sortedRows: RowDef[];
+    sortedRows: AugRowDef[];
     sortingEnabled: boolean;
     sortColDef: SortColDef | null | undefined;
     setSortColDef: ((sortColDef: SortColDef | null) => void) | undefined;
 }
-declare const useSortedRows: (rows: RowDef[], cols: ColDefBase[], sortModel: TableSortModel | undefined) => SortedRowsOutput;
+declare const useSortedRows: (rows: AugRowDef[], cols: ColDefBase[], sortModel: TableSortModel | undefined) => SortedRowsOutput;
 export default useSortedRows;

package/grid/pipeline/useCombinedPipeline/useSortedRows.js

@@ -1,12 +1,12 @@
 import { useMemo, useState } from "react";
-var getTypeComparator = function (typeStr) {
+const getTypeComparator = (typeStr) => {
     if (typeStr === "date" || typeStr === "datetime") {
-        return function (a, b) { return a.valueOf() - b.valueOf(); };
+        return (a, b) => a.valueOf() - b.valueOf();
     }
     if (typeStr === "number") {
-        return function (a, b) { return a - b; };
+        return (a, b) => a - b;
     }
-    return function (a, b) {
+    return (a, b) => {
         if (a < b) {
             return -1;
         }
@@ -16,43 +16,38 @@ var getTypeComparator = function (typeStr) {
         return 0;
     };
 };
-var getRowComparator = function (comparator, fieldName) {
-    return function (rowA, rowB) { return comparator(rowA.data[fieldName], rowB.data[fieldName]); };
+const getRowComparator = (comparator, fieldName) => {
+    return (rowA, rowB) => comparator(rowA.data[fieldName], rowB.data[fieldName]);
 };
-var useSortedRows = function (rows, cols, sortModel) {
-    var _a = useState(((sortModel === null || sortModel === void 0 ? void 0 : sortModel.type) === "uncontrolled" && sortModel.initialSortColDef) ||
-        null), internalSortColDef = _a[0], setInternalSortColDef = _a[1];
-    var sortColDef = (sortModel === null || sortModel === void 0 ? void 0 : sortModel.type) === "uncontrolled"
+const useSortedRows = (rows, cols, sortModel) => {
+    const [internalSortColDef, setInternalSortColDef] = useState(((sortModel === null || sortModel === void 0 ? void 0 : sortModel.type) === "uncontrolled" && sortModel.initialSortColDef) ||
+        null);
+    const sortColDef = (sortModel === null || sortModel === void 0 ? void 0 : sortModel.type) === "uncontrolled"
         ? internalSortColDef
         : (sortModel === null || sortModel === void 0 ? void 0 : sortModel.sortColDef) || undefined;
-    var setSortColDef = (sortModel === null || sortModel === void 0 ? void 0 : sortModel.type) === "uncontrolled"
+    const setSortColDef = (sortModel === null || sortModel === void 0 ? void 0 : sortModel.type) === "uncontrolled"
         ? setInternalSortColDef
         : (sortModel === null || sortModel === void 0 ? void 0 : sortModel.setSortColDef) || undefined;
-    var sortingEnabled = !!sortModel;
-    var sortedRows = useMemo(function () {
+    const sortingEnabled = !!sortModel;
+    const sortedRows = useMemo(() => {
         if (!sortColDef) {
             return rows;
         }
-        var sortFieldName = sortColDef.name;
-        var sortOrder = sortColDef.order;
-        var sortColIndex = cols.findIndex(function (_a) {
-            var name = _a.name;
-            return name === sortFieldName;
-        });
+        const sortFieldName = sortColDef.name;
+        const sortOrder = sortColDef.order;
+        const sortColIndex = cols.findIndex(({ name }) => name === sortFieldName);
         if (sortColIndex < 0) {
-            throw new Error("The sortModel for the grid specifies that the data should be sorted based on a column named ".concat(sortFieldName, ", but it was not found among the column definitions."));
+            throw new Error(`The sortModel for the grid specifies that the data should be sorted based on a column named ${sortFieldName}, but it was not found among the column definitions.`);
         }
-        var typeStr = cols[sortColIndex].type;
-        var ascComparator = getTypeComparator(typeStr);
-        var rowComparator = getRowComparator(ascComparator, sortFieldName);
+        const typeStr = cols[sortColIndex].type;
+        const ascComparator = getTypeComparator(typeStr);
+        let rowComparator = getRowComparator(ascComparator, sortFieldName);
         if (sortOrder === "desc") {
-            var descComparator = function (a, b) {
-                return ascComparator(a, b) * -1;
-            };
+            const descComparator = (a, b) => ascComparator(a, b) * -1;
             rowComparator = getRowComparator(descComparator, sortFieldName);
         }
         return rows.slice().sort(rowComparator);
     }, [sortColDef, cols, rows]);
-    return { sortedRows: sortedRows, sortingEnabled: sortingEnabled, sortColDef: sortColDef, setSortColDef: setSortColDef };
+    return { sortedRows, sortingEnabled, sortColDef, setSortColDef };
 };
 export default useSortedRows;