primevue 4.0.5 → 4.0.7

package/column/index.d.ts

@@ -642,7 +642,7 @@ export interface ColumnContext {
  */
 export interface ColumnSlots {
     /**
-     * Custom body template.
+     * Custom body template for DataTable.
      * @param {Object} scope - body slot's params.
      */
     body(scope: {
@@ -681,6 +681,46 @@ export interface ColumnSlots {
          */
         rowTogglerCallback: (event: Event) => void;
     }): VNode[];
+    /**
+     * Custom body template for TreeTable.
+     * @param {Object} scope - body slot's params.
+     */
+    node(scope: {
+        /**
+         * Row data.
+         */
+        data: any;
+        /**
+         * Row node data.
+         */
+        node: any;
+        /**
+         * Column node.
+         */
+        column: ColumnNode;
+        /**
+         * Column field.
+         */
+        field: string;
+        /**
+         * Row index.
+         */
+        index: number;
+        /**
+         * Whether the row is frozen.
+         */
+        frozenRow: boolean;
+        /**
+         * Editor init callback function
+         * @param {Event} event - Browser event
+         */
+        editorInitCallback: (event: Event) => void;
+        /**
+         * Row toggler callback unction
+         * @param {Event} event - Browser event
+         */
+        rowTogglerCallback: (event: Event) => void;
+    }): VNode[];
     /**
      * Custom header template.
      * @param {Object} scope - header slot's params.

package/confirmationservice/index.d.ts

@@ -27,13 +27,7 @@ export interface ConfirmationServiceMethods {
     close(): void;
 }
 
-declare module 'vue/types/vue' {
-    interface Vue {
-        $confirm: ConfirmationServiceMethods;
-    }
-}
-
-declare module '@vue/runtime-core' {
+declare module 'vue' {
     interface ComponentCustomProperties {
         $confirm: ConfirmationServiceMethods;
     }

package/datatable/DataTable.vue

@@ -280,29 +280,29 @@
 </template>
 
 <script>
-import { FilterMatchMode, FilterOperator, FilterService } from '@primevue/core/api';
-import { HelperSet, UniqueComponentId, getVNodeProp } from '@primevue/core/utils';
 import {
-    getAttribute,
+    addClass,
+    addStyle,
     clearSelection,
-    findSingle,
-    isClickable,
+    exportCSV,
     find,
+    findSingle,
     focus,
-    exportCSV,
-    getOffset,
-    addStyle,
+    getAttribute,
+    getHiddenElementOuterHeight,
+    getHiddenElementOuterWidth,
     getIndex,
+    getOffset,
+    getOuterHeight,
     getOuterWidth,
-    getHiddenElementOuterWidth,
-    getHiddenElementOuterHeight,
     getWindowScrollTop,
-    getOuterHeight,
+    isClickable,
     removeClass,
-    addClass,
     setAttribute
 } from '@primeuix/utils/dom';
-import { resolveFieldData, localeComparator, sort, findIndexInList, equals, reorderArray, isNotEmpty, isEmpty } from '@primeuix/utils/object';
+import { equals, findIndexInList, isEmpty, isNotEmpty, localeComparator, reorderArray, resolveFieldData, sort } from '@primeuix/utils/object';
+import { FilterMatchMode, FilterOperator, FilterService } from '@primevue/core/api';
+import { HelperSet, UniqueComponentId, getVNodeProp } from '@primevue/core/utils';
 import ArrowDownIcon from '@primevue/icons/arrowdown';
 import ArrowUpIcon from '@primevue/icons/arrowup';
 import SpinnerIcon from '@primevue/icons/spinner';
@@ -736,7 +736,7 @@ export default {
             const body = this.$refs.bodyRef && this.$refs.bodyRef.$el;
             const focusedItem = findSingle(body, 'tr[data-p-selectable-row="true"][tabindex="0"]');
 
-            if (isClickable(event.target)) {
+            if (isClickable(event.currentTarget)) {
                 return;
             }
 
@@ -813,9 +813,9 @@ export default {
             this.rowTouched = false;
 
             if (focusedItem) {
-                if (event.target?.getAttribute('data-pc-section') === 'rowtoggleicon' || event.target?.parentElement?.getAttribute('data-pc-section') === 'rowtoggleicon') return;
+                if (event.currentTarget?.getAttribute('data-pc-section') === 'rowtoggleicon') return;
 
-                const targetRow = event.target?.closest('tr[data-p-selectable-row="true"]');
+                const targetRow = event.currentTarget?.closest('tr[data-p-selectable-row="true"]');
 
                 focusedItem.tabIndex = '-1';
                 targetRow.tabIndex = '0';

package/datatable/index.d.ts

@@ -621,7 +621,7 @@ export interface DataTableStateEvent {
     /**
      * Comma separated list of column widths
      */
-    columWidths: string[];
+    columnWidths: string[];
     /**
      * Order of the columns
      */

package/datatable/index.mjs

@@ -1,7 +1,7 @@
-import { FilterOperator, FilterService, FilterMatchMode } from '@primevue/core/api';
-import { getVNodeProp, UniqueComponentId, HelperSet, ConnectedOverlayScrollHandler } from '@primevue/core/utils';
 import { getFirstFocusableElement, invokeElementMethod, getAttribute, getNextElementSibling, getOuterWidth, getPreviousElementSibling, getOuterHeight, focus, addStyle, absolutePosition, isTouchDevice, getIndex, isClickable, clearSelection, findSingle, find, exportCSV, getOffset, getHiddenElementOuterWidth, getHiddenElementOuterHeight, getWindowScrollTop, removeClass, addClass, setAttribute } from '@primeuix/utils/dom';
 import { resolveFieldData, equals, isNotEmpty, localeComparator, sort, findIndexInList, reorderArray, isEmpty } from '@primeuix/utils/object';
+import { FilterOperator, FilterService, FilterMatchMode } from '@primevue/core/api';
+import { getVNodeProp, UniqueComponentId, HelperSet, ConnectedOverlayScrollHandler } from '@primevue/core/utils';
 import ArrowDownIcon from '@primevue/icons/arrowdown';
 import ArrowUpIcon from '@primevue/icons/arrowup';
 import SpinnerIcon from '@primevue/icons/spinner';
@@ -4579,7 +4579,7 @@ var script = {
       var event = e.originalEvent;
       var body = this.$refs.bodyRef && this.$refs.bodyRef.$el;
       var focusedItem = findSingle(body, 'tr[data-p-selectable-row="true"][tabindex="0"]');
-      if (isClickable(event.target)) {
+      if (isClickable(event.currentTarget)) {
         return;
       }
       this.$emit('row-click', e);
@@ -4676,9 +4676,9 @@ var script = {
       }
       this.rowTouched = false;
       if (focusedItem) {
-        var _event$target, _event$target2, _event$target3;
-        if (((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.getAttribute('data-pc-section')) === 'rowtoggleicon' || ((_event$target2 = event.target) === null || _event$target2 === void 0 || (_event$target2 = _event$target2.parentElement) === null || _event$target2 === void 0 ? void 0 : _event$target2.getAttribute('data-pc-section')) === 'rowtoggleicon') return;
-        var targetRow = (_event$target3 = event.target) === null || _event$target3 === void 0 ? void 0 : _event$target3.closest('tr[data-p-selectable-row="true"]');
+        var _event$currentTarget, _event$currentTarget2;
+        if (((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.getAttribute('data-pc-section')) === 'rowtoggleicon') return;
+        var targetRow = (_event$currentTarget2 = event.currentTarget) === null || _event$currentTarget2 === void 0 ? void 0 : _event$currentTarget2.closest('tr[data-p-selectable-row="true"]');
         focusedItem.tabIndex = '-1';
         targetRow.tabIndex = '0';
       }