@appscode/design-system 2.2.5 → 2.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "2.2.5",
+  "version": "2.2.7",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/v3/banner/Banner.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ bannerClass: string }>(), { bannerClass: "has-text-danger" });
+withDefaults(defineProps<{ bannerClass?: string }>(), { bannerClass: "has-text-danger" });
 </script>
 
 <template>

package/vue-components/v3/modals/DeleteConfirmationModal.vue

@@ -6,7 +6,6 @@ interface Props {
   title?: string;
   message?: string;
   itemName?: string;
-  isLoading?: boolean;
   isDeleteActive?: boolean;
 }
 
@@ -15,7 +14,6 @@ withDefaults(defineProps<Props>(), {
   title: "",
   message: "",
   itemName: "",
-  isLoading: false,
   isDeleteActive: false,
 });
 

package/vue-components/v3/table/Table.vue

@@ -13,6 +13,7 @@ interface Props {
   fullWidth?: number;
   columnStriped?: boolean;
   modifierClass?: string;
+  hasCheckbox?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -26,6 +27,7 @@ const props = withDefaults(defineProps<Props>(), {
   fullWidth: 1920,
   columnStriped: false,
   modifierClass: "",
+  hasCheckbox: false,
 });
 
 const emit = defineEmits(["sort", "scroller"]);
@@ -41,7 +43,6 @@ const fakeCellWidth = ref(0);
 const headerSortables = ref<Array<{ enabled: boolean; mode: string }>>([]);
 const ac_table = ref(null as HTMLElement | null);
 const ac_table_container = ref(null as HTMLElement | null);
-
 const headerLabels = computed(() => {
   return props.tableHeaders.map((th) => (typeof th === "string" ? th : th?.name || "Label"));
 });
@@ -161,7 +162,13 @@ onUpdated(() => {
               }"
               @click.prevent="headerSortables[idx].enabled && emitSortEvent(idx)"
             >
-              {{ headerLabels[idx] }}
+              <span v-if="hasCheckbox && headerLabels[idx] === 'checkbox'">
+                <slot name="checkbox" />
+              </span>
+              <span v-else>
+                {{ headerLabels[idx] }}
+              </span>
+
               <span
                 v-if="
                   tableHeader.dashboard && tableHeader.dashboard.status && tableHeader.dashboard.status !== 'Success'