edvoyui-component-library-test-flight 0.0.208 → 0.0.209

package/dist/components/table/EUIDashboardTable.d.ts

@@ -26,8 +26,16 @@ declare function __VLS_template(): {
             rowIndex: number;
         }): any;
         'no-records'?(_: {}): any;
-        tableCount?(_: {}): any;
-        tablepagination?(_: {}): any;
+        tableCount?(_: {
+            currentPage: number;
+            from: number;
+            to: number;
+        }): any;
+        tablepagination?(_: {
+            activePage: number;
+            pageLimint: number;
+            totalCount: number;
+        }): any;
     };
     refs: {
         tableContainer: HTMLDivElement;

package/dist/components/table/EUIDashboardTable.vue

@@ -1,11 +1,11 @@
 <template>
-  <div>
-    <Transition name="fade" mode="out-in">
-      <template v-if="loading">
+  <div class="relative">
+    <Transition name="fade">
+      <div v-if="loading" class="absolute inset-0 z-50 pointer-events-none">
         <slot name="loader" :loading="loading" :height="tableHeight">
           <div
             :class="[
-              'overflow-hidden relative z-0 isolate bg-white backdrop-blur transition-colors duration-150 ease-in-out rounded-xl border border-gray-50',
+              'overflow-hidden relative isolate bg-white/60 backdrop-blur transition-colors duration-150 ease-in-out rounded-xl',
               tableHeight
                 ? tableHeight
                 : 'h-[calc(100svh-9rem)] max-h-[calc(100svh-9rem)]',
@@ -18,9 +18,10 @@
             </div>
           </div>
         </slot>
-      </template>
+      </div>
+    </Transition>
 
-      <div v-else class="relative w-full mx-auto overflow-hidden">
+      <div class="relative w-full mx-auto overflow-hidden">
         <div
           id="dashboard-table"
           :class="[
@@ -154,7 +155,12 @@
         <div
           class="sticky bottom-0 left-0 z-50 flex items-center justify-between px-2 py-2 bg-gray-100"
         >
-          <slot name="tableCount">
+          <slot
+            name="tableCount"
+            :currentPage="newCurrentPage"
+            :from="newCurrentPage * limit + 1"
+            :to="(newCurrentPage + 1) * limit"
+          >
             <div class="inline-flex items-center gap-x-10">
               <div class="text-sm font-normal text-gray-900">
                 {{ newCurrentPage * limit + 1 }} -
@@ -173,7 +179,12 @@
             </div>
           </slot>
           <template v-if="paginated">
-            <slot name="tablepagination">
+            <slot
+              name="tablepagination"
+              :activePage="newCurrentPage"
+              :pageLimint="limit"
+              :totalCount="total"
+            >
               <EUIPagination
                 :activePage="newCurrentPage"
                 :pageLimit="limit"
@@ -184,7 +195,6 @@
           </template>
         </div>
       </div>
-    </Transition>
   </div>
 </template>
 
@@ -280,9 +290,9 @@ const filteredItems = computed(() => {
       props.some((prop) =>
         defaultFilter(
           getValueByPath(item, prop),
-          search.value.toString().toLowerCase()
-        )
-      )
+          search.value.toString().toLowerCase(),
+        ),
+      ),
     );
   }
   return filteredItems;
@@ -314,7 +324,7 @@ const sortClass = computed(() => (header: any) => {
 
 const isIndeterminate = computed(() => {
   const validVisibleData = computedItems.value.filter((row) =>
-    isRowCheckable.value(row)
+    isRowCheckable.value(row),
   );
   return (
     newCheckedRows.value.length > 0 &&
@@ -331,7 +341,7 @@ const isAllChecked = computed(() => {
 
 const isAllUncheckable = computed(() => {
   const validVisibleData = computedItems.value?.filter((row) =>
-    isRowCheckable.value!(row)
+    isRowCheckable.value!(row),
   );
   return validVisibleData.length === 0;
 });
@@ -389,7 +399,7 @@ const checkAll = () => {
   } else {
     // Check all rows
     const rowsToCheck = computedItems.value.filter(
-      (row) => !newCheckedRows.value.includes(row)
+      (row) => !newCheckedRows.value.includes(row),
     );
     newCheckedRows.value.push(...rowsToCheck);
   }
@@ -417,7 +427,7 @@ watch(
   (newVal) => {
     newCurrentPage.value = newVal;
   },
-  { immediate: true }
+  { immediate: true },
 );
 
 watch(
@@ -427,7 +437,7 @@ watch(
   },
   {
     immediate: true,
-  }
+  },
 );
 
 // table scroll to add class

package/dist/components/table/EUITable.vue

@@ -1,11 +1,11 @@
 <template>
-  <div>
-    <Transition name="fade" mode="out-in">
-      <template v-if="loading">
+  <div class="relative">
+    <Transition name="fade">
+      <div v-if="loading" class="absolute inset-0 z-50 pointer-events-none">
         <slot name="loader" :loading="loading" :height="tableHeight">
           <div
             :class="[
-              'overflow-hidden relative z-0 isolate bg-white backdrop-blur transition-colors duration-150 ease-in-out rounded-xl border border-gray-200',
+              'overflow-hidden relative isolate bg-white/60 backdrop-blur transition-colors duration-150 ease-in-out rounded-xl',
               tableHeight
                 ? tableHeight
                 : 'h-[calc(100svh-9rem)] max-h-[calc(100svh-9rem)]',
@@ -18,9 +18,10 @@
             </div>
           </div>
         </slot>
-      </template>
+      </div>
+    </Transition>
 
-      <div v-else class="relative w-full mx-auto overflow-hidden">
+      <div class="relative w-full mx-auto overflow-hidden">
         <div
           id="student-table"
           :class="[
@@ -231,7 +232,6 @@
           </template>
         </div>
       </div>
-    </Transition>
   </div>
 </template>
 

package/dist/components/table/UTable.vue

@@ -1,11 +1,11 @@
 <template>
-  <div>
-    <Transition name="fade" mode="out-in">
-      <template v-if="loading">
+  <div class="relative">
+    <Transition name="fade">
+      <div v-if="loading" class="absolute inset-0 z-50 pointer-events-none">
         <slot name="loader" :loading="loading" :height="tableHeight">
           <div
             :class="[
-              'overflow-hidden relative z-0 isolate bg-white backdrop-blur transition-colors duration-150 ease-in-out rounded-xl border border-gray-50',
+              'overflow-hidden relative isolate bg-white/60 backdrop-blur transition-colors duration-150 ease-in-out rounded-xl',
               tableHeight
                 ? tableHeight
                 : 'h-[calc(100svh-9rem)] max-h-[calc(100svh-9rem)]',
@@ -18,8 +18,9 @@
             </div>
           </div>
         </slot>
-      </template>
-      <div v-else class="relative max-w-full mx-auto overflow-hidden">
+      </div>
+    </Transition>
+      <div class="relative max-w-full mx-auto overflow-hidden">
         <div
           :class="[
             'ui-table scrollbar--auto',
@@ -304,7 +305,6 @@
           </template>
         </div>
       </div>
-    </Transition>
   </div>
 </template>