primereact 9.4.0 → 9.5.0

package/datatable/datatable.js

@@ -1526,45 +1526,48 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
           var rowSpan = props.rowGroupMode === 'rowspan' ? calculateRowGroupSize(props.value, col, props.index) : null;
           return /*#__PURE__*/React__namespace.createElement(BodyCell, {
             key: key,
-            value: props.value,
-            tableProps: props.tableProps,
-            tableSelector: props.tableSelector,
+            allowCellSelection: props.allowCellSelection,
+            cellClassName: props.cellClassName,
+            checkIcon: props.checkIcon,
+            collapsedRowIcon: props.collapsedRowIcon,
             column: col,
-            rowData: props.rowData,
-            rowIndex: props.rowIndex,
-            index: i,
-            rowSpan: rowSpan,
+            compareSelectionBy: props.compareSelectionBy,
             dataKey: props.dataKey,
+            editMode: props.editMode,
             editing: editing,
             editingMeta: props.editingMeta,
-            editMode: props.editMode,
+            expanded: props.expanded,
+            expandedRowIcon: props.expandedRowIcon,
+            frozenRow: props.frozenRow,
+            index: i,
+            isSelectable: props.isSelectable,
+            onCheckboxChange: props.onCheckboxChange,
+            onClick: props.onCellClick,
+            onEditingMetaChange: props.onEditingMetaChange,
+            onMouseDown: props.onCellMouseDown,
+            onMouseUp: props.onCellMouseUp,
+            onRadioChange: props.onRadioChange,
+            onRowEditCancel: onEditCancel,
             onRowEditInit: onEditInit,
             onRowEditSave: onEditSave,
-            onRowEditCancel: onEditCancel,
-            onEditingMetaChange: props.onEditingMetaChange,
             onRowToggle: props.onRowToggle,
-            selection: props.selection,
-            selectionAriaLabel: props.tableProps.selectionAriaLabel,
-            allowCellSelection: props.allowCellSelection,
-            compareSelectionBy: props.compareSelectionBy,
+            responsiveLayout: props.responsiveLayout,
+            rowData: props.rowData,
+            rowEditorCancelIcon: props.rowEditorCancelIcon,
+            rowEditorInitIcon: props.rowEditorInitIcon,
+            rowEditorSaveIcon: props.rowEditorSaveIcon,
+            rowIndex: props.rowIndex,
+            rowSpan: rowSpan,
             selectOnEdit: props.selectOnEdit,
             selected: props.selected,
-            onClick: props.onCellClick,
-            onMouseDown: props.onCellMouseDown,
-            onMouseUp: props.onCellMouseUp,
-            tabIndex: props.tabIndex,
-            cellClassName: props.cellClassName,
-            responsiveLayout: props.responsiveLayout,
-            frozenRow: props.frozenRow,
-            isSelectable: props.isSelectable,
-            showSelectionElement: props.showSelectionElement,
+            selection: props.selection,
+            selectionAriaLabel: props.tableProps.selectionAriaLabel,
             showRowReorderElement: props.showRowReorderElement,
-            onRadioChange: props.onRadioChange,
-            onCheckboxChange: props.onCheckboxChange,
-            expanded: props.expanded,
-            expandedRowIcon: props.expandedRowIcon,
-            collapsedRowIcon: props.collapsedRowIcon,
-            checkIcon: props.checkIcon,
+            showSelectionElement: props.showSelectionElement,
+            tabIndex: props.tabIndex,
+            tableProps: props.tableProps,
+            tableSelector: props.tableSelector,
+            value: props.value,
             virtualScrollerOptions: props.virtualScrollerOptions
           });
         }
