@itfin/components 1.2.116 → 1.2.118

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "1.2.116",
+  "version": "1.2.118",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/kanban/BoardColumn.vue

@@ -20,7 +20,7 @@
         <slot name="empty"></slot>
       </template>
       <template v-else>
-        <div v-for="(item, index) of items" :key="index" :data-card="index">
+        <div v-for="(item, index) of items" :key="index" :data-card="index" :class="item.hidden ? 'd-none' : ''">
           <div accept-group="board-cards"
                class="itf-board-card-space"
                @enter="cardHighlight(index, 'enter', 'drop')"

package/src/components/kanban/styles.scss

@@ -247,11 +247,22 @@
 }
 
 .itf-board-cards-wrapper {
+  display: flex;
+  flex-direction: column;
   overflow: auto;
   flex-grow: 1;
   padding-right: .25rem;
   padding-top: .5rem;
 
+  > div:first-child > .itf-board-card-space > .itf-board-header-dropzone {
+    top: -30px;
+    z-index: 100;
+  }
+
+  > .itf-board-card-space:last-child {
+    flex: 1;
+  }
+
   .draggable-source--is-dragging {
     position: relative !important;
     .itf-board-card {

package/src/components/text-field/HoursField.vue

@@ -1,10 +1,10 @@
 <template>
 
   <itf-text-field
-    ref="input"
-    v-bind="$props"
-    @input="onValueChange"
-    @blur="onBlur"
+      ref="input"
+      v-bind="$props"
+      @input="onValueChange"
+      @blur="onBlur"
   />
 
 </template>
@@ -28,6 +28,7 @@ class itfHoursField extends Vue {
   @Prop(Boolean) clearable;
   @Prop(Boolean) disabled;
   @Prop(Boolean) readonly;
+  @Prop(Boolean) negative;
   @Prop({ type: [Number, String], default: 0 }) delayInput;
 
   mounted() {
@@ -36,7 +37,6 @@ class itfHoursField extends Vue {
 
   @Watch('hours')
   onHoursChanged() {
-    console.info(formatHours(this.hours),this.hours)
     this.$emit('input', formatHours(this.hours));
   }
 
@@ -53,6 +53,7 @@ class itfHoursField extends Vue {
 
   onBlur(e) {
     const hours = parseHours(e.target.value) / 60;
+    console.info(hours);
     this.$emit('update:hours', hours);
   }
 }

package/src/helpers/formatters.js

@@ -2,15 +2,16 @@ import { DateTime } from 'luxon';
 import ITFSettings from '../ITFSettings';
 
 export function parseHours (str, { hoursInDay } = { hoursInDay: 8 }) {
-  const source = (str || '').toString();
+  let source = (str || '').toString();
+  const isNegative = str[0] === '-' ? -1 : 1;
+  source = source.replace('-', '');
 
   const SECONDS_IN_MINUTE = 60;
   const MINUTES_IN_HOUR = 60;
-
   // try parse decimal
   const matchDecimal = source.match(/^(\d+([.,]\d+)?)$/);
   if (matchDecimal) {
-    return Math.round(parseFloat(source.replace(',', '.')) * MINUTES_IN_HOUR * SECONDS_IN_MINUTE);
+    return isNegative * Math.round(parseFloat(source.replace(',', '.')) * MINUTES_IN_HOUR * SECONDS_IN_MINUTE);
   }
 
   const match = source.match(/^((\d+)d)?\s*((\d+)h)?\s*((\d+)m)?$/);
@@ -29,7 +30,7 @@ export function parseHours (str, { hoursInDay } = { hoursInDay: 8 }) {
   if (minutes) {
     seconds += Number(minutes) * SECONDS_IN_MINUTE;
   }
-  return seconds;
+  return isNegative * seconds;
 }
 
 export function formatDate (date, inputFormat = 'yyyy-MM-dd', toFormat) {