bugfixes and updates

edit.js

@@ -19,6 +19,7 @@ import { standardCurve } from './lib/utils/references';
 import 'keen-ui/src/bootstrap'; // import this once, for KeenUI components
 import 'velocity-animate/velocity.ui.min.js'; // import this once, for velocity ui stuff
 import VueObserveVisibility from 'vue-observe-visibility';
+import VueClickOutside from 'vue-click-outside';
 
 // set animation defaults
 velocity.defaults.easing = standardCurve;
@@ -63,6 +64,7 @@ Vue.config.keyCodes.comma = 188;
 
 // register directives
 Vue.directive('conditional-focus', conditionalFocus());
+Vue.directive('click-outside', VueClickOutside);
 
 // export api for plugins, validators, inputs, buttons, etc
 window.kiln = window.kiln || {};

inputs/complex-list-item.vue

@@ -166,7 +166,7 @@
         return _.has(this.schema, 'collapse');
       },
       collapsedTitle() {
-        return _.get(this.data, _.get(this.schema, 'collapse'), 'New Item');
+        return _.get(this.data, _.get(this.schema, 'collapse')) || 'New Item';
       },
       props() {
         return _.get(this, 'schema.props');

inputs/complex-list.vue

@@ -63,7 +63,7 @@
 
 <template>
   <transition mode="out-in" name="hide-show" @after-enter="onResize">
-    <div class="complex-list" v-if="items.length">
+    <div class="complex-list" v-if="items.length" v-click-outside="unselect">
       <transition-group mode="out-in" name="hide-show" tag="div" class="complex-list-items" @after-enter="onListResize">
         <item v-for="(item, index) in items"
           :index="index"
@@ -124,6 +124,7 @@
         let items = _.cloneDeep(this.items);
 
         items.splice(index + 1, 0, newObj); // add new item after the specified index
+        this.currentItem = index + 1; // select new item
         this.updateFormData(items); // save the data
       },
       removeItem(index) {
@@ -147,6 +148,9 @@
         }
         this.updateFormData(items); // save the data
       },
+      unselect() {
+        this.currentItem = null;
+      },
       onCurrentChange(index) {
         this.currentItem = index;
       }