classcard-ui 0.2.800 → 0.2.802

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.800",
+  "version": "0.2.802",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CTable/CTable.vue

@@ -167,15 +167,14 @@
       mode="remote"
       ref="my-table"
       :styleClass="
-        showLoader ? 'vgt-table opacity-50 pointer-events-none' : 'vgt-table'
+        isLoading ? 'vgt-table opacity-50 pointer-events-none' : 'vgt-table'
       "
       :row-style-class="rowStyleClassFn"
       min-height="400px"
       :globalSearch="true"
-      :isLoading="showLoader"
       :totalRows="totalRecords"
       :columns="cols"
-      :rows="rows"
+      :rows="[]"
       :search-options="{
         enabled: searching,
         externalQuery: searchTerm,
@@ -235,7 +234,7 @@
           {{ props.column.label }}
         </span>
       </template>
-      <div slot="emptystate">
+      <div slot="emptystate" v-if="isLoading">
         <vue-skeleton-loader
           v-for="(item, index) in 10"
           :key="index"
@@ -277,30 +276,6 @@
           @setNextPage="setNextPageRecords"
         ></c-pagination>
       </template>
-      <!-- Custom loader for table -->
-      <template slot="loadingContent">
-        <svg
-          class="ml-auto mr-auto h-7 w-7 animate-spin text-white"
-          xmlns="http://www.w3.org/2000/svg"
-          fill="none"
-          viewBox="0 0 24 24"
-        >
-          <circle
-            class="opacity-25"
-            cx="12"
-            cy="12"
-            r="10"
-            stroke="currentColor"
-            stroke-width="4"
-          ></circle>
-          <path
-            class="opacity-75"
-            fill="currentColor"
-            d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-          ></path>
-        </svg>
-      </template>
-      <!-- <div slot="emptystate"></div> -->
     </vue-good-table>
   </div>
 </template>
@@ -353,10 +328,6 @@ export default {
       type: Boolean,
       default: true,
     },
-    // To show and hide loader on table
-    isLoading: {
-      type: Boolean,
-    },
     // All the buttons displayed on top right side of table
     tableActions: {
       type: Boolean,
@@ -369,6 +340,9 @@ export default {
     searchQuery: {
       type: String,
     },
+    isLoading: {
+      type: Boolean,
+    },
     // Total number of rows in a table to calculate page numbers
     totalRecords: {
       type: String,
@@ -464,7 +438,6 @@ export default {
     return {
       toggleDropdown: false,
       toggleDownloadDropdown: false,
-      showLoader: this.isLoading,
       searchTerm: this.searchQuery ? this.searchQuery : "",
       paginationRecords: this.paginationData,
       reorderedArray: [...this.rows],
@@ -563,9 +536,6 @@ export default {
     },
   },
   watch: {
-    isLoading() {
-      this.showLoader = this.isLoading;
-    },
     paginationData(newValue, oldValue) {
       if (!isEqual(newValue, oldValue)) {
         this.paginationRecords = newValue;