@iankibetsh/shframework 0.1.2 → 0.1.6

package/dist/library.js

@@ -2622,7 +2622,7 @@ var helpers = {
 
 var script$1 = {
   name: 'sh-table',
-  props: ['end_point', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'mobile_view', 'hideSearch', 'custom_template', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields'],
+  props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'mobile_view', 'hideSearch', 'custom_template', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields'],
   inject: ['channel', 'global'],
   data () {
     return {
@@ -2746,7 +2746,7 @@ var script$1 = {
         titles: headers,
         export: 1
       };
-      apis.doPost(this.end_point, data).then(res => {
+      apis.doPost(this.endPoint, data).then(res => {
         this.downloading = false;
         if (res.data.file) {
           const url = this.appUrl + 'external-download?file=' + res.data.file + '&name=' + res.data.name;
@@ -2776,7 +2776,7 @@ var script$1 = {
       if (this.pagination_data) {
         this.pagination_data.loading = 1;
       }
-      apis.doGet(this.end_point, data).then(req => {
+      apis.doGet(this.endPoint, data).then(req => {
         this.loading = 'done';
         const response = req.data.data;
         this.pagination_data = {
@@ -2804,7 +2804,7 @@ var script$1 = {
           this.records = response.data;
         }
       }).catch(reason => {
-        const error = (typeof reason.response === 'undefined') ? 'Error getting data from backend' : `${reason.response.status}:${reason.response.statusText} (${this.end_point})`;
+        const error = (typeof reason.response === 'undefined') ? 'Error getting data from backend' : `${reason.response.status}:${reason.response.statusText} (${this.endPoint})`;
         this.loading_error = error;
         this.loading = 'error';
       });
@@ -2843,13 +2843,12 @@ const _hoisted_2$1 = {
 const _hoisted_3$1 = ["disabled"];
 const _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/vue.createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */));
 const _hoisted_5 = /*#__PURE__*/vue.createTextVNode(" Export ");
-const _hoisted_6 = {
-  key: 0,
-  style: {"height":"1rem"},
-  class: "float-start",
-  src: "/assets/img/spinner.gif"
-};
-const _hoisted_7 = /*#__PURE__*/vue.createTextVNode(" Exporting ... ");
+const _hoisted_6 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/vue.createElementVNode("span", {
+  class: "spinner-border spinner-border-sm",
+  role: "status",
+  "aria-hidden": "true"
+}, null, -1 /* HOISTED */));
+const _hoisted_7 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...", -1 /* HOISTED */));
 const _hoisted_8 = {
   key: 1,
   class: "row"
@@ -2876,7 +2875,14 @@ const _hoisted_18 = {
   class: "text-center"
 };
 const _hoisted_19 = ["colspan"];
-const _hoisted_20 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/vue.createElementVNode("img", { src: "/assets/img/loading.gif" }, null, -1 /* HOISTED */));
+const _hoisted_20 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/vue.createElementVNode("div", { class: "text-center" }, [
+  /*#__PURE__*/vue.createElementVNode("div", {
+    class: "spinner-border",
+    role: "status"
+  }, [
+    /*#__PURE__*/vue.createElementVNode("span", { class: "visually-hidden" }, "Loading...")
+  ])
+], -1 /* HOISTED */));
 const _hoisted_21 = [
   _hoisted_20
 ];
@@ -2971,9 +2977,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   _hoisted_5
                 ], 64 /* STABLE_FRAGMENT */))
               : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  ($data.downloading)
-                    ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_6))
-                    : vue.createCommentVNode("v-if", true),
+                  _hoisted_6,
                   _hoisted_7
                 ], 64 /* STABLE_FRAGMENT */))
           ], 8 /* PROPS */, _hoisted_3$1)
@@ -3254,8 +3258,7 @@ script$1.__file = "src/views/ShTable.vue";
 
 var script = {
   name: 'ShTabs',
-  props: ['tabs', 'base_url', 'shared_data', 'tab_counts'],
-  inject: ['global'],
+  props: ['tabs', 'baseUrl', 'sharedData', 'tabCounts'],
   data () {
     return {
       currentTab: ''
@@ -3264,18 +3267,17 @@ var script = {
   watch: {
     refreshStatus: function (state) {
       if (state === 0) {
-        if (this.tab_counts) {
-          this.setTabCounts(this.tab_counts);
+        if (this.tabCounts) {
+          this.setTabCounts(this.tabCounts);
         }
       }
     },
-    tab_counts: function () {
+    tabCounts: function () {
       this.resetTabCounts();
     }
   },
   computed: {
     refreshStatus () {
-      return this.global.state.refetch
     }
   },
   mounted () {
@@ -3298,8 +3300,8 @@ var script = {
       } else {
         this.currentTab = arr[arr.length - 1];
       }
-      if (this.tab_counts) {
-        this.setTabCounts(this.tab_counts);
+      if (this.tabCounts) {
+        this.setTabCounts(this.tabCounts);
       }
     },
     tabExistsInUrl: function () {
@@ -3348,7 +3350,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createVNode(_component_router_link, {
             "active-class": 'active',
             class: "nav-link text-capitalize",
-            to: $props.base_url+'/tab/'+tab,
+            to: $props.baseUrl+'/tab/'+tab,
             role: "tab",
             id: 'sh_tab_' + tab
           }, {
@@ -3363,9 +3365,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createElementVNode("div", _hoisted_3, [
       vue.createVNode(_component_router_view, {
         current_tab: $data.currentTab,
-        shared_data: $props.shared_data,
-        tab_counts: $props.tab_counts
-      }, null, 8 /* PROPS */, ["current_tab", "shared_data", "tab_counts"])
+        sharedData: $props.sharedData,
+        tabCounts: $props.tabCounts
+      }, null, 8 /* PROPS */, ["current_tab", "sharedData", "tabCounts"])
     ])
   ]))
 }

package/dist/library.mjs

@@ -2611,7 +2611,7 @@ var helpers = {
 
 var script$1 = {
   name: 'sh-table',
-  props: ['end_point', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'mobile_view', 'hideSearch', 'custom_template', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields'],
+  props: ['endPoint', 'headers', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'mobile_view', 'hideSearch', 'custom_template', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields'],
   inject: ['channel', 'global'],
   data () {
     return {
@@ -2735,7 +2735,7 @@ var script$1 = {
         titles: headers,
         export: 1
       };
-      apis.doPost(this.end_point, data).then(res => {
+      apis.doPost(this.endPoint, data).then(res => {
         this.downloading = false;
         if (res.data.file) {
           const url = this.appUrl + 'external-download?file=' + res.data.file + '&name=' + res.data.name;
@@ -2765,7 +2765,7 @@ var script$1 = {
       if (this.pagination_data) {
         this.pagination_data.loading = 1;
       }
-      apis.doGet(this.end_point, data).then(req => {
+      apis.doGet(this.endPoint, data).then(req => {
         this.loading = 'done';
         const response = req.data.data;
         this.pagination_data = {
@@ -2793,7 +2793,7 @@ var script$1 = {
           this.records = response.data;
         }
       }).catch(reason => {
-        const error = (typeof reason.response === 'undefined') ? 'Error getting data from backend' : `${reason.response.status}:${reason.response.statusText} (${this.end_point})`;
+        const error = (typeof reason.response === 'undefined') ? 'Error getting data from backend' : `${reason.response.status}:${reason.response.statusText} (${this.endPoint})`;
         this.loading_error = error;
         this.loading = 'error';
       });
@@ -2832,13 +2832,12 @@ const _hoisted_2$1 = {
 const _hoisted_3$1 = ["disabled"];
 const _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("i", { class: "bi-download" }, null, -1 /* HOISTED */));
 const _hoisted_5 = /*#__PURE__*/createTextVNode(" Export ");
-const _hoisted_6 = {
-  key: 0,
-  style: {"height":"1rem"},
-  class: "float-start",
-  src: "/assets/img/spinner.gif"
-};
-const _hoisted_7 = /*#__PURE__*/createTextVNode(" Exporting ... ");
+const _hoisted_6 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("span", {
+  class: "spinner-border spinner-border-sm",
+  role: "status",
+  "aria-hidden": "true"
+}, null, -1 /* HOISTED */));
+const _hoisted_7 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...", -1 /* HOISTED */));
 const _hoisted_8 = {
   key: 1,
   class: "row"
@@ -2865,7 +2864,14 @@ const _hoisted_18 = {
   class: "text-center"
 };
 const _hoisted_19 = ["colspan"];
-const _hoisted_20 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("img", { src: "/assets/img/loading.gif" }, null, -1 /* HOISTED */));
+const _hoisted_20 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/createElementVNode("div", { class: "text-center" }, [
+  /*#__PURE__*/createElementVNode("div", {
+    class: "spinner-border",
+    role: "status"
+  }, [
+    /*#__PURE__*/createElementVNode("span", { class: "visually-hidden" }, "Loading...")
+  ])
+], -1 /* HOISTED */));
 const _hoisted_21 = [
   _hoisted_20
 ];
@@ -2960,9 +2966,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   _hoisted_5
                 ], 64 /* STABLE_FRAGMENT */))
               : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  ($data.downloading)
-                    ? (openBlock(), createElementBlock("img", _hoisted_6))
-                    : createCommentVNode("v-if", true),
+                  _hoisted_6,
                   _hoisted_7
                 ], 64 /* STABLE_FRAGMENT */))
           ], 8 /* PROPS */, _hoisted_3$1)
@@ -3243,8 +3247,7 @@ script$1.__file = "src/views/ShTable.vue";
 
 var script = {
   name: 'ShTabs',
-  props: ['tabs', 'base_url', 'shared_data', 'tab_counts'],
-  inject: ['global'],
+  props: ['tabs', 'baseUrl', 'sharedData', 'tabCounts'],
   data () {
     return {
       currentTab: ''
@@ -3253,18 +3256,17 @@ var script = {
   watch: {
     refreshStatus: function (state) {
       if (state === 0) {
-        if (this.tab_counts) {
-          this.setTabCounts(this.tab_counts);
+        if (this.tabCounts) {
+          this.setTabCounts(this.tabCounts);
         }
       }
     },
-    tab_counts: function () {
+    tabCounts: function () {
       this.resetTabCounts();
     }
   },
   computed: {
     refreshStatus () {
-      return this.global.state.refetch
     }
   },
   mounted () {
@@ -3287,8 +3289,8 @@ var script = {
       } else {
         this.currentTab = arr[arr.length - 1];
       }
-      if (this.tab_counts) {
-        this.setTabCounts(this.tab_counts);
+      if (this.tabCounts) {
+        this.setTabCounts(this.tabCounts);
       }
     },
     tabExistsInUrl: function () {
@@ -3337,7 +3339,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode(_component_router_link, {
             "active-class": 'active',
             class: "nav-link text-capitalize",
-            to: $props.base_url+'/tab/'+tab,
+            to: $props.baseUrl+'/tab/'+tab,
             role: "tab",
             id: 'sh_tab_' + tab
           }, {
@@ -3352,9 +3354,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", _hoisted_3, [
       createVNode(_component_router_view, {
         current_tab: $data.currentTab,
-        shared_data: $props.shared_data,
-        tab_counts: $props.tab_counts
-      }, null, 8 /* PROPS */, ["current_tab", "shared_data", "tab_counts"])
+        sharedData: $props.sharedData,
+        tabCounts: $props.tabCounts
+      }, null, 8 /* PROPS */, ["current_tab", "sharedData", "tabCounts"])
     ])
   ]))
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "0.1.2",
+  "version": "0.1.6",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",
@@ -9,25 +9,26 @@
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "rollup -c"
+    "build": "rollup -c",
+    "docs:dev": "vuepress dev docs",
+    "docs:build": "vuepress build docs"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "peerDependencies": {
     "axios": "^0.27.2",
-    "bootstrap": "^5.1.3",
     "moment": "^2.29.3",
     "nprogress": "^0.2.0",
     "pinia": "^2.0.13",
     "sweetalert2": "^11.4.14",
-    "vue": "^3.2.21",
-    "vue-router": "^4.0.14"
+    "vue": "^3.2.37"
   },
   "devDependencies": {
     "rollup": "^2.75.7",
     "rollup-plugin-css-only": "^3.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-vue": "^6.0.0"
+    "rollup-plugin-vue": "^6.0.0",
+    "vuepress": "^2.0.0-beta.48"
   }
 }