primevue 3.47.2 → 3.48.0

package/datatable/datatable.js

@@ -1124,6 +1124,9 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
     script$9.render = render$9;
 
     function _typeof$9(o) { "@babel/helpers - typeof"; return _typeof$9 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$9(o); }
+    function _createForOfIteratorHelper$2(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+    function _unsupportedIterableToArray$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen); }
+    function _arrayLikeToArray$2(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
     function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty$9(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     function _defineProperty$9(obj, key, value) { key = _toPropertyKey$9(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -1503,15 +1506,35 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
         },
         rowClasses: function rowClasses() {
           var rowStyleClass = [];
+          var columnSelectionMode = null;
           if (this.rowClass) {
             var rowClassValue = this.rowClass(this.rowData);
             if (rowClassValue) {
               rowStyleClass.push(rowClassValue);
             }
           }
+          if (this.columns) {
+            var _iterator = _createForOfIteratorHelper$2(this.columns),
+              _step;
+            try {
+              for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                var col = _step.value;
+                var _selectionMode = this.columnProp(col, 'selectionMode');
+                if (utils.ObjectUtils.isNotEmpty(_selectionMode) && _selectionMode === 'multiple') {
+                  columnSelectionMode = _selectionMode;
+                  break;
+                }
+              }
+            } catch (err) {
+              _iterator.e(err);
+            } finally {
+              _iterator.f();
+            }
+          }
           return [this.cx('row', {
             rowData: this.rowData,
-            index: this.rowIndex
+            index: this.rowIndex,
+            columnSelectionMode: columnSelectionMode
           }), rowStyleClass];
         },
         rowTabindex: function rowTabindex() {
@@ -1904,6 +1927,9 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
         }
       },
       methods: {
+        getRowKey: function getRowKey(rowData, rowIndex) {
+          return this.dataKey ? utils.ObjectUtils.resolveFieldData(rowData, this.dataKey) : rowIndex;
+        },
         updateFrozenRowStickyPosition: function updateFrozenRowStickyPosition() {
           this.$el.style.top = utils.DomHandler.getOuterHeight(this.$el.previousElementSibling) + 'px';
         },
@@ -1964,7 +1990,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
         key: 0
       }, vue.renderList($props.value, function (rowData, rowIndex) {
         return vue.openBlock(), vue.createBlock(_component_DTBodyRow, {
-          key: rowIndex,
+          key: $options.getRowKey(rowData, rowIndex),
           rowData: rowData,
           index: rowIndex,
           value: $props.value,
@@ -2485,11 +2511,17 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
       },
       data: function data() {
         return {
+          id: this.$attrs.id,
           overlayVisible: false,
           defaultMatchMode: null,
           defaultOperator: null
         };
       },
+      watch: {
+        '$attrs.id': function $attrsId(newValue) {
+          this.id = newValue || utils.UniqueComponentId();
+        }
+      },
       overlay: null,
       selfClick: false,
       overlayEventListener: null,
@@ -2504,6 +2536,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
         }
       },
       mounted: function mounted() {
+        this.id = this.id || utils.UniqueComponentId();
         if (this.filters && this.filters[this.field]) {
           var fieldFilters = this.filters[this.field];
           if (fieldFilters.operator) {
@@ -2819,7 +2852,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
           return this.showMenu && (this.display === 'row' ? this.type !== 'boolean' : true);
         },
         overlayId: function overlayId() {
-          return utils.UniqueComponentId();
+          return this.id + '_overlay';
         },
         matchModes: function matchModes() {
           var _this5 = this;
@@ -3033,8 +3066,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
                   return $options.onOperatorChange($event);
                 }),
                 unstyled: _ctx.unstyled,
-                pt: $options.getColumnPT('filterOperatorDropdown'),
-                "data-pc-section": "filteroperatordropdown"
+                pt: $options.getColumnPT('filterOperatorDropdown')
               }, null, 8, ["options", "modelValue", "aria-label", "class", "unstyled", "pt"])], 16)) : vue.createCommentVNode("", true), vue.createElementVNode("div", vue.mergeProps({
                 "class": _ctx.cx('filterConstraints')
               }, $options.getColumnPT('filterConstraints')), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.fieldConstraints, function (fieldConstraint, i) {
@@ -3053,8 +3085,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
                     return $options.onMenuMatchModeChange($event, i);
                   },
                   unstyled: _ctx.unstyled,
-                  pt: $options.getColumnPT('filterMatchModeDropdown'),
-                  "data-pc-section": "filtermatchmodedropdown"
+                  pt: $options.getColumnPT('filterMatchModeDropdown')
                 }, null, 8, ["options", "modelValue", "class", "aria-label", "onUpdate:modelValue", "unstyled", "pt"])) : vue.createCommentVNode("", true), $props.display === 'menu' ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.filterElement), {
                   key: 1,
                   field: $props.field,
@@ -3073,8 +3104,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
                   text: "",
                   severity: "danger",
                   size: "small",
-                  pt: $options.getColumnPT('filterRemoveButton'),
-                  "data-pc-section": "filterremovebutton"
+                  pt: $options.getColumnPT('filterRemoveButton')
                 }, {
                   icon: vue.withCtx(function (iconProps) {
                     return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.filterRemoveIconTemplate || 'TrashIcon'), vue.mergeProps({
@@ -3098,8 +3128,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
                 text: "",
                 severity: "info",
                 size: "small",
-                pt: $options.getColumnPT('filterAddRuleButton'),
-                "data-pc-section": "filteraddrulebutton"
+                pt: $options.getColumnPT('filterAddRuleButton')
               }, {
                 icon: vue.withCtx(function (iconProps) {
                   return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.filterAddIconTemplate || 'PlusIcon'), vue.mergeProps({
@@ -3118,8 +3147,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
                 unstyled: _ctx.unstyled,
                 size: "small",
                 outlined: "",
-                pt: $options.getColumnPT('filterClearButton'),
-                "data-pc-section": "filterclearbutton"
+                pt: $options.getColumnPT('filterClearButton')
               }, null, 8, ["class", "label", "onClick", "unstyled", "pt"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.filterClearTemplate), {
                 key: 1,
                 field: $props.field,
@@ -3137,8 +3165,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
                 }),
                 unstyled: _ctx.unstyled,
                 size: "small",
-                pt: $options.getColumnPT('filterApplyButton'),
-                "data-pc-section": "filterapplybutton"
+                pt: $options.getColumnPT('filterApplyButton')
               }, null, 8, ["class", "label", "unstyled", "pt"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.filterApplyTemplate), {
                 key: 1,
                 field: $props.field,
@@ -3574,9 +3601,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
         sorted: $options.sortState.sorted,
         sortOrder: $options.sortState.sortOrder,
         "class": _ctx.cx('sortIcon')
-      }, $options.getColumnPT('sorticon'), {
-        "data-pc-section": "sorticon"
-      }), null, 16, ["sorted", "sortOrder", "class"]))], 16)) : vue.createCommentVNode("", true), $options.isMultiSorted() ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+      }, $options.getColumnPT('sorticon')), null, 16, ["sorted", "sortOrder", "class"]))], 16)) : vue.createCommentVNode("", true), $options.isMultiSorted() ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         key: 3,
         "class": _ctx.cx('sortBadge')
       }, $options.getColumnPT('sortBadge')), vue.toDisplayString($options.getBadgeValue()), 17)) : vue.createCommentVNode("", true), $options.columnProp('selectionMode') === 'multiple' && $props.filterDisplay !== 'row' ? (vue.openBlock(), vue.createBlock(_component_DTHeaderCheckbox, {
@@ -5003,7 +5028,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
           }
           this.$refs.resizeHelper.style.display = 'none';
           this.resizeColumn = null;
-          this.$el.setAttribute('data-p-unselectable-text', 'true');
+          this.$el.removeAttribute('data-p-unselectable-text');
           !this.isUnstyled && utils.DomHandler.removeClass(this.$el, 'p-unselectable-text');
           this.unbindColumnResizeEvents();
           if (this.isStateful()) {
@@ -5735,9 +5760,7 @@ this.primevue.datatable = (function (api, ArrowDownIcon, ArrowUpIcon, SpinnerIco
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         "class": _ctx.cx('root'),
         "data-scrollselectors": ".p-datatable-wrapper"
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "datatable"
-      }), [vue.renderSlot(_ctx.$slots, "default"), _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, _ctx.ptm('root')), [vue.renderSlot(_ctx.$slots, "default"), _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 0,
         "class": _ctx.cx('loadingOverlay')
       }, _ctx.ptm('loadingOverlay')), [_ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", {