@webitel/ui-datalist 1.0.62 → 1.0.64

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.62",
+  "version": "1.0.64",
   "description": "Toolkit for building data lists in webitel ui system",
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && ( npm run lint:fix || true) && (npm run build:types || true) && npm run utils:publish",

package/src/modules/filters/components/config/dynamic-view/dynamic-filter-config-view.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="dynamic-filter-config-view">
-    <wt-popover>
+    <wt-popover :disabled="props.disabled">
       <template #activator="{ toggle }">
         <slot
           name="activator"

package/src/modules/filters/components/preview/dynamic-filter-preview.vue

@@ -2,11 +2,11 @@
   <dynamic-filter-config-view :disabled="readonly">
     <template #activator="{ toggle }">
       <div @click="toggle">
-        <wt-popover>
-          <template #activator="{ show: showCheapPopoverCb, hide: hideCheapPopover }">
+        <wt-popover :disabled="readonly">
+          <template #activator="{ show: showChipPopoverCb, hide: hideChipPopover }">
             <div
-              @pointerenter="(event) => showCheapPopover(event, showCheapPopoverCb)"
-              @pointerleave="hideCheapPopover"
+              @pointerenter="(event) => showChipPopover(event, showChipPopoverCb)"
+              @pointerleave="hideChipPopover"
             >
               <wt-chip color="primary">
                 {{ filter.label || filterConfig.label }}
@@ -73,7 +73,7 @@ import {
   WtLoader,
   WtPopover,
 } from '@webitel/ui-sdk/components';
-import {computed, ref, useTemplateRef, watch} from 'vue';
+import {computed, ref, watch} from 'vue';
 
 import { IFilter } from '../../classes/Filter';
 import { FilterOptionToPreviewApiSearchMethodMap } from '../../modules/filterConfig/components';
@@ -88,7 +88,9 @@ const emit = defineEmits<DynamicFilterEmits>();
 
 const localValue = ref();
 
-const showCheapPopover = (event, showPopoverCb: (event) => void) => {
+const showChipPopover = (event, showPopoverCb: (event) => void) => {
+  if (props.readonly) return;
+
   if (!localValue.value) {
     fillLocalValue()
   }

package/src/modules/headers/createTableHeadersStore.ts

@@ -53,7 +53,16 @@ export const tableHeadersStoreBody = ({
         show: fields.includes(header.field),
       };
     });
-    updateShownHeaders(newHeaders);
+
+    const customFields = fields.filter((field) => !headers.value.some((header) => header.field === field));
+// debugger
+    const customFieldHeaders = customFields.map((field) => ({
+      show: true,
+      field,
+      shouldBeInitialized: true,
+    }));
+// debugger
+    updateShownHeaders([...newHeaders, ...customFieldHeaders]);
   };
 
   const updateSort = (column) => {

package/types/modules/filters/components/preview/dynamic-filter-preview.vue.d.ts

@@ -5,7 +5,7 @@ import DynamicFilterConfigView from '../config/dynamic-view/dynamic-filter-confi
 import { DynamicFilterProps } from '../types/Filter.types';
 import DynamicFilterPreviewInfo from './dynamic-filter-preview-info.vue';
 declare const localValue: import("vue").Ref<any, any>;
-declare const showCheapPopover: (event: any, showPopoverCb: (event: any) => void) => void;
+declare const showChipPopover: (event: any, showPopoverCb: (event: any) => void) => void;
 declare const isRenderPreview: import("vue").ComputedRef<any>;
 declare const submit: (filter: IFilter, { hide }: {
     hide: any;
@@ -29,7 +29,7 @@ declare const __VLS_self: import("vue").DefineComponent<DynamicFilterProps, {
     DynamicFilterConfigView: typeof DynamicFilterConfigView;
     DynamicFilterPreviewInfo: typeof DynamicFilterPreviewInfo;
     localValue: typeof localValue;
-    showCheapPopover: typeof showCheapPopover;
+    showChipPopover: typeof showChipPopover;
     isRenderPreview: typeof isRenderPreview;
     submit: typeof submit;
     deleteFilter: typeof deleteFilter;