primevue 4.3.5 → 4.3.7

package/datatable/ColumnFilter.vue

@@ -20,17 +20,6 @@
                 <component :is="filterIconTemplate || (hasFilter() ? 'FilterFillIcon' : 'FilterIcon')" :class="slotProps.class" v-bind="getColumnPT('filterMenuIcon')" />
             </template>
         </Button>
-        <Button
-            v-if="showClearButton && display === 'row' && hasRowFilter()"
-            :class="cx('pcColumnFilterClearButton')"
-            :unstyled="unstyled"
-            @click="clearFilter()"
-            v-bind="{ ...getColumnPT('pcColumnFilterClearButton', ptmHeaderFilterClearParams), ...filterButtonProps.inline.clear }"
-        >
-            <template #icon="slotProps">
-                <component :is="filterClearIconTemplate || 'FilterSlashIcon'" :class="slotProps.class" v-bind="getColumnPT('filterClearIcon')" />
-            </template>
-        </Button>
         <Portal>
             <transition name="p-connected-overlay" @enter="onOverlayEnter" @after-enter="onOverlayAfterEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave" v-bind="getColumnPT('transition')">
                 <div
@@ -135,7 +124,7 @@
                                 type="button"
                                 :class="cx('pcFilterClearButton')"
                                 :label="clearButtonLabel"
-                                @click="clearFilter"
+                                @click="clearFilter()"
                                 :unstyled="unstyled"
                                 v-bind="filterButtonProps.popover.clear"
                                 :pt="getColumnPT('pcFilterClearButton')"
@@ -213,7 +202,7 @@ export default {
         },
         showClearButton: {
             type: Boolean,
-            default: false
+            default: true
         },
         showApplyButton: {
             type: Boolean,

package/datatable/DataTable.vue

@@ -1028,7 +1028,7 @@ export default {
                     focusedItem && focusedItem !== firstSelectedRow && (focusedItem.tabIndex = '-1');
                 } else {
                     rows[0].tabIndex = '0';
-                    focusedItem !== rows[0] && (rows[rowIndex].tabIndex = '-1');
+                    focusedItem !== rows[0] && rows[rowIndex] && (rows[rowIndex].tabIndex = '-1');
                 }
             }
         },

package/datatable/TableHeader.vue

@@ -71,6 +71,8 @@
                         :filters="filters"
                         :filterDisplay="filterDisplay"
                         :filtersStore="filtersStore"
+                        :filterInputProps="filterInputProps"
+                        :filterButtonProps="filterButtonProps"
                         @filter-change="$emit('filter-change', $event)"
                         @filter-apply="$emit('filter-apply')"
                         @operator-change="$emit('operator-change', $event)"

package/datatable/index.d.ts