@@ -2447,67 +2450,70 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
         var _allowCellSelection = allowCellSelection();
         var editing = isRowEditing(rowData);
         return /*#__PURE__*/React__namespace.createElement(BodyRow, {
-          tableProps: props.tableProps,
-          tableSelector: props.tableSelector,
-          value: props.value,
+          allowCellSelection: _allowCellSelection,
+          allowRowSelection: _allowRowSelection,
+          cellClassName: props.cellClassName,
+          checkIcon: props.checkIcon,
+          collapsedRowIcon: props.collapsedRowIcon,
           columns: props.columns,
-          rowData: rowData,
-          rowIndex: rowIndex,
-          index: index,
-          selected: selected,
+          compareSelectionBy: props.compareSelectionBy,
           contextMenuSelected: contextMenuSelected,
-          onRowClick: onRowClick,
-          onRowDoubleClick: onRowDoubleClick,
-          onRowRightClick: onRowRightClick,
-          onRowMouseEnter: onRowMouseEnter,
-          onRowMouseLeave: onRowMouseLeave,
-          tabIndex: props.tabIndex,
+          dataKey: props.dataKey,
+          editMode: props.editMode,
+          editing: editing,
+          editingMeta: props.editingMeta,
+          editingRows: props.editingRows,
+          expanded: expanded,
+          expandedRowIcon: props.expandedRowIcon,
+          frozenRow: props.frozenRow,
+          groupRowsBy: props.groupRowsBy,
+          index: index,
           isSelectable: isSelectable,
-          onRowTouchEnd: onRowTouchEnd,
-          onRowMouseDown: onRowMouseDown,
-          onRowMouseUp: onRowMouseUp,
-          onRowToggle: onRowToggle,
-          onRowDragStart: onRowDragStart,
-          onRowDragOver: onRowDragOver,
-          onRowDragLeave: onRowDragLeave,
-          onRowDragEnd: onRowDragEnd,
-          onRowDrop: onRowDrop,
-          onRadioChange: onRadioChange,
-          onCheckboxChange: onCheckboxChange,
           onCellClick: onCellClick,
           onCellMouseDown: onCellMouseDown,
           onCellMouseUp: onCellMouseUp,
-          editing: editing,
-          editingRows: props.editingRows,
-          editingMeta: props.editingMeta,
-          editMode: props.editMode,
-          onRowEditChange: props.onRowEditChange,
+          onCheckboxChange: onCheckboxChange,
           onEditingMetaChange: props.onEditingMetaChange,
-          groupRowsBy: props.groupRowsBy,
-          compareSelectionBy: props.compareSelectionBy,
-          dataKey: props.dataKey,
-          rowGroupMode: props.rowGroupMode,
+          onRadioChange: onRadioChange,
+          onRowClick: onRowClick,
+          onRowDoubleClick: onRowDoubleClick,
+          onRowDragEnd: onRowDragEnd,
+          onRowDragLeave: onRowDragLeave,
+          onRowDragOver: onRowDragOver,
+          onRowDragStart: onRowDragStart,
+          onRowDrop: onRowDrop,
+          onRowEditCancel: props.onRowEditCancel,
+          onRowEditChange: props.onRowEditChange,
+          onRowEditComplete: props.onRowEditComplete,
           onRowEditInit: props.onRowEditInit,
-          rowEditValidator: props.rowEditValidator,
           onRowEditSave: props.onRowEditSave,
-          onRowEditComplete: props.onRowEditComplete,
-          onRowEditCancel: props.onRowEditCancel,
-          selection: props.selection,
-          allowRowSelection: _allowRowSelection,
-          allowCellSelection: _allowCellSelection,
+          onRowMouseDown: onRowMouseDown,
+          onRowMouseEnter: onRowMouseEnter,
+          onRowMouseLeave: onRowMouseLeave,
+          onRowMouseUp: onRowMouseUp,
+          onRowRightClick: onRowRightClick,
+          onRowToggle: onRowToggle,
+          onRowTouchEnd: onRowTouchEnd,
+          responsiveLayout: props.responsiveLayout,
+          rowClassName: props.rowClassName,
+          rowData: rowData,
+          rowEditValidator: props.rowEditValidator,
+          rowEditorCancelIcon: props.rowEditorCancelIcon,
+          rowEditorInitIcon: props.rowEditorInitIcon,
+          rowEditorSaveIcon: props.rowEditorSaveIcon,
+          rowGroupMode: props.rowGroupMode,
+          rowIndex: rowIndex,
           selectOnEdit: props.selectOnEdit,
+          selected: selected,
+          selection: props.selection,
           selectionMode: props.selectionMode,
           selectionModeInColumn: props.selectionModeInColumn,
-          cellClassName: props.cellClassName,
-          responsiveLayout: props.responsiveLayout,
-          frozenRow: props.frozenRow,
-          showSelectionElement: props.showSelectionElement,
           showRowReorderElement: props.showRowReorderElement,
-          expanded: expanded,
-          expandedRowIcon: props.expandedRowIcon,
-          collapsedRowIcon: props.collapsedRowIcon,
-          checkIcon: props.checkIcon,
-          rowClassName: props.rowClassName,
+          showSelectionElement: props.showSelectionElement,
+          tabIndex: props.tabIndex,
+          tableProps: props.tableProps,
+          tableSelector: props.tableSelector,
+          value: props.value,
           virtualScrollerOptions: props.virtualScrollerOptions
         });
       }
