@webitel/ui-sdk 26.6.20 → 26.6.21

package/src/components/wt-popover/_internals/composables/usePopoverOverlayFix.ts

@@ -0,0 +1,37 @@
+import { onBeforeUnmount, onMounted, type Ref } from 'vue';
+
+// https://github.com/primefaces/primevue/issues/8529
+// When a select/multiselect overlay closes before the click event fires (single select),
+// the click retargets to body and PrimeVue's outside-click closes the popover.
+// Fix: on pointerdown inside a teleported overlay, suppress the popover's outside-click
+// listener for one click cycle so it doesn't fire on the retargeted body click.
+export const usePopoverOverlayFix = (
+	innerPopover: Ref<{
+		outsideClickListener?: EventListener;
+	} | null>,
+) => {
+	const onDocumentPointerdown = (event: PointerEvent) => {
+		const target = event.target as Element;
+		if (!target?.closest('.p-select-overlay, .p-multiselect-overlay')) return;
+		const listener = innerPopover.value?.outsideClickListener;
+		if (!listener) return;
+		document.removeEventListener('click', listener);
+		document.addEventListener(
+			'click',
+			() => {
+				document.addEventListener('click', listener);
+			},
+			{
+				once: true,
+				capture: false,
+			},
+		);
+	};
+
+	onMounted(() =>
+		document.addEventListener('pointerdown', onDocumentPointerdown, true),
+	);
+	onBeforeUnmount(() =>
+		document.removeEventListener('pointerdown', onDocumentPointerdown, true),
+	);
+};

package/src/components/wt-popover/wt-popover.vue

@@ -23,7 +23,8 @@
 
 <script setup lang="ts">
 import type { PopoverEmitsOptions, PopoverProps } from 'primevue';
