classcard-ui 0.2.565 → 0.2.570

package/package.json

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

package/src/components/CStackedList/CStackedList.vue

@@ -18,7 +18,24 @@
             type="solid"
             class="mt-3 mr-3 h-5 w-5 shrink-0 text-gray-900"
           ></c-icon>
+
+          <div v-if="isIcon">
+            <c-avatar
+              v-if="items.image"
+              :size="items.size"
+              :rounded="items.rounded"
+              :image="items.image"
+              class="shrink-0"
+            ></c-avatar>
+            <c-icon
+              v-else
+              :name="icon.name"
+              :type="icon.type"
+              :class="icon.class"
+            ></c-icon>
+          </div>
           <c-avatar
+            v-else
             :size="items.size"
             :rounded="items.rounded"
             :image="items.image"
@@ -79,6 +96,13 @@ export default {
       type: Boolean,
       default: true,
     },
+    isIcon: {
+      type: Boolean,
+      default: false,
+    },
+    icon: {
+      type: Object,
+    },
   },
   data() {
     return {

package/src/components/CTable/CTable.vue

@@ -1,10 +1,6 @@
 <template>
   <div>
-    <div
-      slot="table-actions"
-      v-if="tableActions"
-      class="mb-4 rounded-lg bg-gray-50 p-3"
-    >
+    <div slot="table-actions" v-if="tableActions" class="mb-4 rounded-lg bg-gray-50 p-3">
       <div class="flex justify-between">
         <div v-if="searching">
           <c-input
@@ -17,20 +13,17 @@
         </div>
         <div class="flex">
           <!-- dropdown icon on top right of table -->
+          <slot name="customTableActions"></slot>
           <div class="relative inline-block text-left" v-if="enableVisibility">
             <!-- button to show list of columns to show  hide in table -->
             <div>
               <button
                 @click="handleToggle"
-                class="inline-flex w-full justify-center rounded-md border border-gray-200 bg-white px-2 py-2 text-sm font-medium shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:ring-offset-2"
+                class="focus:outline-none inline-flex w-full justify-center rounded-md border border-gray-200 bg-white px-2 py-2 text-sm font-medium shadow-sm hover:bg-gray-50 focus:ring-2 focus:ring-indigo-600 focus:ring-offset-2"
                 aria-haspopup="true"
                 aria-expanded="true"
               >
-                <c-icon
-                  name="view-board"
-                  type="solid"
-                  class="h-5 w-5 text-gray-400"
-                ></c-icon>
+                <c-icon name="view-board" type="solid" class="h-5 w-5 text-gray-400"></c-icon>
                 <c-icon
                   name="chevron-down"
                   type="solid"
@@ -95,9 +88,7 @@
       }`"
       mode="remote"
       ref="my-table"
-      :styleClass="
-        showLoader ? 'vgt-table opacity-50 pointer-events-none' : 'vgt-table'
-      "
+      :styleClass="showLoader ? 'vgt-table opacity-50 pointer-events-none' : 'vgt-table'"
       :row-style-class="rowStyleClassFn"
       min-height="400px"
       :globalSearch="true"
@@ -374,12 +365,8 @@ export default {
     },
     // array of rows after drag and drop
     rearrange(oldIndex, newIndex) {
-      const movedItem = this.reorderedArray.find(
-        (item, index) => index === oldIndex
-      );
-      const remainingItems = this.reorderedArray.filter(
-        (item, index) => index !== oldIndex
-      );
+      const movedItem = this.reorderedArray.find((item, index) => index === oldIndex);
+      const remainingItems = this.reorderedArray.filter((item, index) => index !== oldIndex);
       const reorderedItems = [
         ...remainingItems.slice(0, newIndex),
         movedItem,