@appscode/design-system 2.2.7 → 2.2.8

package/package.json

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

package/vue-components/types/table.ts

@@ -13,7 +13,7 @@ export interface AcTableCell {
 }
 export interface AcTableCol {
   name: string;
-  type: "object" | "string" | "number" | "date" | "integer";
+  type: "object" | "string" | "number" | "date" | "integer" | "boolean";
   priority: number;
   width?: number;
   pathTemplate?: string;

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

@@ -13,7 +13,7 @@ interface Props {
   fullWidth?: number;
   columnStriped?: boolean;
   modifierClass?: string;
-  hasCheckbox?: boolean;
+  isCustom?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -27,7 +27,7 @@ const props = withDefaults(defineProps<Props>(), {
   fullWidth: 1920,
   columnStriped: false,
   modifierClass: "",
-  hasCheckbox: false,
+  isCustom: false,
 });
 
 const emit = defineEmits(["sort", "scroller"]);
@@ -162,8 +162,8 @@ onUpdated(() => {
               }"
               @click.prevent="headerSortables[idx].enabled && emitSortEvent(idx)"
             >
-              <span v-if="hasCheckbox && headerLabels[idx] === 'checkbox'">
-                <slot name="checkbox" />
+              <span v-if="isCustom && headerLabels[idx] === 'Custom'">
+                <slot name="custom" v-bind="{ headerLabels, idx }" />
               </span>
               <span v-else>
                 {{ headerLabels[idx] }}