@itfin/components 1.0.86 → 1.0.87

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "1.0.86",
+  "version": "1.0.87",
   "main": "dist/itfin-components.umd.js",
   "unpkg": "dist/itfin-components.common.js",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",

package/src/components/app/App.vue

@@ -92,6 +92,9 @@ class itfApp extends Vue {
   }
 
   showSuccess(message, title = '') {
+    if (typeof document === 'undefined') {
+      return;
+    }
     return Message.success({
       isCollapsed: false,
       showClose: true,
@@ -104,6 +107,9 @@ class itfApp extends Vue {
   }
 
   showError(message, opts = {}) {
+    if (typeof document === 'undefined') {
+      return;
+    }
     return Message.error({
       isCollapsed: false,
       showClose: true,
@@ -116,6 +122,9 @@ class itfApp extends Vue {
   }
 
   showMessage(options) {
+    if (typeof document === 'undefined') {
+      return;
+    }
     return Message.toast({
       isCollapsed: false,
       showClose: true,

package/src/components/form/Form.vue

@@ -90,9 +90,13 @@ class itfForm extends Vue {
   }
 
   doValidation(showError = true) {
+    const invalidComponents = this.components.filter(
+      (component) => (component.doValidation && !component.doValidation(true)) || (component.validate && !component.validate(true))
+    );
     // @todo remove validate when migrate from vuetify
-    const isValid = !this.components.filter(component => (component.doValidation && !component.doValidation(true)) || (component.validate && !component.validate(true))).length;
+    const isValid = !invalidComponents.length;
     if (showError && !isValid && this.$showError) {
+      console.debug('Invalid', invalidComponents);
       this.$showError('Please fix the errors below to proceed.', { duration: 3000 });
     }
     return isValid;

package/src/components/table/Table.vue

@@ -44,7 +44,7 @@
              @click="!row.summary && $emit('row-click', { row, index: r })">
           <div
             class="itf-table__cell"
-            :class="{'itf-table__cell--sorted': sortedColumns[column.name]}"
+            :class="{'itf-table__cell--sorted': sortedColumns[column.name], 'align-left': column.alignLeft}"
             v-for="(column, k) in columns" :key="`${r}-${k}`">
             <span>
               <slot v-if="$scopedSlots[`column.${column.name}${row.summary ? '.summary' : ''}`]" :name="`column.${column.name}${row.summary ? '.summary' : ''}`" :item="row" :column="column">
@@ -223,7 +223,7 @@ html {
     text-align: right;
     word-break: break-word;
 
-    &:first-child {
+    &:first-child, &.align-left {
       justify-content: flex-start;
       text-align: left;
     }