@nethserver/ns8-ui-lib 0.1.20 → 0.1.21

package/dist/ns8-ui-lib.ssr.js

@@ -16599,6 +16599,12 @@ var GearsLottie = {
       type: String,
       default: "Try changing your search query"
     },
+    filterRowsCallback: {
+      type: Function
+    },
+    customSortTable: {
+      type: Function
+    },
     // default value of following props is defined in NsPagination
     itemsPerPageLabel: {
       type: String,
@@ -16623,9 +16629,6 @@ var GearsLottie = {
     pageNumberLabel: {
       type: String,
       default: undefined
-    },
-    filterRowsCallback: {
-      type: Function
     }
   },
   data: function data() {
@@ -16773,6 +16776,14 @@ var GearsLottie = {
       }
 
       var propertyToSort = this.rawColumns[ev.index];
+
+      if (this.customSortTable) {
+        // call custom sort function
+        this.filteredRows.sort(this.customSortTable(propertyToSort));
+      } else {
+        this.filteredRows.sort(this.sortByProperty(propertyToSort));
+      }
+
       this.filteredRows.sort(this.sortByProperty(propertyToSort));
 
       if (ev.order === "descending") {
@@ -17124,7 +17135,7 @@ var __vue_inject_styles__$g = undefined;
 var __vue_scope_id__$g = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$g = "data-v-6ed65c60";
+var __vue_module_identifier__$g = "data-v-70a77d4a";
 /* functional template */
 
 var __vue_is_functional_template__$g = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethserver/ns8-ui-lib",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "description": "Vue.js library for NethServer 8 UI",
   "keywords": [
     "nethserver",

package/src/lib-components/NsDataTable.vue

@@ -373,6 +373,8 @@ export default {
       type: String,
       default: "Try changing your search query",
     },
+    filterRowsCallback: { type: Function },
+    customSortTable: { type: Function },
     // default value of following props is defined in NsPagination
     itemsPerPageLabel: { type: String, default: undefined },
     rangeOfTotalItemsLabel: { type: String, default: undefined },
@@ -380,7 +382,6 @@ export default {
     backwardText: { type: String, default: undefined },
     forwardText: { type: String, default: undefined },
     pageNumberLabel: { type: String, default: undefined },
-    filterRowsCallback: { type: Function },
   },
   data() {
     return {
@@ -522,6 +523,13 @@ export default {
         return;
       }
       const propertyToSort = this.rawColumns[ev.index];
+
+      if (this.customSortTable) {
+        // call custom sort function
+        this.filteredRows.sort(this.customSortTable(propertyToSort));
+      } else {
+        this.filteredRows.sort(this.sortByProperty(propertyToSort));
+      }
       this.filteredRows.sort(this.sortByProperty(propertyToSort));
 
       if (ev.order === "descending") {
@@ -531,4 +539,4 @@ export default {
     },
   },
 };
-</script>
+</script>