primevue 4.5.3 → 4.5.5

package/datatable/BodyRow.vue

@@ -283,6 +283,9 @@ export default {
             handler(newValue) {
                 this.d_rowExpanded = this.dataKey ? newValue?.[resolveFieldData(this.rowData, this.dataKey)] !== undefined : newValue?.some((d) => this.equals(this.rowData, d));
             }
+        },
+        rowData(newValue) {
+            this.d_rowExpanded = this.dataKey ? this.expandedRows?.[resolveFieldData(newValue, this.dataKey)] !== undefined : this.expandedRows?.some((d) => this.equals(newValue, d));
         }
     },
     methods: {
@@ -507,7 +510,7 @@ export default {
             return [this.cx('row', { rowData: this.rowData, index: this.rowIndex, columnSelectionMode }), rowStyleClass];
         },
         rowTabindex() {
-            if (this.selection === null && (this.selectionMode === 'single' || this.selectionMode === 'multiple')) {
+            if ((this.selection === null || (Array.isArray(this.selection) && this.selection.length === 0)) && (this.selectionMode === 'single' || this.selectionMode === 'multiple')) {
                 return this.rowIndex === 0 ? 0 : -1;
             }
 

package/datatable/ColumnFilter.vue

@@ -520,6 +520,8 @@ export default {
                 originalEvent: event,
                 target: this.overlay
             });
+
+            this.selfClick = false;
         },
         onContentMouseDown() {
             this.selfClick = true;

package/datatable/DataTable.vue

@@ -399,7 +399,8 @@ export default {
         'update:editingRows',
         'row-edit-init',
         'row-edit-save',
-        'row-edit-cancel'
+        'row-edit-cancel',
+        'update:totalRecords'
     ],
     provide() {
         return {
@@ -483,6 +484,9 @@ export default {
             handler: function (newValue) {
                 this.d_filters = this.cloneFilters(newValue);
             }
+        },
+        totalRecordsLength(newValue) {
+            this.$emit('update:totalRecords', newValue);
         }
     },
     mounted() {
@@ -1760,10 +1764,14 @@ export default {
             }
 
             if (Object.keys(state).length) {
-                storage.setItem(this.stateKey, JSON.stringify(state));
-            }
+                const serializedState = JSON.stringify(state);
 
-            this.$emit('state-save', state);
+                if (serializedState !== this._lastSavedState) {
+                    storage.setItem(this.stateKey, serializedState);
+                    this._lastSavedState = serializedState;
+                    this.$emit('state-save', state);
+                }
+            }
         },
         restoreState() {
             const storage = this.getStorage();

package/datatable/index.mjs

@@ -12,7 +12,7 @@ import BaseComponent from '@primevue/core/basecomponent';
 import DataTableStyle from 'primevue/datatable/style';
 import ChevronDownIcon from '@primevue/icons/chevrondown';
 import ChevronRightIcon from '@primevue/icons/chevronright';
-import { mergeProps, resolveComponent, createBlock, openBlock, withCtx, createCommentVNode, resolveDynamicComponent, normalizeClass, resolveDirective, createElementBlock, withDirectives, Fragment, withModifiers, createTextVNode, toDisplayString, createElementVNode, renderList, createVNode, Transition, withKeys, normalizeProps, renderSlot, createSlots } from 'vue';
+import { mergeProps, resolveComponent, openBlock, createBlock, withCtx, resolveDynamicComponent, normalizeClass, createCommentVNode, resolveDirective, createElementBlock, Fragment, withDirectives, withModifiers, createTextVNode, toDisplayString, createElementVNode, renderList, createVNode, Transition, withKeys, normalizeProps, renderSlot, createSlots } from 'vue';
 import BarsIcon from '@primevue/icons/bars';
 import CheckIcon from '@primevue/icons/check';
 import PencilIcon from '@primevue/icons/pencil';
@@ -541,6 +541,11 @@ var script$a = {
   hostName: 'DataTable',
   "extends": BaseComponent,
   emits: ['cell-edit-init', 'cell-edit-complete', 'cell-edit-cancel', 'row-edit-init', 'row-edit-save', 'row-edit-cancel', 'row-toggle', 'radio-change', 'checkbox-change', 'editing-meta-change'],
+  inject: {
+    $pcDataTable: {
+      "default": undefined
+    }
+  },
   props: {
     rowData: {
       type: Object,
@@ -709,7 +714,7 @@ var script$a = {
       var _this2 = this;
       if (!this.documentEditListener) {
         this.documentEditListener = function (event) {
-          _this2.selfClick = _this2.$el && _this2.$el.contains(event.target);
+          _this2.selfClick = _this2.$el && (_this2.$el.contains(event.target) || event.target.closest('[data-pc-section="overlay"]') || event.target.closest('[data-pc-section="panel"]'));
           if (_this2.editCompleteTimeout) {
             clearTimeout(_this2.editCompleteTimeout);
           }
@@ -996,7 +1001,8 @@ var script$a = {
       return this.columnProp('frozen') ? [columnStyle, bodyStyle, this.styleObject] : [columnStyle, bodyStyle];
     },
     loading: function loading() {
-      return this.getVirtualScrollerProp('loading');
+      var _this$column$children, _this$$pcDataTable;
+      return ((_this$column$children = this.column.children) === null || _this$column$children === void 0 ? void 0 : _this$column$children.loading) && (this.getVirtualScrollerProp('loading') || ((_this$$pcDataTable = this.$pcDataTable) === null || _this$$pcDataTable === void 0 ? void 0 : _this$$pcDataTable.loading));
     },
     loadingOptions: function loadingOptions() {
       var getLoaderOptions = this.getVirtualScrollerProp('getLoaderOptions');
@@ -1411,6 +1417,14 @@ var script$9 = {
           return _this.equals(_this.rowData, d);
         });
       }
+    },
+    rowData: function rowData(newValue) {
+      var _this$expandedRows,
+        _this$expandedRows2,
+        _this2 = this;
+      this.d_rowExpanded = this.dataKey ? ((_this$expandedRows = this.expandedRows) === null || _this$expandedRows === void 0 ? void 0 : _this$expandedRows[resolveFieldData(newValue, this.dataKey)]) !== undefined : (_this$expandedRows2 = this.expandedRows) === null || _this$expandedRows2 === void 0 ? void 0 : _this$expandedRows2.some(function (d) {
+        return _this2.equals(newValue, d);
+      });
     }
   },
   methods: {
@@ -1657,7 +1671,7 @@ var script$9 = {
       }), rowStyleClass];
     },
     rowTabindex: function rowTabindex() {
-      if (this.selection === null && (this.selectionMode === 'single' || this.selectionMode === 'multiple')) {
+      if ((this.selection === null || Array.isArray(this.selection) && this.selection.length === 0) && (this.selectionMode === 'single' || this.selectionMode === 'multiple')) {
         return this.rowIndex === 0 ? 0 : -1;
       }
       return -1;
@@ -1716,11 +1730,11 @@ var script$9 = {
       }
     },
     columnsLength: function columnsLength() {
-      var _this2 = this;
+      var _this3 = this;
       if (this.columns) {
         var hiddenColLength = 0;
         this.columns.forEach(function (column) {
-          if (_this2.columnProp(column, 'hidden')) hiddenColLength++;
+          if (_this3.columnProp(column, 'hidden')) hiddenColLength++;
         });
         return this.columns.length - hiddenColLength;
       }
@@ -2872,6 +2886,7 @@ var script$5 = {
         originalEvent: event,
         target: this.overlay
       });
+      this.selfClick = false;
     },
     onContentMouseDown: function onContentMouseDown() {
       this.selfClick = true;
@@ -4448,7 +4463,7 @@ var script = {
   name: 'DataTable',
   "extends": script$d,
   inheritAttrs: false,
-  emits: ['value-change', 'update:first', 'update:rows', 'page', 'update:sortField', 'update:sortOrder', 'update:multiSortMeta', 'sort', 'filter', 'row-click', 'row-dblclick', 'update:selection', 'row-select', 'row-unselect', 'update:contextMenuSelection', 'row-contextmenu', 'row-unselect-all', 'row-select-all', 'select-all-change', 'column-resize-end', 'column-reorder', 'row-reorder', 'update:expandedRows', 'row-collapse', 'row-expand', 'update:expandedRowGroups', 'rowgroup-collapse', 'rowgroup-expand', 'update:filters', 'state-restore', 'state-save', 'cell-edit-init', 'cell-edit-complete', 'cell-edit-cancel', 'update:editingRows', 'row-edit-init', 'row-edit-save', 'row-edit-cancel'],
+  emits: ['value-change', 'update:first', 'update:rows', 'page', 'update:sortField', 'update:sortOrder', 'update:multiSortMeta', 'sort', 'filter', 'row-click', 'row-dblclick', 'update:selection', 'row-select', 'row-unselect', 'update:contextMenuSelection', 'row-contextmenu', 'row-unselect-all', 'row-select-all', 'select-all-change', 'column-resize-end', 'column-reorder', 'row-reorder', 'update:expandedRows', 'row-collapse', 'row-expand', 'update:expandedRowGroups', 'rowgroup-collapse', 'rowgroup-expand', 'update:filters', 'state-restore', 'state-save', 'cell-edit-init', 'cell-edit-complete', 'cell-edit-cancel', 'update:editingRows', 'row-edit-init', 'row-edit-save', 'row-edit-cancel', 'update:totalRecords'],
   provide: function provide() {
     return {
       $columns: this.d_columns,
@@ -4535,6 +4550,9 @@ var script = {
       handler: function handler(newValue) {
         this.d_filters = this.cloneFilters(newValue);
       }
+    },
+    totalRecordsLength: function totalRecordsLength(newValue) {
+      this.$emit('update:totalRecords', newValue);
     }
   },
   mounted: function mounted() {
@@ -5737,9 +5755,13 @@ var script = {
         state.selectionKeys = this.d_selectionKeys;
       }
       if (Object.keys(state).length) {
-        storage.setItem(this.stateKey, JSON.stringify(state));
+        var serializedState = JSON.stringify(state);
+        if (serializedState !== this._lastSavedState) {
+          storage.setItem(this.stateKey, serializedState);
+          this._lastSavedState = serializedState;
+          this.$emit('state-save', state);
+        }
       }
-      this.$emit('state-save', state);
     },
     restoreState: function restoreState() {
       var storage = this.getStorage();