@fy-/fws-vue 0.6.9 → 0.7.1

package/components/ui/DefaultNotif.vue

@@ -13,7 +13,7 @@ import {
 } from "@heroicons/vue/24/solid";
 import { useEventBus } from "../../composables/event-bus";
 import type { Component } from "vue";
-import FadeTransition from "./transitions/FadeTransition.vue";
+import ScaleTransition from "./transitions/ScaleTransition.vue";
 interface NotifProps {
   imgSrc?: string;
   imgIcon?: Component;
@@ -29,37 +29,36 @@ const notif = ref<HTMLElement | null>(null);
 const eventBus = useEventBus();
 const currentNotif = ref<NotifProps | null>(null);
 let currentTimeout: any | null = null;
-const onCall = (props: NotifProps) => {
+const onCall = (data: NotifProps) => {
   if (currentNotif.value !== null) {
     hideNotif();
   }
-  const actualIcon = ref(props.imgIcon);
-  if (props.imgIcon === undefined) {
-    if (props.type === "info") {
+  const actualIcon = ref(data.imgIcon);
+  if (data.imgIcon === undefined) {
+    if (data.type === "info") {
       actualIcon.value = LightBulbIcon;
-    } else if (props.type === "warning") {
+    } else if (data.type === "warning") {
       actualIcon.value = ExclamationTriangleIcon;
-    } else if (props.type === "success") {
+    } else if (data.type === "success") {
       actualIcon.value = CheckCircleIcon;
     }
   }
-  if (!props.time || props.time < 1000) {
-    props.time = 5000;
+  if (!data.time || data.time < 1000) {
+    data.time = 5000;
   }
 
   currentNotif.value = {
-    imgSrc: props.imgSrc,
+    imgSrc: data.imgSrc,
     imgIcon: actualIcon.value,
-    title: props.title,
-    content: props.content,
-    ctaText: props.ctaText,
-    ctaLink: props.ctaLink,
-    ctaAction: props.ctaAction,
+    title: data.title,
+    content: data.content,
+    ctaText: data.ctaText,
+    ctaLink: data.ctaLink,
+    time: data.time,
+    ctaAction: data.ctaAction,
   };
 
-  currentTimeout = setTimeout(() => {
-    hideNotif();
-  }, currentNotif.value.time);
+  currentTimeout = setTimeout(hideNotif, currentNotif.value.time);
 };
 
 const hideNotif = () => {
@@ -69,14 +68,14 @@ const hideNotif = () => {
   }
 };
 onMounted(() => {
-  eventBus.on("main-notif", onCall);
+  eventBus.on("SendNotif", onCall);
 });
 onUnmounted(() => {
-  eventBus.off("main-notif", onCall);
+  eventBus.off("SendNotif", onCall);
 });
 </script>
 <template>
-  <FadeTransition>
+  <ScaleTransition>
     <div
       id="mainNotif"
       ref="notif"
@@ -156,5 +155,5 @@ onUnmounted(() => {
         </button>
       </div>
     </div>
-  </FadeTransition>
+  </ScaleTransition>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fy-/fws-vue",
-  "version": "0.6.9",
+  "version": "0.7.1",
   "author": "Florian 'Fy' Gasquez <m@fy.to>",
   "license": "MIT",
   "repository": {