@appscode/design-system 2.17.22 → 2.17.24

package/package.json

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

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

@@ -16,6 +16,7 @@ interface prop {
   isLoading?: boolean;
   optionType?: "simple" | "custom";
   placeholderText?: string;
+  isrequired?: boolean;
 }
 
 const props = withDefaults(defineProps<prop>(), {
@@ -24,6 +25,7 @@ const props = withDefaults(defineProps<prop>(), {
   isLoading: false,
   optionType: "simple",
   placeholderText: "Select Option",
+  isrequired: false,
 });
 
 const emit = defineEmits(["select", "remove", "onRefreshClick"]);
@@ -87,10 +89,17 @@ watch(isOpen, (n) => {
     ref="selectBox"
     class="ac-single-input is-small is-selectbox"
     :class="{ 'is-open': isOpen, 'is-disabled': isLoading }"
+    data-testid="simple-select-box"
     :style="[isOpen ? { 'z-index': 2 } : '']"
   >
-    <label for="custom-select" class="ac-label" :class="{ 'show-label': labelHoisted || isOpen }" @click="selectClick">
+    <label
+      for="custom-select"
+      class="ac-label"
+      :class="{ 'is-required': isrequired, 'show-label': labelHoisted || isOpen }"
+      @click="selectClick"
+    >
       {{ placeholderText }}
+      <span v-if="isrequired" class="is-required"> * </span>
     </label>
 
     <input

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

@@ -84,12 +84,12 @@ function handleIsActiveChange(isActive: string) {
 
 const getUrl = (product: (typeof appList)[0]) => {
   if (props.baseUrl.search("bb.test") !== -1) {
-    return `http://bb.test:${product.port}/${product.name}`;
+    return `http://bb.test:${product.port}/${product.name}/`;
   } else if (props.baseUrl.search("localhost") !== -1) {
-    return `http://localhost:${product.port}/${product.name}`;
+    return `http://localhost:${product.port}/${product.name}/`;
   }
 
-  return `${props.baseUrl}/${product.name}`;
+  return `${props.baseUrl}/${product.name}/`;
 };
 
 const appListWithUrl = appList.map((el) => {

package/vue-components/v3/section/SectionContent.vue

@@ -41,7 +41,13 @@ function handleBack() {
         :class="{ 'mb-8': resetStyle }"
       >
         <header-items>
-          <button v-if="hasBackButton" title="Back" class="ac-back-button" @click="handleBack">
+          <button
+            v-if="hasBackButton"
+            title="Back"
+            class="ac-back-button"
+            data-testid="back-button"
+            @click="handleBack"
+          >
             <ArrowUturnLeft />
           </button>
           <header-item>