@@ -317,7 +317,7 @@ export interface DataTableRowClickEvent<T = any> {
 
 /**
  * Custom row double click event.
- * @see {@link DataTableEmitsOptions['row-dblclick']]}
+ * @see {@link DataTableEmitsOptions['row-dblclick']}
  * @extends DataTableRowClickEvent
  */
 export interface DataTableRowDoubleClickEvent extends DataTableRowClickEvent {}
@@ -884,7 +884,7 @@ export interface DataTableProps<T = any> {
     /**
      * An array of objects to display.
      */
-    value?: T[] | undefined | null;
+    value?: readonly T[] | undefined | null;
     /**
      * Name of the field that uniquely identifies the a record in the data.
      */
@@ -1103,7 +1103,7 @@ export interface DataTableProps<T = any> {
     /**
      * One or more field names to use in row grouping.
      */
-    groupRowsBy?: ((field: NoInfer<T>) => object) | keyof T[] | keyof T | undefined;
+    groupRowsBy?: ((field: NoInfer<T>) => object) | (keyof T)[] | keyof T | undefined;
     /**
      * Whether the row groups can be expandable.
      * @defaultValue false

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, createTextVNode, toDisplayString, createElementVNode, withModifiers, renderList, createVNode, Transition, withKeys, normalizeProps, renderSlot, createSlots } from 'vue';
+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 BarsIcon from '@primevue/icons/bars';
 import CheckIcon from '@primevue/icons/check';
 import PencilIcon from '@primevue/icons/pencil';
@@ -532,8 +532,8 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
 
 script$b.render = render$b;
 
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (c = i[4] || 3, u = i[5] === e ? i[3] : i[5], i[4] = 3, i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 var script$a = {
@@ -1011,7 +1011,7 @@ var script$a = {
       });
     },
     expandButtonAriaLabel: function expandButtonAriaLabel() {
-      return this.$primevue.config.locale.aria ? this.isRowExpanded ? this.$primevue.config.locale.aria.expandRow : this.$primevue.config.locale.aria.collapseRow : undefined;
+      return this.$primevue.config.locale.aria ? this.isRowExpanded ? this.$primevue.config.locale.aria.collapseRow : this.$primevue.config.locale.aria.expandRow : undefined;
     },
     initButtonAriaLabel: function initButtonAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.editRow : undefined;
@@ -1155,9 +1155,9 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-expanded": $props.isRowExpanded,
     "aria-controls": $props.ariaControls,
     "aria-label": $options.expandButtonAriaLabel,
-    onClick: _cache[2] || (_cache[2] = function () {
+    onClick: _cache[2] || (_cache[2] = withModifiers(function () {
       return $options.toggleRow && $options.toggleRow.apply($options, arguments);
-    }),
+    }, ["stop"])),
     "data-p-selected": "selected"
   }, $options.getColumnPT('rowToggleButton'), {
     "data-pc-group-section": "rowactionbutton"
@@ -2563,7 +2563,7 @@ var script$5 = {
     },
     showClearButton: {
       type: Boolean,
-      "default": false
+      "default": true
     },
     showApplyButton: {
       type: Boolean,
@@ -3119,21 +3119,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
       }, $options.getColumnPT('filterMenuIcon')), null, 16, ["class"]))];
     }),
     _: 1
-  }, 16, ["aria-label", "aria-expanded", "aria-controls", "class", "unstyled"])) : createCommentVNode("", true), $props.showClearButton && $props.display === 'row' && $options.hasRowFilter() ? (openBlock(), createBlock(_component_Button, mergeProps({
-    key: 2,
-    "class": _ctx.cx('pcColumnFilterClearButton'),
-    unstyled: _ctx.unstyled,
-    onClick: _cache[2] || (_cache[2] = function ($event) {
-      return $options.clearFilter();
-    })
-  }, _objectSpread$5(_objectSpread$5({}, $options.getColumnPT('pcColumnFilterClearButton', $options.ptmHeaderFilterClearParams)), $props.filterButtonProps.inline.clear)), {
-    icon: withCtx(function (slotProps) {
-      return [(openBlock(), createBlock(resolveDynamicComponent($props.filterClearIconTemplate || 'FilterSlashIcon'), mergeProps({
-        "class": slotProps["class"]
-      }, $options.getColumnPT('filterClearIcon')), null, 16, ["class"]))];
-    }),
-    _: 1
-  }, 16, ["class", "unstyled"])) : createCommentVNode("", true), createVNode(_component_Portal, null, {
+  }, 16, ["aria-label", "aria-expanded", "aria-controls", "class", "unstyled"])) : createCommentVNode("", true), createVNode(_component_Portal, null, {
     "default": withCtx(function () {
       return [createVNode(Transition, mergeProps({
         name: "p-connected-overlay",
@@ -3175,7 +3161,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: function onClick($event) {
                 return $options.onRowMatchModeChange(matchMode.value);
               },
-              onKeydown: [_cache[3] || (_cache[3] = function ($event) {
+              onKeydown: [_cache[2] || (_cache[2] = function ($event) {
                 return $options.onRowMatchModeKeyDown($event);
               }), withKeys(withModifiers(function ($event) {
                 return $options.onRowMatchModeChange(matchMode.value);
@@ -3188,12 +3174,12 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
             "class": _ctx.cx('filterConstraintSeparator')
           }, $options.getColumnPT('filterConstraintSeparator')), null, 16), createElementVNode("li", mergeProps({
             "class": _ctx.cx('filterConstraint'),
-            onClick: _cache[4] || (_cache[4] = function ($event) {
+            onClick: _cache[3] || (_cache[3] = function ($event) {
               return $options.clearFilter();
             }),
-            onKeydown: [_cache[5] || (_cache[5] = function ($event) {
+            onKeydown: [_cache[4] || (_cache[4] = function ($event) {
               return $options.onRowMatchModeKeyDown($event);
-            }), _cache[6] || (_cache[6] = withKeys(function ($event) {
+            }), _cache[5] || (_cache[5] = withKeys(function ($event) {
               return _ctx.onRowClearItemClick();
             }, ["enter"]))]
           }, $options.getColumnPT('filterConstraint')), toDisplayString($options.noFilterLabel), 17)], 16)) : (openBlock(), createElementBlock(Fragment, {
@@ -3208,7 +3194,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
             "class": normalizeClass(_ctx.cx('pcFilterOperatorDropdown')),
             optionLabel: "label",
             optionValue: "value",
-            "onUpdate:modelValue": _cache[7] || (_cache[7] = function ($event) {
+            "onUpdate:modelValue": _cache[6] || (_cache[6] = function ($event) {
               return $options.onOperatorChange($event);
             }),
             unstyled: _ctx.unstyled,
@@ -3272,7 +3258,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
             label: $options.addRuleButtonLabel,
             iconPos: "left",
             "class": _ctx.cx('pcFilterAddRuleButton'),
-            onClick: _cache[8] || (_cache[8] = function ($event) {
+            onClick: _cache[7] || (_cache[7] = function ($event) {
               return $options.addConstraint();
             }),
             unstyled: _ctx.unstyled
@@ -3292,11 +3278,13 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
             type: "button",
             "class": _ctx.cx('pcFilterClearButton'),
             label: $options.clearButtonLabel,
-            onClick: $options.clearFilter,
+            onClick: _cache[8] || (_cache[8] = function ($event) {
+              return $options.clearFilter();
+            }),
             unstyled: _ctx.unstyled
           }, $props.filterButtonProps.popover.clear, {
             pt: $options.getColumnPT('pcFilterClearButton')
-          }), null, 16, ["class", "label", "onClick", "unstyled", "pt"])) : (openBlock(), createBlock(resolveDynamicComponent($props.filterClearTemplate), {
+          }), null, 16, ["class", "label", "unstyled", "pt"])) : (openBlock(), createBlock(resolveDynamicComponent($props.filterClearTemplate), {
             key: 1,
             field: $props.field,
             filterModel: $props.filters[$props.field],
@@ -4350,6 +4338,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
         filters: $props.filters,
         filterDisplay: $props.filterDisplay,
         filtersStore: $props.filtersStore,
+        filterInputProps: $props.filterInputProps,
+        filterButtonProps: $props.filterButtonProps,
         onFilterChange: _cache[18] || (_cache[18] = function ($event) {
           return _ctx.$emit('filter-change', $event);
         }),
@@ -4373,7 +4363,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
         }),
         unstyled: _ctx.unstyled,
         pt: _ctx.pt
-      }, null, 8, ["column", "groupRowsBy", "groupRowSortField", "sortMode", "sortField", "sortOrder", "multiSortMeta", "allRowsSelected", "empty", "filters", "filterDisplay", "filtersStore", "unstyled", "pt"])) : createCommentVNode("", true)], 64);
+      }, null, 8, ["column", "groupRowsBy", "groupRowSortField", "sortMode", "sortField", "sortOrder", "multiSortMeta", "allRowsSelected", "empty", "filters", "filterDisplay", "filtersStore", "filterInputProps", "filterButtonProps", "unstyled", "pt"])) : createCommentVNode("", true)], 64);
     }), 128))], 16);
   }), 128)), $props.filterDisplay === 'row' ? (openBlock(), createElementBlock("tr", mergeProps({
     key: 2,
@@ -5053,7 +5043,7 @@ var script = {
           focusedItem && focusedItem !== firstSelectedRow && (focusedItem.tabIndex = '-1');
         } else {
           rows[0].tabIndex = '0';
-          focusedItem !== rows[0] && (rows[rowIndex].tabIndex = '-1');
+          focusedItem !== rows[0] && rows[rowIndex] && (rows[rowIndex].tabIndex = '-1');
         }
       }
     },