@@ -3822,41 +3828,43 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
         var isVisible = col ? !getColumnProp(col, 'hidden') : true;
         var key = col ? getColumnProp(col, 'columnKey') || getColumnProp(col, 'field') || i : i;
         return isVisible && /*#__PURE__*/React__namespace.createElement(HeaderCell, {
-          key: key,
-          value: props.value,
-          tableProps: props.tableProps,
+          allRowsSelected: props.allRowsSelected,
+          allSortableDisabled: isAllSortableDisabled,
           column: col,
-          tabIndex: props.tabIndex,
           empty: props.empty,
-          resizableColumns: props.resizableColumns,
-          groupRowsBy: props.groupRowsBy,
-          groupRowSortField: props.groupRowSortField,
-          sortMode: props.sortMode,
-          sortIcon: props.sortIcon,
-          sortField: props.sortField,
-          sortOrder: props.sortOrder,
-          multiSortMeta: props.multiSortMeta,
-          allSortableDisabled: isAllSortableDisabled,
-          onSortableChange: onSortableChange,
-          sortableDisabledFields: sortableDisabledFieldsState,
+          filterClearIcon: props.filterClearIcon,
           filterDisplay: props.filterDisplay,
+          filterIcon: props.filterIcon,
           filters: props.filters,
           filtersStore: props.filtersStore,
-          onFilterChange: props.onFilterChange,
-          onFilterApply: props.onFilterApply,
-          onColumnMouseDown: props.onColumnMouseDown,
-          onColumnDragStart: props.onColumnDragStart,
-          onColumnDragOver: props.onColumnDragOver,
+          groupRowSortField: props.groupRowSortField,
+          groupRowsBy: props.groupRowsBy,
+          key: key,
+          multiSortMeta: props.multiSortMeta,
+          onColumnCheckboxChange: onCheckboxChange,
           onColumnDragLeave: props.onColumnDragLeave,
+          onColumnDragOver: props.onColumnDragOver,
+          onColumnDragStart: props.onColumnDragStart,
           onColumnDrop: props.onColumnDrop,
+          onColumnMouseDown: props.onColumnMouseDown,
           onColumnResizeStart: props.onColumnResizeStart,
           onColumnResizerClick: props.onColumnResizerClick,
           onColumnResizerDoubleClick: props.onColumnResizerDoubleClick,
-          showSelectAll: props.showSelectAll,
-          allRowsSelected: props.allRowsSelected,
-          onColumnCheckboxChange: onCheckboxChange,
+          onFilterApply: props.onFilterApply,
+          onFilterChange: props.onFilterChange,
+          onSortChange: props.onSortChange,
+          onSortableChange: onSortableChange,
           reorderableColumns: props.reorderableColumns,
-          onSortChange: props.onSortChange
+          resizableColumns: props.resizableColumns,
+          showSelectAll: props.showSelectAll,
+          sortField: props.sortField,
+          sortIcon: props.sortIcon,
+          sortMode: props.sortMode,
+          sortOrder: props.sortOrder,
+          sortableDisabledFields: sortableDisabledFieldsState,
+          tabIndex: props.tabIndex,
+          tableProps: props.tableProps,
+          value: props.value
         });
       });
     };
