@appscode/design-system 2.4.23 → 2.4.25

package/package.json

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

package/vue-components/v3/form-fields/CheckRadio.vue

@@ -20,7 +20,7 @@ const model = defineModel();
 </script>
 
 <template>
-  <div class="is-flex gap-8" :class="!isRow ? 'is-flex-direction-column' : ''" data-testid="check-radio-element">
+  <div class="is-flex" :class="!isRow ? 'is-flex-direction-column' : 'gap-8'" data-testid="check-radio-element">
     <div class="ac-radio mr-16" v-for="option in options" :key="name + option.label" data-testid="check-radio-option">
       <input
         v-model="model"

package/vue-components/v3/navbar/Appdrawer.vue

@@ -1,18 +1,21 @@
 <script setup lang="ts">
+import { setCookie } from "tiny-cookie";
 import { computed, defineAsyncComponent, ref } from "vue";
 
 interface Props {
   currentApp: "console" | "db" | "platform" | "billing" | "selfhost" | "learn" | "grafana";
   baseUrl: string;
+  activeOrganization: string;
+  rootDomain: string;
 }
 
 const props = withDefaults(defineProps<Props>(), {
   currentApp: "platform",
   baseUrl: "https://appscode.com",
+  activeOrganization: "",
+  rootDomain: "",
 });
 
-defineEmits(["onClick"]);
-
 const appList = [
   {
     name: "console",
@@ -98,6 +101,11 @@ const filteredAppList = appListWithUrl.filter((element) => {
 
   return true;
 });
+
+const handleClick = (url: string) => {
+  setCookie("gorg", props.activeOrganization, { domain: props.rootDomain });
+  window.open(url, "_blank");
+};
 </script>
 
 <template>
@@ -140,7 +148,7 @@ const filteredAppList = appListWithUrl.filter((element) => {
           <navbar-item-content class="navbar-dropdown-wrapper" style="right: -30px">
             <ul class="ac-scrollbar p-0 app-drawer">
               <li v-for="app in filteredAppList" :key="app.url">
-                <a @click.prevent.stop="$emit('onClick', app.url)">
+                <a @click.prevent.stop="handleClick(app.url)">
                   <article class="media">
                     <figure class="media-left">
                       <p class="image">

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

@@ -40,9 +40,9 @@ const printableStringObjs = computed(() => {
 
 const indexOfCharacterLengthExceed = computed(() => {
   let idx = -1;
-  let cumulativeLen = 2;
+  let cumulativeLen = 4;
   for (const [index, po] of printableStringObjs.value.entries()) {
-    const newLen = cumulativeLen + po.print.length + 2;
+    const newLen = cumulativeLen + po.print.length + 4;
     if (newLen + 4 > props.maxCharacterLength) {
       idx = index;
       break;

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

@@ -40,9 +40,9 @@ const printableStringObjs = computed(() => {
 
 const indexOfCharacterLengthExceed = computed(() => {
   let idx = -1;
-  let cumulativeLen = 2;
+  let cumulativeLen = 4;
   for (const [index, po] of printableStringObjs.value.entries()) {
-    const newLen = cumulativeLen + po.print.length + 2;
+    const newLen = cumulativeLen + po.print.length + 4;
     if (newLen + 4 > props.maxCharacterLength) {
       idx = index;
       break;