@itfin/components 1.4.10 → 1.4.11

package/package.json

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

package/src/components/filter/FilterPanel.vue

@@ -80,7 +80,7 @@
 </style>
 <script>
 import { DateTime } from 'luxon';
-import { Vue, Model, Prop, Component } from 'vue-property-decorator';
+import { Vue, Watch, Model, Prop, Component } from 'vue-property-decorator';
 import tooltip from '../../directives/tooltip';
 import itfIcon from '../icon/Icon';
 import itfButton from '../button/Button';
@@ -137,6 +137,12 @@ class FilterPanel extends Vue {
     return `filter-panel-${this.stateName}-filters`;
   }
 
+  @Watch('staticFilters', { deep: true })
+  onStaticFiltersUpdate() {
+    this.filters = this.staticFilters ?? [];
+    this.loadFiltersValue();
+  }
+
   async mounted() {
     if (this.stateName) {
       const item = localStorage.getItem(this.localstorageKey);

package/src/components/modal/DeleteConfirmModal.vue

@@ -34,7 +34,7 @@
             :class="confirmClass"
             @click="onConfirm"
           >
-            <span v-html="$t('components.popover.yesDelete')"></span>
+            <span v-html="deleteCaption"></span>
           </button>
         </div>
       </div>
@@ -59,8 +59,8 @@ class itfDeleteConfirmModal extends Vue {
   @Prop(Boolean) loading;
   @Prop({ type: Boolean, default: false }) disabled;
   @Prop({ type: String, default: 'text-danger' }) confirmClass;
-  @Prop({ type: String, default () { return this.$t('noKeepIt'); } }) cancelCaption;
-  @Prop({ type: String, default () { return this.$t('yesDelete'); } }) deleteCaption;
+  @Prop({ type: String, default () { return this.$t('components.noKeepIt'); } }) cancelCaption;
+  @Prop({ type: String, default () { return this.$t('components.yesDelete'); } }) deleteCaption;
 
   isModalShown = false;
 

package/src/components/view/View.vue

@@ -63,39 +63,41 @@
     <slot v-else-if="currentTab === 'board'" name="kanban-view"></slot>
     <slot v-else-if="currentTab === 'calendar'" name="calendar-view"></slot>
     <slot v-else name="table-view">
-    <div class="flex-grow-1 px-3 d-flex flex-column">
-      <div class="position-relative flex-grow-1">
-        <itf-table
-          ref="table"
-          style="--shadow-area-width: 0px;"
-          absolute
-          striped
-          clickable
-          column-sorting
-          column-resizing
-          :indicator-type="indicatorType"
-          class="permanent-checkboxes"
-          :state-name="stateName"
-          id-property="id"
-          :sort-as-string="sortAsString"
-          :rows="items"
-          :schema="tableSchema"
-          :sorting="sorting"
-          :active="activeIds"
-          :show-actions="showActions"
-          v-model="selectedIds"
-          @row-click="$emit('open', $event)"
-          @update:sorting="updateSorting($event)"
-        >
-          <template v-for="(_, name) in $slots" #[name]="slotData">
-            <slot :name="name" v-bind="slotData || {}"/>
-          </template>
-          <template v-for="(_, name) in $scopedSlots" #[name]="slotData">
-            <slot :name="name" v-bind="slotData || {}"/>
-          </template>
-        </itf-table>
+      <div class="flex-grow-1 px-3 d-flex flex-column">
+        <div class="position-relative flex-grow-1">
+          <itf-table
+            ref="table"
+            style="--shadow-area-width: 0px;"
+            absolute
+            striped
+            clickable
+            column-sorting
+            column-resizing
+            :indicator-type="indicatorType"
+            class="permanent-checkboxes"
+            :state-name="stateName"
+            id-property="id"
+            :sort-as-string="sortAsString"
+            :rows="items"
+            :schema="tableSchema"
+            :sorting="sorting"
+            :active="activeIds"
+            :no-select-all="noSelectAll"
+            :show-actions="showActions"
+            :indicator-width="indicatorWidth"
+            v-model="selectedIds"
+            @row-click="$emit('open', $event)"
+            @update:sorting="updateSorting($event)"
+          >
+            <template v-for="(_, name) in $slots" #[name]="slotData">
+              <slot :name="name" v-bind="slotData || {}"/>
+            </template>
+            <template v-for="(_, name) in $scopedSlots" #[name]="slotData">
+              <slot :name="name" v-bind="slotData || {}"/>
+            </template>
+          </itf-table>
+        </div>
       </div>
-    </div>
     </slot>
 
     <itf-pagination
@@ -163,9 +165,11 @@ class itfView extends Vue {
   @Prop(Boolean) listViewEnabled;
   @Prop(Boolean) kanbanViewEnabled;
   @Prop(Boolean) calendarViewEnabled;
+  @Prop(Boolean) noSelectAll;
   @Prop({ type: Boolean, default: true }) tableViewEnabled;
   @Prop(Boolean) sortAsString;
   @Prop(Boolean) oldFormat;
+  @Prop({ default: 45 }) indicatorWidth;
   @Prop({type: Function, default: null }) onSplitSlectedIds  // якщо потрібно розділяти вибрані рядки в таблиці на дві групи
 
   page = 1;