@@ -3980,18 +3988,15 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       _React$useState18 = _slicedToArray(_React$useState17, 2),
       editingMetaState = _React$useState18[0],
       setEditingMetaState = _React$useState18[1];
-    var _React$useState19 = React__namespace.useState(null),
+    var _React$useState19 = React__namespace.useState(props.rows),
       _React$useState20 = _slicedToArray(_React$useState19, 2),
-      attributeSelectorState = _React$useState20[0],
-      setAttributeSelectorState = _React$useState20[1];
-    var _React$useState21 = React__namespace.useState(props.rows),
+      d_rowsState = _React$useState20[0],
+      setD_rowsState = _React$useState20[1];
+    var _React$useState21 = React__namespace.useState({}),
       _React$useState22 = _slicedToArray(_React$useState21, 2),
-      d_rowsState = _React$useState22[0],
-      setD_rowsState = _React$useState22[1];
-    var _React$useState23 = React__namespace.useState({}),
-      _React$useState24 = _slicedToArray(_React$useState23, 2),
-      d_filtersState = _React$useState24[0],
-      setD_filtersState = _React$useState24[1];
+      d_filtersState = _React$useState22[0],
+      setD_filtersState = _React$useState22[1];
+    var attributeSelector = React__namespace.useRef('');
     var elementRef = React__namespace.useRef(null);
     var tableRef = React__namespace.useRef(null);
     var wrapperRef = React__namespace.useRef(null);
