@eturnity/eturnity_reusable_components 1.1.45 → 1.1.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.1.45",
+  "version": "1.1.48",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/pageSubtitle/index.vue

@@ -8,6 +8,7 @@
       v-if="!!infoText"
       size="14"
       borderColor="#ccc"
+      :alignText="alignInfoText"
     />
   </subtitle-text>
 </template>
@@ -54,6 +55,10 @@ export default {
       required: false,
       default: null,
     },
+    alignInfoText: {
+      required: false,
+      default: "left",
+    },
   },
 }
 </script>

package/src/components/tableDropdown/index.vue

@@ -525,17 +525,24 @@ export default {
       this.$emit("custom-input-change", event)
     },
     setDropdownWidth(options) {
+      this.dynamicWidth = []
       options.map((item) => {
         this.optionsDisplay.map((header, index) => {
           let value =
             header === "template"
               ? this.$gettext("No main component template")
               : item[header]
+
+          value = !!value ? value : ""
+
           if (
-            this.dynamicWidth.length < this.optionsDisplay.length ||
-            value.length > this.dynamicWidth[index]
+            this.optionsDisplay.length &&
+            (this.dynamicWidth.length < this.optionsDisplay.length ||
+              value.length > this.dynamicWidth[index])
           ) {
-            this.dynamicGridWidth[index] = value.length + "ch"
+            if (Array.isArray(this.dynamicGridWidth)) {
+              this.dynamicGridWidth[index] = value.length + "ch"
+            }
             this.dynamicWidth[index] = value.length
           }
         })
@@ -564,14 +571,10 @@ export default {
       }
     },
     optionItems(val) {
-      console.log("optionItems", val)
-      if (val.length) {
+      if (val && val.length) {
         this.setDropdownWidth(val)
       }
     },
   },
-  mounted() {
-    console.log("optionsDisplay", this.optionsDisplay)
-  },
 }
 </script>