@iankibetsh/shframework 4.1.5 → 4.1.7

package/dist/dist/library.mjs.css

@@ -63,6 +63,21 @@
   color: white;
 }
 
+.sh-selected-item{
+  line-height: unset!important;
+}
+.sh-suggestion-input{
+  padding: 0.375rem 0.75rem;
+}
+.sh-suggest{
+  margin-bottom: 1rem;
+}
+.sh-suggest-control::after{
+  margin-top: auto;
+  margin-bottom: auto;
+  margin-right: 0.255em;
+}
+
 .permissions-main {
   background: #edeff2;
 }
@@ -95,21 +110,6 @@
   flex-grow: 1;
 }
 
-.sh-selected-item{
-  line-height: unset!important;
-}
-.sh-suggestion-input{
-  padding: 0.375rem 0.75rem;
-}
-.sh-suggest{
-  margin-bottom: 1rem;
-}
-.sh-suggest-control::after{
-  margin-top: auto;
-  margin-bottom: auto;
-  margin-right: 0.255em;
-}
-
 .callout{
   --bs-link-color-rgb: 110,168,254;
   --bs-code-color: #e685b5;

package/dist/library.js

@@ -9,8 +9,8 @@ var bootstrap = require('bootstrap');
 var NProgress = require('nprogress');
 var vue = require('vue');
 var _ = require('lodash');
-var vueRouter = require('vue-router');
 var pinia = require('pinia');
+var vueRouter = require('vue-router');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -3754,6 +3754,102 @@ script$g.render = render$1;
 script$g.__scopeId = "data-v-55cf77fb";
 script$g.__file = "src/lib/components/others/NoRecords.vue";
 
+const useUserStore = pinia.defineStore('user-store', {
+  state: () => ({
+    user: null,
+    role: null,
+    permissions: null,
+    menus: [],
+    loggedOut: false
+  }),
+  actions: {
+    setUser (){
+      let user = null;
+      try {
+         user = ShStorage.getItem('user') ? ShStorage.getItem('user') : null;
+      } catch (error) {
+        user= null;
+      }
+      if (user) {
+        user.isAllowedTo = function (slug) {
+          if (this.permissions) {
+            let permissions = [];
+            if (typeof this.permissions === 'string') {
+              permissions = this.permissions;
+            } else {
+              permissions = this.permissions;
+            }
+            return permissions.includes(slug)
+          }
+          return false
+        };
+      }
+      this.user = user;
+      shApis.doGet('auth/user').then(res => {
+        let user = res.data.user;
+        if (typeof(user) === 'undefined') {
+           user = res.data;
+        }
+        ShStorage.setItem('user',user);
+        user.signOut = this.signOut;
+        user.logout = this.signOut;
+        user.logOut = this.signOut;
+        user.isAllowedTo = function (slug) {
+          if(!slug){
+            return true
+          }
+          if (this.permissions) {
+            let permissions = [];
+            if (typeof this.permissions === 'string') {
+              permissions = this.permissions;
+            } else {
+              permissions = this.permissions;
+            }
+            return permissions.includes(slug)
+          }
+          return false
+        };
+        this.user = user;
+      }).catch((reason) => {
+        if (reason.response && reason.response.status) {
+          if(reason.response.status === 401) {
+            ShStorage.setItem('user',null);
+            this.user = null;
+          }
+          this.loggedOut = true;
+        }
+      });
+      if (this.user) {
+        if (typeof this.user.permissions === 'string') {
+          this.permissions = this.user.permissions;
+        } else {
+          this.permissions = this.user.permissions;
+        }
+      }
+      const timeNow = moment__default["default"]().toISOString();
+      ShStorage.setItem('session_start',timeNow);
+    },
+    signOut () {
+      shRepo.signOutUser();
+    },
+    logOut () {
+      this.signOut();
+    },
+    getUser () {
+      this.setUser();
+    },
+    setAccessToken (accessToken) {
+      ShStorage.setItem('access_token', accessToken);
+      this.setUser();
+    }
+  },
+  getters: {
+    userId (state) {
+      return state.user === null ? null:state.user.id
+    }
+  }
+});
+
 var script$f = {
   name: 'Pagination',
   props: ['pagination_data', 'loadMore', 'hideCount', 'hideLoadMore', 'paginationStyle'],
@@ -4815,6 +4911,8 @@ var script$b = /*#__PURE__*/Object.assign(__default__, {
 
 const noRecordsComponent = vue.inject('noRecordsComponent', script$g);
 
+const {user} = pinia.storeToRefs(useUserStore());
+
 return (_ctx, _cache) => {
   const _component_router_link = vue.resolveComponent("router-link");
 
@@ -4906,7 +5004,7 @@ return (_ctx, _cache) => {
                 : vue.createCommentVNode("v-if", true),
             (_ctx.loading === 'done' || __props.cacheKey)
               ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-                  (_ctx.records.length === 0)
+                  (!_ctx.records || _ctx.records.length === 0)
                     ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(noRecordsComponent)), { key: 0 }, {
                         default: vue.withCtx(() => [
                           _hoisted_21,
@@ -5021,7 +5119,7 @@ return (_ctx, _cache) => {
                                       return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                                         key: act.path
                                       }, [
-                                        (!act.permission || _ctx.user.isAllowedTo(act.permission))
+                                        (!act.permission || vue.unref(user).isAllowedTo(act.permission))
                                           ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                                               (!act.validator || act.validator(record))
                                                 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
@@ -5191,7 +5289,7 @@ return (_ctx, _cache) => {
                                     return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                                       key: act.path
                                     }, [
-                                      (!act.permission || _ctx.user.isAllowedTo(act.permission))
+                                      (!act.permission || vue.unref(user).isAllowedTo(act.permission))
                                         ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                                             (!act.validator || act.validator(record))
                                               ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
@@ -5576,102 +5674,6 @@ return (_ctx, _cache) => {
 
 script$7.__file = "src/lib/components/ShCanvasBtn.vue";
 
-const useUserStore = pinia.defineStore('user-store', {
-  state: () => ({
-    user: null,
-    role: null,
-    permissions: null,
-    menus: [],
-    loggedOut: false
-  }),
-  actions: {
-    setUser (){
-      let user = null;
-      try {
-         user = ShStorage.getItem('user') ? ShStorage.getItem('user') : null;
-      } catch (error) {
-        user= null;
-      }
-      if (user) {
-        user.isAllowedTo = function (slug) {
-          if (this.permissions) {
-            let permissions = [];
-            if (typeof this.permissions === 'string') {
-              permissions = this.permissions;
-            } else {
-              permissions = this.permissions;
-            }
-            return permissions.includes(slug)
-          }
-          return false
-        };
-      }
-      this.user = user;
-      shApis.doGet('auth/user').then(res => {
-        let user = res.data.user;
-        if (typeof(user) === 'undefined') {
-           user = res.data;
-        }
-        ShStorage.setItem('user',user);
-        user.signOut = this.signOut;
-        user.logout = this.signOut;
-        user.logOut = this.signOut;
-        user.isAllowedTo = function (slug) {
-          if(!slug){
-            return true
-          }
-          if (this.permissions) {
-            let permissions = [];
-            if (typeof this.permissions === 'string') {
-              permissions = this.permissions;
-            } else {
-              permissions = this.permissions;
-            }
-            return permissions.includes(slug)
-          }
-          return false
-        };
-        this.user = user;
-      }).catch((reason) => {
-        if (reason.response && reason.response.status) {
-          if(reason.response.status === 401) {
-            ShStorage.setItem('user',null);
-            this.user = null;
-          }
-          this.loggedOut = true;
-        }
-      });
-      if (this.user) {
-        if (typeof this.user.permissions === 'string') {
-          this.permissions = this.user.permissions;
-        } else {
-          this.permissions = this.user.permissions;
-        }
-      }
-      const timeNow = moment__default["default"]().toISOString();
-      ShStorage.setItem('session_start',timeNow);
-    },
-    signOut () {
-      shRepo.signOutUser();
-    },
-    logOut () {
-      this.signOut();
-    },
-    getUser () {
-      this.setUser();
-    },
-    setAccessToken (accessToken) {
-      ShStorage.setItem('access_token', accessToken);
-      this.setUser();
-    }
-  },
-  getters: {
-    userId (state) {
-      return state.user === null ? null:state.user.id
-    }
-  }
-});
-
 const _withScopeId$1 = n => (vue.pushScopeId("data-v-0d4fa0ac"),n=n(),vue.popScopeId(),n);
 const _hoisted_1$4 = { class: "row permissions-main d-flex" };
 const _hoisted_2$3 = {

package/dist/library.mjs

@@ -5,8 +5,8 @@ import { Modal, Offcanvas } from 'bootstrap';
 import NProgress from 'nprogress';
 import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, ref, onMounted, unref, normalizeClass, resolveComponent, createBlock, resolveDynamicComponent, watch, inject, mergeProps, normalizeStyle, renderSlot, createVNode, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, vModelCheckbox, shallowRef, pushScopeId, popScopeId, markRaw, computed, isRef } from 'vue';
 import _ from 'lodash';
-import { useRoute, useRouter } from 'vue-router';
 import { defineStore, storeToRefs } from 'pinia';
+import { useRoute, useRouter } from 'vue-router';
 
 function setItem (key, value) {
   let toStore = value;
@@ -3742,6 +3742,102 @@ script$g.render = render$1;
 script$g.__scopeId = "data-v-55cf77fb";
 script$g.__file = "src/lib/components/others/NoRecords.vue";
 
+const useUserStore = defineStore('user-store', {
+  state: () => ({
+    user: null,
+    role: null,
+    permissions: null,
+    menus: [],
+    loggedOut: false
+  }),
+  actions: {
+    setUser (){
+      let user = null;
+      try {
+         user = ShStorage.getItem('user') ? ShStorage.getItem('user') : null;
+      } catch (error) {
+        user= null;
+      }
+      if (user) {
+        user.isAllowedTo = function (slug) {
+          if (this.permissions) {
+            let permissions = [];
+            if (typeof this.permissions === 'string') {
+              permissions = this.permissions;
+            } else {
+              permissions = this.permissions;
+            }
+            return permissions.includes(slug)
+          }
+          return false
+        };
+      }
+      this.user = user;
+      shApis.doGet('auth/user').then(res => {
+        let user = res.data.user;
+        if (typeof(user) === 'undefined') {
+           user = res.data;
+        }
+        ShStorage.setItem('user',user);
+        user.signOut = this.signOut;
+        user.logout = this.signOut;
+        user.logOut = this.signOut;
+        user.isAllowedTo = function (slug) {
+          if(!slug){
+            return true
+          }
+          if (this.permissions) {
+            let permissions = [];
+            if (typeof this.permissions === 'string') {
+              permissions = this.permissions;
+            } else {
+              permissions = this.permissions;
+            }
+            return permissions.includes(slug)
+          }
+          return false
+        };
+        this.user = user;
+      }).catch((reason) => {
+        if (reason.response && reason.response.status) {
+          if(reason.response.status === 401) {
+            ShStorage.setItem('user',null);
+            this.user = null;
+          }
+          this.loggedOut = true;
+        }
+      });
+      if (this.user) {
+        if (typeof this.user.permissions === 'string') {
+          this.permissions = this.user.permissions;
+        } else {
+          this.permissions = this.user.permissions;
+        }
+      }
+      const timeNow = moment().toISOString();
+      ShStorage.setItem('session_start',timeNow);
+    },
+    signOut () {
+      shRepo.signOutUser();
+    },
+    logOut () {
+      this.signOut();
+    },
+    getUser () {
+      this.setUser();
+    },
+    setAccessToken (accessToken) {
+      ShStorage.setItem('access_token', accessToken);
+      this.setUser();
+    }
+  },
+  getters: {
+    userId (state) {
+      return state.user === null ? null:state.user.id
+    }
+  }
+});
+
 var script$f = {
   name: 'Pagination',
   props: ['pagination_data', 'loadMore', 'hideCount', 'hideLoadMore', 'paginationStyle'],
@@ -4803,6 +4899,8 @@ var script$b = /*#__PURE__*/Object.assign(__default__, {
 
 const noRecordsComponent = inject('noRecordsComponent', script$g);
 
+const {user} = storeToRefs(useUserStore());
+
 return (_ctx, _cache) => {
   const _component_router_link = resolveComponent("router-link");
 
@@ -4894,7 +4992,7 @@ return (_ctx, _cache) => {
                 : createCommentVNode("v-if", true),
             (_ctx.loading === 'done' || __props.cacheKey)
               ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  (_ctx.records.length === 0)
+                  (!_ctx.records || _ctx.records.length === 0)
                     ? (openBlock(), createBlock(resolveDynamicComponent(unref(noRecordsComponent)), { key: 0 }, {
                         default: withCtx(() => [
                           _hoisted_21,
@@ -5009,7 +5107,7 @@ return (_ctx, _cache) => {
                                       return (openBlock(), createElementBlock(Fragment, {
                                         key: act.path
                                       }, [
-                                        (!act.permission || _ctx.user.isAllowedTo(act.permission))
+                                        (!act.permission || unref(user).isAllowedTo(act.permission))
                                           ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                                               (!act.validator || act.validator(record))
                                                 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -5179,7 +5277,7 @@ return (_ctx, _cache) => {
                                     return (openBlock(), createElementBlock(Fragment, {
                                       key: act.path
                                     }, [
-                                      (!act.permission || _ctx.user.isAllowedTo(act.permission))
+                                      (!act.permission || unref(user).isAllowedTo(act.permission))
                                         ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                                             (!act.validator || act.validator(record))
                                               ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -5564,102 +5662,6 @@ return (_ctx, _cache) => {
 
 script$7.__file = "src/lib/components/ShCanvasBtn.vue";
 
-const useUserStore = defineStore('user-store', {
-  state: () => ({
-    user: null,
-    role: null,
-    permissions: null,
-    menus: [],
-    loggedOut: false
-  }),
-  actions: {
-    setUser (){
-      let user = null;
-      try {
-         user = ShStorage.getItem('user') ? ShStorage.getItem('user') : null;
-      } catch (error) {
-        user= null;
-      }
-      if (user) {
-        user.isAllowedTo = function (slug) {
-          if (this.permissions) {
-            let permissions = [];
-            if (typeof this.permissions === 'string') {
-              permissions = this.permissions;
-            } else {
-              permissions = this.permissions;
-            }
-            return permissions.includes(slug)
-          }
-          return false
-        };
-      }
-      this.user = user;
-      shApis.doGet('auth/user').then(res => {
-        let user = res.data.user;
-        if (typeof(user) === 'undefined') {
-           user = res.data;
-        }
-        ShStorage.setItem('user',user);
-        user.signOut = this.signOut;
-        user.logout = this.signOut;
-        user.logOut = this.signOut;
-        user.isAllowedTo = function (slug) {
-          if(!slug){
-            return true
-          }
-          if (this.permissions) {
-            let permissions = [];
-            if (typeof this.permissions === 'string') {
-              permissions = this.permissions;
-            } else {
-              permissions = this.permissions;
-            }
-            return permissions.includes(slug)
-          }
-          return false
-        };
-        this.user = user;
-      }).catch((reason) => {
-        if (reason.response && reason.response.status) {
-          if(reason.response.status === 401) {
-            ShStorage.setItem('user',null);
-            this.user = null;
-          }
-          this.loggedOut = true;
-        }
-      });
-      if (this.user) {
-        if (typeof this.user.permissions === 'string') {
-          this.permissions = this.user.permissions;
-        } else {
-          this.permissions = this.user.permissions;
-        }
-      }
-      const timeNow = moment().toISOString();
-      ShStorage.setItem('session_start',timeNow);
-    },
-    signOut () {
-      shRepo.signOutUser();
-    },
-    logOut () {
-      this.signOut();
-    },
-    getUser () {
-      this.setUser();
-    },
-    setAccessToken (accessToken) {
-      ShStorage.setItem('access_token', accessToken);
-      this.setUser();
-    }
-  },
-  getters: {
-    userId (state) {
-      return state.user === null ? null:state.user.id
-    }
-  }
-});
-
 const _withScopeId$1 = n => (pushScopeId("data-v-0d4fa0ac"),n=n(),popScopeId(),n);
 const _hoisted_1$4 = { class: "row permissions-main d-flex" };
 const _hoisted_2$3 = {

package/package.json

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