sprintify-ui 0.8.24 → 0.8.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.24",
+  "version": "0.8.26",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseTable.vue

@@ -66,8 +66,15 @@ const props = withDefaults(defineProps<{
 });
 
 const classes = computed(() => {
+
+  const base = 'border-separate border-spacing-0 text-sm';
+
+  if (!props.class) {
+    return base;
+  }
+
   return twMerge(
-    'border-separate border-spacing-0 text-sm',
+    base,
     props.class,
   );
 });

package/src/components/BaseTableCell.vue

@@ -1,6 +1,5 @@
 <template>
   <td
-    ref="tdRef"
     :align="align"
     :colspan="colspan"
     :class="classes"
@@ -154,23 +153,27 @@ const classes = computed(() => {
   const horizontalScrolling = baseTable?.value.fixedColumn && baseTableHorizontalScrolling?.value ? 'first:sticky first:z-[1] first:left-0 first:border-r-slate-200' : '';
   const flush = baseTable?.value.flush ? 'first:pl-0 last:pr-0' : '';
 
+  const internalClasses = [
+    base,
+    baseTd,
+    click,
+    backgroundColor,
+    borderColor,
+    firstCol,
+    horizontalScrolling,
+    flush,
+  ];
+
+  if (!props.class) {
+    return internalClasses;
+  }
+
   return twMerge(
-    [
-      base,
-      baseTd,
-      click,
-      backgroundColor,
-      borderColor,
-      firstCol,
-      horizontalScrolling,
-      flush,
-    ],
+    internalClasses,
     props.class,
   );
 });
 
-const tdRef = ref<HTMLTableCellElement | null>(null);
-
 function onClick(event: MouseEvent) {
   propsInternal.value.onClick?.(event);
 }

package/src/components/BaseTableHead.vue

@@ -26,6 +26,10 @@ provide('tableHead:props', computed(() => props));
 const classes = computed(() => {
   const base = '';
 
+  if (!props.class) {
+    return base;
+  }
+
   return twMerge(
     base,
     props.class,

package/src/components/BaseTableHeader.vue

@@ -65,15 +65,21 @@ const classes = computed(() => {
   const horizontalScrolling = baseTable?.value.fixedColumn && baseTableHorizontalScrolling?.value ? 'first:sticky first:z-[3] first:left-0 first:border-r-slate-200' : '';
   const flush = baseTable?.value.flush ? 'first:pl-0 last:pr-0' : '';
 
+  const internalClasses = [
+    base,
+    baseTh,
+    sticky,
+    firstCol,
+    horizontalScrolling,
+    flush,
+  ];
+
+  if (!props.class) {
+    return internalClasses;
+  }
+
   return twMerge(
-    [
-      base,
-      baseTh,
-      sticky,
-      firstCol,
-      horizontalScrolling,
-      flush,
-    ],
+    internalClasses,
     props.class,
   );
 });

package/src/components/BaseTableRow.vue

@@ -1,6 +1,5 @@
 <template>
   <tr
-    ref="trRef"
     :class="classes"
     @mouseenter="onMouseEnter"
     @mouseleave="onMouseLeave"
@@ -43,16 +42,13 @@ const props = withDefaults(defineProps<{
   onClick: undefined,
 });
 
-const trRef = ref<null | HTMLTableRowElement>(null);
-const parent = ref<null | undefined | HTMLElement>(null);
-
-onMounted(() => {
-  parent.value = trRef.value?.parentElement;
-});
-
 const classes = computed(() => {
   const base = 'group/row';
 
+  if (!props.class) {
+    return base;
+  }
+
   return twMerge(
     base,
     props.class,