-import { defineExpose, useAttrs, useTemplateRef } from 'vue';
+import { useAttrs, useTemplateRef } from 'vue';
+import { usePopoverOverlayFix } from './_internals/composables/usePopoverOverlayFix';
 
 interface Props extends PopoverProps {
 	disabled?: boolean;
@@ -45,6 +46,8 @@ const props = withDefaults(defineProps<Props>(), {
 });
 defineEmits<PopoverEmitsOptions>();
 
+usePopoverOverlayFix(innerPopover);
+
 const toggle = (event?: Event, target?: HTMLElement | null | undefined) => {
 	if (props.disabled) return;
 

package/src/css/pages/table-page.css

@@ -10,7 +10,7 @@
 
 .table-page .wt-page-wrapper__main,
 /* coz .table-section can exist without .table-page (in tabs, for instance)*/
-	.wt-page-wrapper__main:has(.table-section) {
+.wt-page-wrapper__main:has(.table-section) {
 	min-height: 0;
 }
 

package/src/modules/AppConfig/index.ts

@@ -59,5 +59,5 @@ export function createAppConfig<T>(
 	};
 }
 
-export { fetchConfig };
 export type { PartialDeep };
+export { fetchConfig };

package/src/modules/UserNotifications/stores/userNotificationsStore.ts

@@ -83,22 +83,18 @@ export const createUserNotificationsStore = () => {
 		};
 
 		const showNotifications = async (userId: string) => {
-			try {
-				if (isShownUserNotifications(userId)) return;
+			if (isShownUserNotifications(userId)) return;
 
-				const apiNotifications = await fetchNotifications();
-				notifications.value = mapNotifications(apiNotifications);
+			const apiNotifications = await fetchNotifications();
+			notifications.value = mapNotifications(apiNotifications);
 
-				if (!notifications.value?.length) return;
+			if (!notifications.value?.length) return;
 
-				notifications.value.forEach((notification) => {
-					emitNotification(notification);
-				});
+			notifications.value.forEach((notification) => {
+				emitNotification(notification);
+			});
 
-				setShownUserNotifications(userId);
-			} catch (err) {
-				throw err;
-			}
+			setShownUserNotifications(userId);
 		};
 
 		return {

package/src/modules/Userinfo/types/UserAccess.d.ts

@@ -9,13 +9,13 @@ import type {
 	WtApplication,
 	WtObject,
 } from '../../../../enums';
+import type { ApplicationsAccessSchema } from '../classes/ApplicationsAccess';
 import type {
 	CrudGlobalAction,
 	ScopeClass,
 	SpecialGlobalAction,
 	WebitelLicense,
 } from '../enums';
-import type { ApplicationsAccessSchema } from '../classes/ApplicationsAccess';
 
 /**
  * @description

package/types/components/wt-popover/_internals/composables/usePopoverOverlayFix.d.ts

@@ -0,0 +1,4 @@
+import { type Ref } from 'vue';
+export declare const usePopoverOverlayFix: (innerPopover: Ref<{
+    outsideClickListener?: EventListener;
+} | null>) => void;

package/types/modules/AppConfig/index.d.ts

@@ -27,5 +27,5 @@ export interface AppConfigModule<T> {
  * ```
  */
 export declare function createAppConfig<T>(defaultConfig: PartialDeep<T>): AppConfigModule<T>;
-export { fetchConfig };
 export type { PartialDeep };
+export { fetchConfig };

package/dist/wt-popover.vue_vue_type_style_index_0_lang-BxD5Zt_u.js

@@ -1,59 +0,0 @@
-import { defineComponent as b, useAttrs as m, useTemplateRef as y, resolveComponent as x, createElementBlock as h, openBlock as k, renderSlot as u, createVNode as B, normalizeProps as r, guardReactiveProps as i, mergeProps as g, unref as c, toHandlers as P, withCtx as w } from "vue";
-const I = /* @__PURE__ */ b({
-  __name: "wt-popover",
-  props: {
-    disabled: { type: Boolean, default: !1 },
-    dismissable: { type: Boolean },
-    appendTo: { default: "body" },
-    baseZIndex: { default: 0 },
-    autoZIndex: { type: Boolean, default: !0 },
-    breakpoints: { default: null },
-    dt: { default: null },
-    pt: { default: null },
-    ptOptions: { default: null },
-    unstyled: { type: Boolean, default: !1 },
-    closeOnEscape: { type: Boolean, default: !0 }
-  },
-  emits: ["show", "hide"],
-  setup(e, { expose: f }) {
-    const s = m(), o = y("innerPopover"), d = e, a = (t, n) => {
-      d.disabled || o.value?.toggle(t, n ?? void 0);
-    }, p = (t, n) => {
-      d.disabled || o.value?.show(t, n ?? void 0);
-    }, l = (t) => {
-      o.value?.hide(t);
-    };
-    return f({
-      toggle: a,
-      show: p,
-      hide: l
-    }), (t, n) => {
-      const v = x("p-popover");
-      return k(), h("div", null, [
-        u(t.$slots, "activator", r(i({ show: p, toggle: a, hide: l }))),
-        B(v, g(c(s), {
-          ref_key: "innerPopover",
-          ref: o
-        }, {
-          "append-to": e.appendTo,
-          "base-z-index": e.baseZIndex,
-          "auto-z-index": e.autoZIndex,
-          breakpoints: e.breakpoints,
-          dt: e.dt,
-          pt: e.pt,
-          "pt-options": e.ptOptions,
-          "close-on-escape": e.closeOnEscape,
-          unstyled: e.unstyled
-        }, P(c(s))), {
-          default: w(() => [
-            u(t.$slots, "default", r(i({ hide: l, toggle: a })))
-          ], void 0, !0),
-          _: 3
-        }, 16, ["append-to", "base-z-index", "auto-z-index", "breakpoints", "dt", "pt", "pt-options", "close-on-escape", "unstyled"])
-      ]);
-    };
-  }
-});
-export {
-  I as _
-};