@@ -4279,7 +4284,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
         if (utils.ObjectUtils.isNotEmpty(widths)) {
           createStyleElement();
           var innerHTML = '';
-          var selector = ".p-datatable[".concat(attributeSelectorState, "] > .p-datatable-wrapper ").concat(isVirtualScrollerDisabled() ? '' : '> .p-virtualscroller', " > .p-datatable-table");
+          var selector = ".p-datatable[".concat(attributeSelector.current, "] > .p-datatable-wrapper ").concat(isVirtualScrollerDisabled() ? '' : '> .p-virtualscroller', " > .p-datatable-table");
           widths.forEach(function (width, index) {
             var style = "width: ".concat(width, "px !important; max-width: ").concat(width, "px !important");
             innerHTML += "\n                        ".concat(selector, " > .p-datatable-thead > tr > th:nth-child(").concat(index + 1, "),\n                        ").concat(selector, " > .p-datatable-tbody > tr > td:nth-child(").concat(index + 1, "),\n                        ").concat(selector, " > .p-datatable-tfoot > tr > td:nth-child(").concat(index + 1, ") {\n                            ").concat(style, "\n                        }\n                    ");
@@ -4452,7 +4457,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       destroyStyleElement();
       createStyleElement();
       var innerHTML = '';
-      var selector = ".p-datatable[".concat(attributeSelectorState, "] > .p-datatable-wrapper ").concat(isVirtualScrollerDisabled() ? '' : '> .p-virtualscroller', " > .p-datatable-table");
+      var selector = ".p-datatable[".concat(attributeSelector.current, "] > .p-datatable-wrapper ").concat(isVirtualScrollerDisabled() ? '' : '> .p-virtualscroller', " > .p-datatable-table");
       widths.forEach(function (width, index) {
         var colWidth = index === colIndex ? newColumnWidth : nextColumnWidth && index === colIndex + 1 ? nextColumnWidth : width;
         var style = "width: ".concat(colWidth, "px !important; max-width: ").concat(colWidth, "px !important");
@@ -4620,8 +4625,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       if (!responsiveStyleElement.current) {
         responsiveStyleElement.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
         var tableSelector = ".p-datatable-wrapper ".concat(isVirtualScrollerDisabled() ? '' : '> .p-virtualscroller', " > .p-datatable-table");
-        var selector = ".p-datatable[".concat(attributeSelectorState, "] > ").concat(tableSelector);
-        var gridLinesSelector = ".p-datatable[".concat(attributeSelectorState, "].p-datatable-gridlines > ").concat(tableSelector);
+        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");
         responsiveStyleElement.current.innerHTML = innerHTML;
       }
@@ -5103,7 +5108,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       return data;
     };
     hooks.useMountEffect(function () {
-      !attributeSelectorState && setAttributeSelectorState(utils.UniqueComponentId());
+      attributeSelector.current = utils.UniqueComponentId();
 
       //setFiltersState(cloneFilters(props.filters)); // Github #4248
       setD_filtersState(cloneFilters(props.filters));
@@ -5115,16 +5120,14 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       }
     });
     hooks.useUpdateEffect(function () {
-      if (attributeSelectorState) {
-        elementRef.current.setAttribute(attributeSelectorState, '');
-        if (props.responsiveLayout === 'stack' && !props.scrollable) {
-          createResponsiveStyle();
-        }
+      elementRef.current.setAttribute(attributeSelector.current, '');
+      if (props.responsiveLayout === 'stack' && !props.scrollable) {
+        createResponsiveStyle();
       }
       return function () {
         destroyResponsiveStyle();
       };
-    }, [attributeSelectorState, props.breakpoint]);
+    }, [props.breakpoint]);
     hooks.useUpdateEffect(function () {
       var filters = cloneFilters(props.filters);
       setFiltersState(filters);
@@ -5276,75 +5279,78 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
         itemSize = options.itemSize;
       var frozenBody = utils.ObjectUtils.isNotEmpty(props.frozenValue) && /*#__PURE__*/React__namespace.createElement(TableBody, {
         ref: frozenBodyRef,
-        value: props.frozenValue,
+        cellClassName: props.cellClassName,
+        cellSelection: props.cellSelection,
+        checkIcon: props.checkIcon,
         className: "p-datatable-tbody p-datatable-frozen-tbody",
-        frozenRow: true,
-        tableProps: props,
-        tableSelector: attributeSelectorState,
+        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,
-        onRowMouseEnter: props.onRowMouseEnter,
-        onRowMouseLeave: props.onRowMouseLeave,
-        onCellClick: props.onCellClick,
-        selection: props.selection,
-        onSelectionChange: props.onSelectionChange,
+        editingRows: props.editingRows,
+        emptyMessage: props.emptyMessage,
+        expandableRowGroups: props.expandableRowGroups,
+        expandedRowIcon: props.expandedRowIcon,
+        expandedRows: props.expandedRows,
+        first: first,
+        frozenRow: true,
+        groupRowsBy: props.groupRowsBy,
+        isDataSelectable: props.isDataSelectable,
+        isVirtualScrollerDisabled: true,
         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,
         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,
-        virtualScrollerOptions: options,
-        isVirtualScrollerDisabled: true
+        showSelectionElement: props.showSelectionElement,
+        tabIndex: props.tabIndex,
+        tableProps: props,
+        tableSelector: attributeSelector.current,
+        value: props.frozenValue,
+        virtualScrollerOptions: options
       });
       var body = /*#__PURE__*/React__namespace.createElement(TableBody, {
         ref: bodyRef,
@@ -5354,7 +5360,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
         empty: empty,
         frozenRow: false,
         tableProps: props,
-        tableSelector: attributeSelectorState,
+        tableSelector: attributeSelector.current,
         columns: columns,
         selectionModeInColumn: selectionModeInColumn,
         first: first,