@pequity/squirrel 8.4.2 → 8.4.3

package/dist/cjs/usePTableRowVirtualizer.js

@@ -9,7 +9,7 @@ const usePTableRowVirtualizer = (options) => {
       virtualRows: vue.ref([{ key: 0, index: 0 }]),
       paddingTop: vue.ref(0),
       paddingBottom: vue.ref(0),
-      measureElement: () => vue.ref(void 0)
+      measureElement: () => void 0
     };
   }
   const virtualizer = vueVirtual.useVirtualizer(options);
@@ -18,13 +18,16 @@ const usePTableRowVirtualizer = (options) => {
   const paddingBottom = vue.computed(
     () => virtualRows.value.length > 0 ? virtualizer?.value.getTotalSize() - virtualRows.value[virtualRows.value.length - 1].end : 0
   );
-  const measureElement = (cmp) => {
-    const el = vue.isRef(cmp) ? vue.unref(cmp) : cmp?.$el;
+  const measureElement = (el) => {
+    if (!el) {
+      return;
+    }
+    const element = el instanceof Element ? el : el.$el;
     vue.nextTick(() => {
-      if (!el) {
+      if (!element || !(element instanceof HTMLElement)) {
         return;
       }
-      virtualizer.value.measureElement(el);
+      virtualizer.value.measureElement(element);
     });
     return void 0;
   };

package/dist/es/usePTableRowVirtualizer.js

@@ -1,5 +1,5 @@
 import { useVirtualizer } from "@tanstack/vue-virtual";
-import { ref, computed, isRef, unref, nextTick } from "vue";
+import { ref, computed, nextTick } from "vue";
 const usePTableRowVirtualizer = (options) => {
   if (!options.value) {
     return {
@@ -7,7 +7,7 @@ const usePTableRowVirtualizer = (options) => {
       virtualRows: ref([{ key: 0, index: 0 }]),
       paddingTop: ref(0),
       paddingBottom: ref(0),
-      measureElement: () => ref(void 0)
+      measureElement: () => void 0
     };
   }
   const virtualizer = useVirtualizer(options);
@@ -16,13 +16,16 @@ const usePTableRowVirtualizer = (options) => {
   const paddingBottom = computed(
     () => virtualRows.value.length > 0 ? virtualizer?.value.getTotalSize() - virtualRows.value[virtualRows.value.length - 1].end : 0
   );
-  const measureElement = (cmp) => {
-    const el = isRef(cmp) ? unref(cmp) : cmp?.$el;
+  const measureElement = (el) => {
+    if (!el) {
+      return;
+    }
+    const element = el instanceof Element ? el : el.$el;
     nextTick(() => {
-      if (!el) {
+      if (!element || !(element instanceof HTMLElement)) {
         return;
       }
-      virtualizer.value.measureElement(el);
+      virtualizer.value.measureElement(element);
     });
     return void 0;
   };

package/dist/squirrel/components/p-table/usePTableRowVirtualizer.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPublicInstance, type ComputedRef, type Ref } from 'vue';
+import { type ComponentPublicInstance, type ComputedRef } from 'vue';
 type Options = ComputedRef<{
     count: number;
     getScrollElement: () => HTMLElement | null;
@@ -8,7 +8,7 @@ type Options = ComputedRef<{
 }>;
 export declare const usePTableRowVirtualizer: (options: Options) => {
     virtualizer: null;
-    virtualRows: Ref<{
+    virtualRows: import("vue").Ref<{
         key: number;
         index: number;
     }[], {
@@ -18,14 +18,14 @@ export declare const usePTableRowVirtualizer: (options: Options) => {
         key: number;
         index: number;
     }[]>;
-    paddingTop: Ref<number, number>;
-    paddingBottom: Ref<number, number>;
-    measureElement: () => Ref<undefined, undefined>;
+    paddingTop: import("vue").Ref<number, number>;
+    paddingBottom: import("vue").Ref<number, number>;
+    measureElement: () => undefined;
 } | {
-    virtualizer: Ref<import("@tanstack/vue-virtual").Virtualizer<HTMLElement, Element>, import("@tanstack/vue-virtual").Virtualizer<HTMLElement, Element>>;
+    virtualizer: import("vue").Ref<import("@tanstack/vue-virtual").Virtualizer<HTMLElement, Element>, import("@tanstack/vue-virtual").Virtualizer<HTMLElement, Element>>;
     virtualRows: ComputedRef<import("@tanstack/vue-virtual").VirtualItem[]>;
     paddingTop: ComputedRef<number>;
     paddingBottom: ComputedRef<number>;
-    measureElement: (cmp: ComponentPublicInstance | Ref<HTMLElement>) => undefined;
+    measureElement: (el: Element | ComponentPublicInstance | null) => undefined;
 };
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "8.4.2",
+  "version": "8.4.3",
   "packageManager": "pnpm@10.12.4",
   "type": "module",
   "scripts": {
@@ -98,7 +98,7 @@
     "vue-currency-input": "3.2.1",
     "vue-router": "4.5.1",
     "vue-toastification": "2.0.0-rc.5",
-    "vue-tsc": "3.0.0"
+    "vue-tsc": "3.0.1"
   },
   "dependencies": {
     "tailwind-variants": "^1.0.0"

package/squirrel/components/p-table/usePTableRowVirtualizer.ts

@@ -1,5 +1,5 @@
 import { useVirtualizer } from '@tanstack/vue-virtual';
-import { type ComponentPublicInstance, computed, type ComputedRef, isRef, nextTick, type Ref, ref, unref } from 'vue';
+import { type ComponentPublicInstance, computed, type ComputedRef, nextTick, ref } from 'vue';
 
 type Options = ComputedRef<{
   count: number;
@@ -16,7 +16,7 @@ export const usePTableRowVirtualizer = (options: Options) => {
       virtualRows: ref([{ key: 0, index: 0 }]),
       paddingTop: ref(0),
       paddingBottom: ref(0),
-      measureElement: () => ref(undefined),
+      measureElement: () => undefined,
     };
   }
 
@@ -32,15 +32,19 @@ export const usePTableRowVirtualizer = (options: Options) => {
       : 0
   );
 
-  const measureElement = (cmp: ComponentPublicInstance | Ref<HTMLElement>) => {
-    const el = isRef(cmp) ? unref(cmp) : cmp?.$el;
+  const measureElement = (el: Element | ComponentPublicInstance | null) => {
+    if (!el) {
+      return;
+    }
+
+    const element = el instanceof Element ? el : el.$el;
 
     nextTick(() => {
-      if (!el) {
+      if (!element || !(element instanceof HTMLElement)) {
         return;
       }
 
-      virtualizer.value.measureElement(el);
+      virtualizer.value.measureElement(element);
     });
 
     return undefined;