@itfin/components 2.0.66 → 2.0.67

package/package.json

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

package/src/components/filter/FilterPanel.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="itf-filter-panel d-flex flex-column align-items-start" :class="{'gap-3': !filtersOnly}">
+  <div class="itf-filter-panel d-flex flex-column align-items-start" :class="{'gap-3': !filtersOnly, 'd-none': !visible}">
     <div v-if="!filtersOnly" class="d-flex gap-2 justify-content-between w-100">
       <slot name="search">
         <div>
@@ -143,6 +143,7 @@ class FilterPanel extends Vue {
   @Prop({ type: Boolean, default: true }) showFilter;
   @Prop({ type: Boolean, default: false }) filtersOnly;
   @Prop(Boolean) mini;
+  @Prop({ type: Boolean, default: true }) visible;
   @Prop({ type: String, default: function() { return this.$t('components.filter.search'); } }) searchPlaceholder;
 
   filter = {};

package/src/components/view/View.vue

@@ -4,6 +4,8 @@
     <itf-filter-panel
       :search-placeholder="searchPlaceholder"
       search
+      :visible="!noFilters"
+      :filters-only="filtersOnly"
       ref="filters"
       :mini="panel.isMultiple()"
       class="py-2 px-3"
@@ -121,6 +123,8 @@ class itfView extends Vue {
   @ModelSync('value', 'input') selectedIds;
 
   @Prop({ type: Boolean }) loading;
+  @Prop({ type: Boolean }) filtersOnly;
+  @Prop({ type: Boolean }) noFilters;
   @Prop({ type: Array }) filters;
   @Prop({ type: Object, required: true }) schema;
   // @Prop({ default: 20 }) size;
@@ -134,6 +138,7 @@ class itfView extends Vue {
   @Prop({ type: String, default: 'checkbox' }) indicatorType;
   @Prop({ type: String, default () { return this.$t('components.table.search'); } }) searchPlaceholder;
   @Prop() panel;
+  @Prop() hardFilter; // встановлює жорсткий фільтр, наприклад, треба завжди показувати лише по контрагенту
   @Prop(Boolean) showActions;
 
   page = 1;
@@ -177,7 +182,7 @@ class itfView extends Vue {
       const res = await this.$axios.$get(this.endpoint, {
         preventRaceCondition: true,
         params: {
-          ...this.filter,
+          ...Object.assign(this.filter ?? {}, this.hardFilter ?? {}),
           page: this.page,
           size: this.size,
           sort: this.sorting