edvoyui-component-library-test-flight 0.0.91 → 0.0.92

package/src/components/modal/EUIModal.vue

@@ -1,6 +1,6 @@
 <template>
   <Teleport defer to="body">
-    <Transition name="modal">
+    <Transition name="modal" appear>
       <div
         v-if="isVisible"
         class="fixed inset-0 z-50 flex flex-col items-center justify-end sm:justify-center"
@@ -83,7 +83,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, watchEffect } from "vue";
+import { defineComponent, onMounted, onUnmounted, watch } from "vue";
 
 export default defineComponent({
   name: "Modal",
@@ -108,27 +108,44 @@ export default defineComponent({
       type: Boolean,
       default: true,
     },
-  },
-  emits: ["update:isVisible", "confirm"],
-  methods: {
-    closeModal() {
-      this.$emit("update:isVisible", false);
+    persistent: {
+      type: Boolean,
+      default: false,
     },
   },
-  setup(props) {
-    watchEffect(() => {
-      if (props.isVisible) {
-        document.body.style.overflow = "hidden"; // Disable body scroll
-      } else {
-        document.body.style.overflow = ""; // Re-enable body scroll
+  emits: ["update:isVisible", "confirm"],
+  setup(props, { emit }) {
+    // Methods
+    const closeModal = () => {
+      if (!props.persistent) {
+        emit("update:isVisible", false);
       }
+    };
+    const handleKeydown = (event: KeyboardEvent) => {
+      if (event.key === "Escape" && props.isVisible && !props.persistent) {
+        closeModal();
+      }
+    };
+    // Watcher for body scroll lock
+    watch(
+      () => props.isVisible,
+      (newVal) => {
+        document.body.style.overflow = newVal ? "hidden" : "";
+      }
+    );
+    // Lifecycle hooks
+    onMounted(() => {
+      window.addEventListener("keydown", handleKeydown);
     });
 
-    return {};
-  },
-  beforeUnmount() {
-    document.body.style.overflow = ""; // Re-enable scroll when component unmounts
-  },
+    onUnmounted(() => {
+      document.body.style.overflow = ""; // Reset scroll when modal unmounts
+      window.removeEventListener("keydown", handleKeydown);
+    });
+    return {
+      closeModal
+    };
+  }
 });
 </script>
 

package/src/components/table/UTable.vue

@@ -177,9 +177,15 @@
                     "
                   >
                     <div
-                      class="flex items-center justify-center text-xl font-medium text-gray-500 h-[calc(100svh-18rem)] max-w-screen-xl border"
+                      class="flex items-center justify-center w-[calc(100vw-14rem)]"
+                      :class="[tableHeight ? tableHeight : 'h-[calc(100svh-12rem)] max-h-[calc(100svh-12rem)]']"
                     >
-                      No matching records found
+                      <div class="text-center">
+                        <div class="mx-auto overflow-hidden rounded-md size-56">
+                        <img src="@/assets/images/search-nodata.png" alt="" class="block object-contain object-center h-auto max-w-full opacity-90" />
+                      </div>
+                      <div class="my-2 text-xl font-medium text-gray-500">No matching records found</div>
+                      </div>
                     </div>
                   </td>
                 </tr>

package/dist/EUIButton.vue.d.ts

@@ -1,5 +0,0 @@
-import _sfc_main from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/button/EUIButton.vue?vue&type=script&setup=true&lang.ts";
-export * from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/button/EUIButton.vue?vue&type=script&setup=true&lang.ts";
-import "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/button/EUIButton.vue?vue&type=style&index=0&lang.scss";
-export default _sfc_main;
-//# sourceMappingURL=EUIButton.vue.d.ts.map

package/dist/EUIButton.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EUIButton.vue.d.ts","sourceRoot":"","sources":["../src/components/button/EUIButton.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wHAAwH,CAAC;AAC/I,cAAc,wHAAwH,CAAC;AACvI,OAAO,sHAAsH,CAAC;AAC9H,eAAe,SAAS,CAAC"}

package/dist/selectSearch/EUISelectSearch.vue.d.ts

@@ -1,4 +0,0 @@
-import _sfc_main from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/selectSearch/EUISelectSearch.vue?vue&type=script&setup=true&lang.ts";
-export * from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/selectSearch/EUISelectSearch.vue?vue&type=script&setup=true&lang.ts";
-export default _sfc_main;
-//# sourceMappingURL=EUISelectSearch.vue.d.ts.map

package/dist/selectSearch/EUISelectSearch.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EUISelectSearch.vue.d.ts","sourceRoot":"","sources":["../../src/components/selectSearch/EUISelectSearch.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oIAAoI,CAAC;AAC3J,cAAc,oIAAoI,CAAC;AACnJ,eAAe,SAAS,CAAC"}