primereact 9.4.0 → 9.5.0

package/datatable/datatable.esm.js

@@ -1530,45 +1530,48 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
         var rowSpan = props.rowGroupMode === 'rowspan' ? calculateRowGroupSize(props.value, col, props.index) : null;
         return /*#__PURE__*/React.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
         });
       }
@@ -2451,67 +2454,70 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       var _allowCellSelection = allowCellSelection();
       var editing = isRowEditing(rowData);
       return /*#__PURE__*/React.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
       });
     }
@@ -3826,41 +3832,43 @@ var TableHeader = /*#__PURE__*/React.memo(function (props) {
       var isVisible = col ? !getColumnProp(col, 'hidden') : true;
       var key = col ? getColumnProp(col, 'columnKey') || getColumnProp(col, 'field') || i : i;
       return isVisible && /*#__PURE__*/React.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
       });
     });
   };
@@ -3984,18 +3992,15 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     _React$useState18 = _slicedToArray(_React$useState17, 2),
     editingMetaState = _React$useState18[0],
     setEditingMetaState = _React$useState18[1];
-  var _React$useState19 = React.useState(null),
+  var _React$useState19 = React.useState(props.rows),
     _React$useState20 = _slicedToArray(_React$useState19, 2),
-    attributeSelectorState = _React$useState20[0],
-    setAttributeSelectorState = _React$useState20[1];
-  var _React$useState21 = React.useState(props.rows),
+    d_rowsState = _React$useState20[0],
+    setD_rowsState = _React$useState20[1];
+  var _React$useState21 = React.useState({}),
     _React$useState22 = _slicedToArray(_React$useState21, 2),
-    d_rowsState = _React$useState22[0],
-    setD_rowsState = _React$useState22[1];
-  var _React$useState23 = React.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.useRef('');
   var elementRef = React.useRef(null);
   var tableRef = React.useRef(null);
   var wrapperRef = React.useRef(null);
@@ -4283,7 +4288,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       if (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                    ");
@@ -4456,7 +4461,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     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");
@@ -4624,8 +4629,8 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     if (!responsiveStyleElement.current) {
       responsiveStyleElement.current = DomHandler.createInlineStyle(PrimeReact.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;
     }
@@ -5107,7 +5112,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     return data;
   };
   useMountEffect(function () {
-    !attributeSelectorState && setAttributeSelectorState(UniqueComponentId());
+    attributeSelector.current = UniqueComponentId();
 
     //setFiltersState(cloneFilters(props.filters)); // Github #4248
     setD_filtersState(cloneFilters(props.filters));
@@ -5119,16 +5124,14 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     }
   });
   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]);
   useUpdateEffect(function () {
     var filters = cloneFilters(props.filters);
     setFiltersState(filters);
@@ -5280,75 +5283,78 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       itemSize = options.itemSize;
     var frozenBody = ObjectUtils.isNotEmpty(props.frozenValue) && /*#__PURE__*/React.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.createElement(TableBody, {
       ref: bodyRef,
@@ -5358,7 +5364,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       empty: empty,
       frozenRow: false,
       tableProps: props,
-      tableSelector: attributeSelectorState,
+      tableSelector: attributeSelector.current,
       columns: columns,
       selectionModeInColumn: selectionModeInColumn,
       first: first,