@itfin/components 1.3.60 → 1.3.62

package/package.json

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

package/src/components/datepicker/MonthPicker.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="itf-monthpicker input-group" :class="{'with-addon addon-start': prependIcon, 'with-addon addon-end': clearable}">
+  <div class="itf-monthpicker" :class="{'with-addon addon-start': prependIcon}">
     <div class="addon" v-if="prependIcon">
       <slot name="addon">
         <itf-icon :name="prependIcon" />
@@ -16,17 +16,6 @@
       :value="displayValue"
       :placeholder="placeholder"
     />
-    <div class="addon-end" v-if="clearable && value">
-      <slot name="clear">
-        <itf-button
-          icon
-          small
-          @click="$emit('input', '')"
-        >
-          <itf-icon name="close" />
-        </itf-button>
-      </slot>
-    </div>
     <div style="display: none">
       <div ref="dropdown" class="itf-monthpicker__dropdown border rounded">
         <div>
@@ -53,12 +42,10 @@ import { DateTime } from 'luxon';
 import tippy from 'tippy.js';
 import itfIcon from '../icon/Icon';
 import itfDatePickerInline from './DatePickerInline.vue';
-import itfButton from "../button/Button.vue";
 
 export default @Component({
   name: 'itfMonthPicker',
   components: {
-    itfButton,
     itfIcon,
     itfDatePickerInline
   },
@@ -77,8 +64,6 @@ class itfMonthPicker extends Vue {
   @Prop({ type: String, default: '' }) prependIcon;
   @Prop({ type: String, default: 'bottom-start' }) placement;
 
-  @Prop(Boolean) clearable;
-
   focused = false;
 
   tooltip = null;

package/src/components/panels/PanelList.vue

@@ -200,6 +200,7 @@ export default class PanelList extends Vue {
     const newPanel:any = {
       id: this.nextId++,
       title: this.panels[type].caption(this.$t.bind(this), payload),
+      icon: this.panels[type].icon ? this.panels[type].icon(this.$t.bind(this), payload) : null,
       type,
       payload,
       isCollapsed: false,
@@ -248,6 +249,8 @@ export default class PanelList extends Vue {
         newPanel.getPayload = () => newPanel.payload;
         newPanel.setPayload = (value: any) => {
           newPanel.payload = value;
+          newPanel.title = this.panels[type].caption(this.$t.bind(this), value);
+          newPanel.icon = this.panels[type].icon ? this.panels[type].icon(this.$t.bind(this), payload) : null,
           this.setPanelHash()
         }
         newStack.push(newPanel);