@appscode/design-system 2.2.65 → 2.2.67-alpha

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

@@ -119,7 +119,7 @@ watch(
       });
     }
   },
-  { immediate: true }
+  { immediate: true },
 );
 
 onUpdated(() => {

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

@@ -1,11 +1,9 @@
 <script setup lang="ts">
-import { computed } from "vue";
-
 interface Props {
   cellWidth?: number | null;
 }
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   cellWidth: null,
 });
 </script>

package/vue-components/v3/table/table-cell/CellValue.vue

@@ -17,7 +17,7 @@ const props = withDefaults(defineProps<Props>(), {
 });
 
 const ContentLoader = defineAsyncComponent(() =>
-  import("vue-content-loader").then(({ ContentLoader }) => ContentLoader)
+  import("vue-content-loader").then(({ ContentLoader }) => ContentLoader),
 );
 const ObjectCell = defineAsyncComponent(() => import("../../table/table-cell/ObjectCell.vue"));
 const ArrayCell = defineAsyncComponent(() => import("../../table/table-cell/ArrayCell.vue"));
@@ -58,7 +58,7 @@ watch(
       oldDivValue = n;
     }
   },
-  { immediate: true }
+  { immediate: true },
 );
 
 const primaryColor = computed(() => {

package/vue-components/v3/table/table-cell/GenericCell.vue

@@ -66,7 +66,7 @@ function redirectTo() {
     <cell-value
       v-else
       :cell-title="cellDescriptor.name"
-      :value="cellValue.data as {} || '-'"
+      :value="(cellValue.data as {}) || '-'"
       :tooltip="cellValue.tooltip || JSON.stringify(cellValue.data)"
     />
   </span>

package/plugins/vue-toaster.js

@@ -1,85 +0,0 @@
-module.exports = {
-  position: "top-center",
-  theme: "toasted-primary",
-  iconPack: "fontawesome",
-  className: "ac-toast",
-  action: {
-    icon: "close",
-    class: "ac-toast-action",
-    onClick: (e, toastObject) => {
-      toastObject.goAway(0);
-    },
-  },
-  register: [
-    {
-      name: "success",
-      message: (payload) => {
-        if (payload) {
-          if (typeof payload === "string") return payload;
-          else if (payload.message) return payload.message;
-          else return "Operation Completed Successfully";
-        }
-        // if there is no message passed show default message
-        else return "Operation Completed Successfully";
-      },
-      options: {
-        icon: "fa-check",
-        duration: 2500,
-        type: "success",
-        className: "ac-toast is-success",
-      },
-    },
-    {
-      name: "error",
-      message: (payload) => {
-        if (payload) {
-          if (typeof payload === "string") return payload;
-          else if (payload.response && payload.response.data && payload.response.data.message)
-            return payload.response.data.message;
-          else if (payload.message) return payload.message;
-          else return "Something Went Wrong";
-        } else return "Something Went Wrong";
-      },
-      options: {
-        icon: "fa-warning",
-        duration: 20000,
-        type: "error",
-        className: "ac-toast is-danger",
-      },
-    },
-    {
-      name: "info",
-      message: (payload) => {
-        if (payload) {
-          if (typeof payload === "string") return payload;
-          else if (payload.message) return payload.message;
-          else return "Something Went Wrong";
-        } else return "Something Went Wrong";
-      },
-      options: {
-        icon: "fa-info",
-        duration: 20000,
-        type: "info",
-        className: "ac-toast is-info",
-      },
-    },
-    {
-      name: "warning",
-      message: (payload) => {
-        if (payload) {
-          if (typeof payload === "string") return payload;
-          else if (payload.message) return payload.message;
-          else return "Something Went Wrong";
-        }
-        // if there is no message passed show default message
-        else return "Something Went Wrong";
-      },
-      options: {
-        icon: "fa-warning",
-        duration: 2500,
-        type: "error",
-        className: "ac-toast is-warning",
-      },
-    },
-  ],
-};