primereact 10.0.9 → 10.1.0

package/datatable/datatable.d.ts

@@ -684,6 +684,7 @@ interface DataTableCellClassNameOptions<TValue extends DataTableValueArray> {
     field: string;
     /**
      * Whether the row is frozen or not.
+     * @defaultValue false
      */
     frozenRow: boolean;
     /**
@@ -1149,6 +1150,11 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * Width of the frozen part in scrollable DataTable.
      */
     frozenWidth?: string | undefined;
+    /**
+     * Whether the row is frozen or not. Read-Only necessary for unstyled TypeScript definition.
+     * @defaultValue false
+     */
+    readonly frozenRow?: boolean;
     /**
      * Value of the global filter to use in filtering.
      */

package/datatable/datatable.esm.js

@@ -252,7 +252,7 @@ var ColumnBase = ComponentBase.extend({
 
 function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var styles = "\n@layer primereact {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable > .p-datatable-wrapper {\n        overflow: auto;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-disabled {\n        cursor: auto;\n    }\n\n    .p-datatable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-datatable .p-sortable-column .p-column-title,\n    .p-datatable .p-sortable-column .p-sortable-column-icon,\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        vertical-align: middle;\n    }\n\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-datatable-selectable .p-selectable-row,\n    .p-datatable-selectable-cell .p-selectable-cell {\n        cursor: pointer;\n    }\n\n    .p-datatable-drag-selection-helper {\n        position: absolute;\n        z-index: 99999999;\n    }\n\n    /* Scrollable */\n    .p-datatable-scrollable > .p-datatable-wrapper {\n        position: relative;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-thead {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        position: sticky;\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-datatable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-datatable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-datatable-flex-scrollable > .p-datatable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {\n        position: sticky;\n        z-index: 1;\n    }\n\n    /* Resizable */\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th,\n    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-datatable .p-column-resizer {\n        display: block;\n        position: absolute !important;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-datatable .p-column-header-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-datatable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-datatable .p-row-editor-init,\n    .p-datatable .p-row-editor-save,\n    .p-datatable .p-row-editor-cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Expand */\n    .p-datatable .p-row-toggler {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Reorder */\n    .p-datatable-reorder-indicator-up,\n    .p-datatable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n\n    .p-reorderable-column,\n    .p-datatable-reorderablerow-handle {\n        cursor: move;\n    }\n\n    /* Loader */\n    .p-datatable .p-datatable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Filter */\n    .p-column-filter-row {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .p-column-filter-menu {\n        display: inline-flex;\n        margin-left: auto;\n    }\n\n    .p-column-filter-row .p-column-filter-element {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-column-filter-menu-button,\n    .p-column-filter-clear-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-column-filter-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n\n    .p-column-filter-row-items {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-column-filter-row-item {\n        cursor: pointer;\n    }\n\n    .p-column-filter-add-button,\n    .p-column-filter-remove-button {\n        justify-content: center;\n    }\n\n    .p-column-filter-add-button .p-button-label,\n    .p-column-filter-remove-button .p-button-label {\n        flex-grow: 0;\n    }\n\n    .p-column-filter-buttonbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n        width: auto;\n    }\n\n    /* Responsive */\n    .p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n        display: none;\n    }\n\n    /* VirtualScroller */\n    .p-datatable-virtualscroller-spacer {\n        display: flex;\n    }\n\n    .p-datatable .p-virtualscroller .p-virtualscroller-loading {\n        transform: none !important;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n\n    /* Alignment */\n    .p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-left,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-left {\n        text-align: left;\n        justify-content: flex-start;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-right,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-right {\n        text-align: right;\n        justify-content: flex-end;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-center,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-center {\n        text-align: center;\n        justify-content: center;\n    }\n}\n";
+var styles = "\n@layer primereact {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable > .p-datatable-wrapper {\n        overflow: auto;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-disabled {\n        cursor: auto;\n    }\n\n    .p-datatable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-datatable .p-sortable-column .p-column-title,\n    .p-datatable .p-sortable-column .p-sortable-column-icon,\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        vertical-align: middle;\n    }\n\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-datatable-selectable .p-selectable-row,\n    .p-datatable-selectable-cell .p-selectable-cell {\n        cursor: pointer;\n    }\n\n    .p-datatable-drag-selection-helper {\n        position: absolute;\n        z-index: 99999999;\n    }\n\n    /* Scrollable */\n    .p-datatable-scrollable > .p-datatable-wrapper {\n        position: relative;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-thead {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        position: sticky;\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-datatable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-datatable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-datatable-flex-scrollable > .p-datatable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {\n        position: sticky;\n        z-index: 1;\n    }\n\n    /* Resizable */\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th,\n    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-datatable .p-column-resizer {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-datatable .p-column-header-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-datatable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-datatable .p-row-editor-init,\n    .p-datatable .p-row-editor-save,\n    .p-datatable .p-row-editor-cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Expand */\n    .p-datatable .p-row-toggler {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Reorder */\n    .p-datatable-reorder-indicator-up,\n    .p-datatable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n\n    .p-reorderable-column,\n    .p-datatable-reorderablerow-handle {\n        cursor: move;\n    }\n\n    /* Loader */\n    .p-datatable .p-datatable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Filter */\n    .p-column-filter-row {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .p-column-filter-menu {\n        display: inline-flex;\n        margin-left: auto;\n    }\n\n    .p-column-filter-row .p-column-filter-element {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-column-filter-menu-button,\n    .p-column-filter-clear-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-column-filter-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n\n    .p-column-filter-row-items {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-column-filter-row-item {\n        cursor: pointer;\n    }\n\n    .p-column-filter-add-button,\n    .p-column-filter-remove-button {\n        justify-content: center;\n    }\n\n    .p-column-filter-add-button .p-button-label,\n    .p-column-filter-remove-button .p-button-label {\n        flex-grow: 0;\n    }\n\n    .p-column-filter-buttonbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n        width: auto;\n    }\n\n    /* Responsive */\n    .p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n        display: none;\n    }\n\n    /* VirtualScroller */\n    .p-datatable-virtualscroller-spacer {\n        display: flex;\n    }\n\n    .p-datatable .p-virtualscroller .p-virtualscroller-loading {\n        transform: none;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n\n    /* Alignment */\n    .p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-left,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-left {\n        text-align: left;\n        justify-content: flex-start;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-right,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-right {\n        text-align: right;\n        justify-content: flex-end;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-center,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-center {\n        text-align: center;\n        justify-content: center;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -534,6 +534,7 @@ var DataTableBase = ComponentBase.extend({
     first: 0,
     footer: null,
     footerColumnGroup: null,
+    frozenRow: false,
     frozenValue: null,
     frozenWidth: null,
     globalFilter: null,
@@ -565,8 +566,6 @@ var DataTableBase = ComponentBase.extend({
     onRowClick: null,
     onRowCollapse: null,
     onRowDoubleClick: null,
-    onRowPointerDown: null,
-    onRowPointerUp: null,
     onRowEditCancel: null,
     onRowEditChange: null,
     onRowEditComplete: null,
@@ -575,6 +574,8 @@ var DataTableBase = ComponentBase.extend({
     onRowExpand: null,
     onRowMouseEnter: null,
     onRowMouseLeave: null,
+    onRowPointerDown: null,
+    onRowPointerUp: null,
     onRowReorder: null,
     onRowSelect: null,
     onRowToggle: null,
@@ -5622,7 +5623,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       var tableSelector = ".p-datatable-wrapper ".concat(isVirtualScrollerDisabled() ? '' : '> .p-virtualscroller', " > .p-datatable-table");
       var selector = ".p-datatable[".concat(attributeSelector.current, "] > ").concat(tableSelector);
       var gridLinesSelector = ".p-datatable[".concat(attributeSelector.current, "].p-datatable-gridlines > ").concat(tableSelector);
-      var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    ").concat(selector, " > .p-datatable-thead > tr > th,\n    ").concat(selector, " > .p-datatable-tfoot > tr > td {\n        display: none !important;\n    }\n\n    ").concat(selector, " > .p-datatable-tbody > tr > td {\n        display: flex;\n        width: 100% !important;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    ").concat(selector, " > .p-datatable-tbody > tr > td:not(:last-child) {\n        border: 0 none;\n    }\n\n    ").concat(gridLinesSelector, " > .p-datatable-tbody > tr > td:last-child {\n        border-top: 0;\n        border-right: 0;\n        border-left: 0;\n    }\n\n    ").concat(selector, " > .p-datatable-tbody > tr > td > .p-column-title {\n        display: block;\n    }\n}\n");
+      var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    ").concat(selector, " > .p-datatable-thead > tr > th,\n    ").concat(selector, " > .p-datatable-tfoot > tr > td {\n        display: none;\n    }\n\n    ").concat(selector, " > .p-datatable-tbody > tr > td {\n        display: flex;\n        width: 100%;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    ").concat(selector, " > .p-datatable-tbody > tr > td:not(:last-child) {\n        border: 0 none;\n    }\n\n    ").concat(gridLinesSelector, " > .p-datatable-tbody > tr > td:last-child {\n        border-top: 0;\n        border-right: 0;\n        border-left: 0;\n    }\n\n    ").concat(selector, " > .p-datatable-tbody > tr > td > .p-column-title {\n        display: block;\n    }\n}\n");
       responsiveStyleElement.current.innerHTML = innerHTML;
     }
   };
@@ -6185,7 +6186,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         filters: filters
       }));
     }
-  }, [props.filters, props.children]);
+  }, [props.filters]);
   useUpdateEffect(function () {
     if (isStateful()) {
       saveState();
@@ -6415,80 +6416,83 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var body = /*#__PURE__*/React.createElement(TableBody, {
       hostName: "DataTable",
       ref: bodyRef,
-      value: dataToRender(rows),
-      style: style,
+      cellClassName: props.cellClassName,
+      cellSelection: props.cellSelection,
+      checkIcon: props.checkIcon,
       className: classNames('p-datatable-tbody', className),
-      empty: empty,
-      frozenRow: false,
-      tableProps: props,
-      tableSelector: attributeSelector.current,
+      collapsedRowIcon: props.collapsedRowIcon,
       columns: columns,
-      selectionModeInColumn: selectionModeInColumn,
-      first: first,
+      compareSelectionBy: props.compareSelectionBy,
+      contextMenuSelection: props.contextMenuSelection,
+      dataKey: props.dataKey,
+      dragSelection: props.dragSelection,
+      editMode: props.editMode,
       editingMeta: editingMetaState,
-      onEditingMetaChange: onEditingMetaChange,
-      tabIndex: props.tabIndex,
-      onRowClick: props.onRowClick,
-      onRowDoubleClick: props.onRowDoubleClick,
-      onRowPointerDown: props.onRowPointerDown,
-      onRowPointerUp: props.onRowPointerUp,
-      onRowMouseEnter: props.onRowMouseEnter,
-      onRowMouseLeave: props.onRowMouseLeave,
-      onCellClick: props.onCellClick,
-      selection: props.selection,
-      onSelectionChange: props.onSelectionChange,
+      editingRows: props.editingRows,
+      empty: empty,
+      emptyMessage: props.emptyMessage,
+      expandableRowGroups: props.expandableRowGroups,
+      expandedRowIcon: props.expandedRowIcon,
+      expandedRows: props.expandedRows,
+      first: first,
+      frozenRow: false,
+      groupRowsBy: props.groupRowsBy,
+      isDataSelectable: props.isDataSelectable,
+      isVirtualScrollerDisabled: isVirtualScrollerDisabled,
       lazy: props.lazy,
-      paginator: props.paginator,
+      loading: props.loading,
+      metaKeySelection: props.metaKeySelection,
+      onCellClick: props.onCellClick,
       onCellSelect: props.onCellSelect,
       onCellUnselect: props.onCellUnselect,
-      onRowSelect: props.onRowSelect,
-      onRowUnselect: props.onRowUnselect,
-      dragSelection: props.dragSelection,
       onContextMenu: props.onContextMenu,
       onContextMenuSelectionChange: props.onContextMenuSelectionChange,
-      metaKeySelection: props.metaKeySelection,
-      selectionMode: props.selectionMode,
-      cellSelection: props.cellSelection,
-      contextMenuSelection: props.contextMenuSelection,
-      dataKey: props.dataKey,
-      expandedRows: props.expandedRows,
+      onEditingMetaChange: onEditingMetaChange,
+      onRowClick: props.onRowClick,
       onRowCollapse: props.onRowCollapse,
+      onRowDoubleClick: props.onRowDoubleClick,
+      onRowEditCancel: props.onRowEditCancel,
+      onRowEditChange: props.onRowEditChange,
+      onRowEditComplete: props.onRowEditComplete,
+      onRowEditInit: props.onRowEditInit,
+      onRowEditSave: props.onRowEditSave,
       onRowExpand: props.onRowExpand,
-      onRowToggle: props.onRowToggle,
-      editMode: props.editMode,
-      editingRows: props.editingRows,
+      onRowMouseEnter: props.onRowMouseEnter,
+      onRowMouseLeave: props.onRowMouseLeave,
+      onRowPointerDown: props.onRowPointerDown,
+      onRowPointerUp: props.onRowPointerUp,
       onRowReorder: props.onRowReorder,
+      onRowSelect: props.onRowSelect,
+      onRowToggle: props.onRowToggle,
+      onRowUnselect: props.onRowUnselect,
+      onSelectionChange: props.onSelectionChange,
+      paginator: props.paginator,
       reorderableRows: props.reorderableRows,
-      scrollable: props.scrollable,
-      rowGroupMode: props.rowGroupMode,
-      groupRowsBy: props.groupRowsBy,
-      expandableRowGroups: props.expandableRowGroups,
-      loading: props.loading,
-      emptyMessage: props.emptyMessage,
-      rowGroupHeaderTemplate: props.rowGroupHeaderTemplate,
+      responsiveLayout: props.responsiveLayout,
+      rowClassName: props.rowClassName,
+      rowEditValidator: props.rowEditValidator,
+      rowEditorCancelIcon: props.rowEditorCancelIcon,
+      rowEditorInitIcon: props.rowEditorInitIcon,
+      rowEditorSaveIcon: props.rowEditorSaveIcon,
       rowExpansionTemplate: props.rowExpansionTemplate,
       rowGroupFooterTemplate: props.rowGroupFooterTemplate,
-      onRowEditChange: props.onRowEditChange,
-      compareSelectionBy: props.compareSelectionBy,
+      rowGroupHeaderTemplate: props.rowGroupHeaderTemplate,
+      rowGroupMode: props.rowGroupMode,
+      scrollable: props.scrollable,
       selectOnEdit: props.selectOnEdit,
-      onRowEditInit: props.onRowEditInit,
-      rowEditValidator: props.rowEditValidator,
-      onRowEditSave: props.onRowEditSave,
-      onRowEditComplete: props.onRowEditComplete,
-      onRowEditCancel: props.onRowEditCancel,
-      cellClassName: props.cellClassName,
-      responsiveLayout: props.responsiveLayout,
+      selection: props.selection,
       selectionAutoFocus: props.selectionAutoFocus,
-      isDataSelectable: props.isDataSelectable,
-      showSelectionElement: props.showSelectionElement,
+      selectionMode: props.selectionMode,
+      selectionModeInColumn: selectionModeInColumn,
       showRowReorderElement: props.showRowReorderElement,
-      expandedRowIcon: props.expandedRowIcon,
-      collapsedRowIcon: props.collapsedRowIcon,
-      checkIcon: props.checkIcon,
-      rowClassName: props.rowClassName,
+      showSelectionElement: props.showSelectionElement,
+      style: style,
+      tabIndex: props.tabIndex,
+      tableProps: props,
+      tableSelector: attributeSelector.current,
+      value: dataToRender(rows),
       virtualScrollerContentRef: contentRef,
       virtualScrollerOptions: options,
-      isVirtualScrollerDisabled: isVirtualScrollerDisabled,
       ptCallbacks: ptCallbacks,
       metaData: metaData
     });