@iankibetsh/shframework 5.6.6 → 5.6.7

package/dist/library.js

@@ -6280,25 +6280,47 @@ var script$b = {
   addTabQuery: {
     type: Boolean,
     default: false
+  },
+  tabCounts: {
+    type: Object,
+    default: () => ({})
   }
 },
   setup(__props) {
 
 const props = __props;
+const {user} = pinia.storeToRefs(useUserStore());
 const route = vueRouter.useRoute();
 const router = vueRouter.useRouter();
 const formattedTabs = vue.computed(() => {
   if (!props.tabs || props.tabs.length === 0) {
     return []
   }
-  return props.tabs.map(tab => {
+  return props.tabs.filter(tab => {
+    let newTab = tab;
     if (typeof tab === 'string') {
-      return {key: tab, label: tab.replace(/_/g, ' ')}
+      newTab = {key: tab, label: tab.replace(/_/g, ' ')};
     }
     if (typeof tab === 'function') {
-      return tab(props.data)
+      newTab = tab(props.data);
     }
-    return tab
+    if(newTab.validator){
+      if(!newTab.validator()){
+        return false
+      }
+    }
+    if(newTab.permission){
+      if(!user.value || !user.value.isAllowedTo(newTab.permission)){
+        return false
+      }
+    }
+    console.log(newTab);
+    // check if there are tabCounts for this tab
+    // const tabKey = getTabKey(newTab)
+    // if (!newTab.count && props.tabCounts && props.tabCounts[tabKey] !== undefined) {
+    //   newTab.count = props.tabCounts[tabKey]
+    // }
+    return newTab
   })
 });
 const tabsBaseUrl = props.baseUrl ?? route.path;

package/dist/library.mjs

@@ -6269,25 +6269,47 @@ var script$b = {
   addTabQuery: {
     type: Boolean,
     default: false
+  },
+  tabCounts: {
+    type: Object,
+    default: () => ({})
   }
 },
   setup(__props) {
 
 const props = __props;
+const {user} = storeToRefs(useUserStore());
 const route = useRoute();
 const router = useRouter();
 const formattedTabs = computed(() => {
   if (!props.tabs || props.tabs.length === 0) {
     return []
   }
-  return props.tabs.map(tab => {
+  return props.tabs.filter(tab => {
+    let newTab = tab;
     if (typeof tab === 'string') {
-      return {key: tab, label: tab.replace(/_/g, ' ')}
+      newTab = {key: tab, label: tab.replace(/_/g, ' ')};
     }
     if (typeof tab === 'function') {
-      return tab(props.data)
+      newTab = tab(props.data);
     }
-    return tab
+    if(newTab.validator){
+      if(!newTab.validator()){
+        return false
+      }
+    }
+    if(newTab.permission){
+      if(!user.value || !user.value.isAllowedTo(newTab.permission)){
+        return false
+      }
+    }
+    console.log(newTab);
+    // check if there are tabCounts for this tab
+    // const tabKey = getTabKey(newTab)
+    // if (!newTab.count && props.tabCounts && props.tabCounts[tabKey] !== undefined) {
+    //   newTab.count = props.tabCounts[tabKey]
+    // }
+    return newTab
   })
 });
 const tabsBaseUrl = props.baseUrl ?? route.path;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "5.6.6",
+  "version": "5.6.7",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",