@webitel/ui-datalist 1.0.52 → 1.0.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.52",
+  "version": "1.0.53",
   "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/filter-presets/api/PresetQuery.ts

@@ -37,7 +37,6 @@ const getPresetList = async (params, config: GetPresetListRequestConfig) => {
       merge(getDefaultGetParams()),
       (params) => (useStarToSearch ? starToSearch('search')(params) : params),
     ]);
-
   try {
     const response = await service.searchPresetQuery(
       page,
@@ -46,16 +45,14 @@ const getPresetList = async (params, config: GetPresetListRequestConfig) => {
       sort || '-created_at',
       fields || ['id', 'name', 'preset', 'description'],
       id,
+      [presetNamespace],
     );
     const { items, next } = applyTransform(response.data, [
       snakeToCamel(),
       merge(getDefaultGetListResponse()),
     ]);
     return {
-      items: applyTransform(items, [
-        (items) =>
-          items.filter(({ preset }) => preset.namespace === presetNamespace),
-      ]),
+      items,
       next,
     };
   } catch (err) {
@@ -74,6 +71,7 @@ const addPreset = async ({
     camelToSnake(),
     (item) => {
       item.preset.namespace = namespace;
+      item.section = namespace;
       return item;
     },
   ]);
@@ -90,6 +88,7 @@ const updatePreset = async ({ item: itemInstance, id, namespace }) => {
     camelToSnake(),
     (item) => {
       item.preset.namespace = namespace;
+      item.section = namespace;
       return item;
     },
   ]);

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

@@ -1,23 +1,18 @@
 <template>
   <div class="dynamic-filter-config-view">
-    <wt-tooltip
-      :triggers="['click']"
-      :disabled="props.disabled"
-      :disable-click-away="props.disableClickAway"
-    >
-      <template #activator="slotScope">
-        <slot
-          name="activator"
-          v-bind="{ tooltipSlotScope: slotScope }"
-        />
-      </template>
-      <template #default="slotScope">
+    <slot
+      name="activator"
+      v-bind="{ toggle, disabled: props.disabled }"
+    />
+
+    <wt-popover ref="popover">
+      <template #default>
         <slot
           name="content"
-          v-bind="{ tooltipSlotScope: slotScope }"
+          v-bind="{ hide }"
         />
       </template>
-    </wt-tooltip>
+    </wt-popover>
   </div>
 </template>
 
@@ -26,8 +21,8 @@
  * this component should only be used for config view representation: tooltip/popup/etc,
  * and their styling
  */
-
-import { WtTooltip } from '@webitel/ui-sdk/components';
+import { WtPopover } from '@webitel/ui-sdk/components';
+import {useTemplateRef} from "vue";
 
 interface Props {
   disabled?: boolean;
@@ -35,6 +30,16 @@ interface Props {
 }
 
 const props = defineProps<Props>();
+
+const popover = useTemplateRef('popover');
+
+const toggle = (event) => {
+  popover.value.toggle(event);
+};
+
+const hide = () => {
+  popover.value.hide()
+};
 </script>
 
 <style scoped></style>

package/src/modules/filters/components/dynamic-filter-add-action.vue

@@ -3,8 +3,8 @@
     disable-click-away
     class="dynamic-filter-add-action"
   >
-    <template #activator>
-      <div class="dynamic-filter-add-action-wrapper">
+    <template #activator="{toggle}">
+      <div class="dynamic-filter-add-action-wrapper" @click="toggle">
         <p v-if="props.showLabel">
           {{ t('webitelUI.filters.addFilter') }}
         </p>
@@ -12,16 +12,13 @@
       </div>
     </template>
 
-    <template #content="{ tooltipSlotScope }">
-      <slot
-        name="form"
-        v-bind="{ tooltipSlotScope }"
-      >
+    <template #content="{ hide }">
+      <slot name="form">
         <dynamic-filter-config-form
           :filter-configs="props.filterConfigs"
-          @cancel="() => tooltipSlotScope.hide()"
+          @cancel="hide"
           @submit="
-            (payload) => submit(payload, { hide: tooltipSlotScope.hide })
+            (payload) => submit(payload, { hide })
           "
         />
       </slot>

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

@@ -1,21 +1,24 @@
 <template>
   <dynamic-filter-config-view :disabled="readonly">
-    <template #activator="{ visible: configFormVisible }">
+    <template #activator="{ disabled: configFormVisible, toggle }">
       <wt-tooltip
         :disabled="configFormVisible"
         @update:visible="!localValue && fillLocalValue()"
+        @click="toggle"
       >
         <template #activator>
-          <wt-chip color="primary">
-            {{ filter.label || filterConfig.label }}
-            <wt-icon-btn
-              v-if="!filterConfig.notDeletable && !readonly"
-              color="on-primary"
-              icon="close--filled"
-              size="sm"
-              @mousedown.stop="deleteFilter"
-            />
-          </wt-chip>
+          <div @click="toggle">
+            <wt-chip color="primary">
+              {{ filter.label || filterConfig.label }}
+              <wt-icon-btn
+                v-if="!filterConfig.notDeletable && !readonly"
+                color="on-primary"
+                icon="close--filled"
+                size="sm"
+                @mousedown.stop="deleteFilter"
+              />
+            </wt-chip>
+          </div>
         </template>
 
         <template #default>
@@ -44,17 +47,17 @@
       </wt-tooltip>
     </template>
 
-    <template #content="{ tooltipSlotScope }">
+    <template #content="{ hide }">
       <slot
         name="form"
-        v-bind="{ tooltipSlotScope }"
+        v-bind="{ hide }"
       >
         <dynamic-filter-config-form
           :filter="props.filter"
           :filter-config="filterConfig"
-          @cancel="() => tooltipSlotScope.hide()"
+          @cancel="hide"
           @submit="
-            (payload) => submit(payload, { hide: tooltipSlotScope.hide })
+            (payload) => submit(payload, { hide })
           "
         />
       </slot>

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

@@ -2,24 +2,29 @@
  * this component should only be used for config view representation: tooltip/popup/etc,
  * and their styling
  */
-import { WtTooltip } from '@webitel/ui-sdk/components';
+import { WtPopover } from '@webitel/ui-sdk/components';
 interface Props {
     disabled?: boolean;
     disableClickAway?: boolean;
 }
+declare const toggle: (event: any) => void;
+declare const hide: () => void;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_5: {
-    tooltipSlotScope: any;
-}, __VLS_7: {
-    tooltipSlotScope: any;
+declare var __VLS_1: {
+    toggle: (event: any) => void;
+    disabled: boolean;
+}, __VLS_9: {
+    hide: () => void;
 };
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    activator?: (props: typeof __VLS_5) => any;
+    activator?: (props: typeof __VLS_1) => any;
 } & {
-    content?: (props: typeof __VLS_7) => any;
+    content?: (props: typeof __VLS_9) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<Props, {
-    WtTooltip: typeof WtTooltip;
+    WtPopover: typeof WtPopover;
+    toggle: typeof toggle;
+    hide: typeof hide;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -12,9 +12,7 @@ declare const submit: (payload: FilterInitParams, { hide }: {
     hide: any;
 }) => void;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_9: {
-    tooltipSlotScope: any;
-};
+declare var __VLS_9: {};
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
     form?: (props: typeof __VLS_9) => any;
 }>;

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

@@ -19,13 +19,13 @@ declare const submit: (filter: IFilter, { hide }: {
 }) => void;
 declare const deleteFilter: () => void;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_28: {}, __VLS_38: {
-    tooltipSlotScope: any;
+declare var __VLS_29: {}, __VLS_39: {
+    hide: () => void;
 };
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    info?: (props: typeof __VLS_28) => any;
+    info?: (props: typeof __VLS_29) => any;
 } & {
-    form?: (props: typeof __VLS_38) => any;
+    form?: (props: typeof __VLS_39) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<DynamicFilterProps, {
     WtChip: typeof WtChip;