@soft-stech/bootsman-ui-shadcn 1.5.4 → 1.5.5

package/src/components/ui/table/BuiTableHead.vue

@@ -1,4 +1,5 @@
-<script setup lang="ts">
+<script setup lang="ts" generic="TData, TValue">
+import { BuiContextMenu, BuiContextMenuTrigger } from '@/components/ui/context-menu'
 import { cn } from '@/lib/utils'
 
 const props = defineProps<{
@@ -17,7 +18,27 @@ const props = defineProps<{
       )
     "
   >
+    <BuiContextMenu v-if="$slots.actions">
+      <BuiContextMenuTrigger as-child>
+        <div
+          class="flex h-full items-center !border-b !border-border/[0.16]"
+          :class="{
+            'bg-foreground/[0.04]': props.freezeHeader,
+            'header-cell_wrapper': !props.freezeHeader
+          }"
+        >
+          <div
+            class="flex h-full w-full items-center whitespace-nowrap border-r border-border/[0.16] px-2 text-sm font-semibold"
+            :class="{ 'header-cell_wrapper': props.freezeHeader }"
+          >
+            <slot />
+          </div>
+        </div>
+      </BuiContextMenuTrigger>
+      <slot name="actions" />
+    </BuiContextMenu>
     <div
+      v-else
       class="flex h-full items-center !border-b !border-border/[0.16]"
       :class="{
         'bg-foreground/[0.04]': props.freezeHeader,

package/src/lib/utils.ts

@@ -31,6 +31,7 @@ export const tableColumnSortCommon = (column: Column<any>, name: string) => {
     {
       variant: 'none',
       class: 'text-foreground px-0 text-sm font-semibold h-full',
+      'sorting-enabled': '',
       onClick: () => column.toggleSorting(column.getIsSorted() === 'asc')
     },
     () => [

package/dist/BuiTableHead.vue_vue_type_script_setup_true_lang-7Lueg0eT.js

@@ -1,37 +0,0 @@
-import { defineComponent as t, openBlock as s, createElementBlock as d, normalizeClass as r, unref as n, createElementVNode as o, renderSlot as c } from "vue";
-import { g as f } from "./utils-Dn2Y7TRK.js";
-const b = /* @__PURE__ */ t({
-  __name: "BuiTableHead",
-  props: {
-    class: {},
-    freezeHeader: { type: Boolean }
-  },
-  setup(l) {
-    const e = l;
-    return (a, p) => (s(), d("th", {
-      class: r(
-        n(f)(
-          "relative h-10 text-left align-middle text-foreground [&:has([role=checkbox])]:pr-0 ",
-          e.class,
-          e.freezeHeader ? "bg-background p-0" : "bg-foreground/[0.04] p-0"
-        )
-      )
-    }, [
-      o("div", {
-        class: r(["flex h-full items-center !border-b !border-border/[0.16]", {
-          "bg-foreground/[0.04]": e.freezeHeader,
-          "header-cell_wrapper": !e.freezeHeader
-        }])
-      }, [
-        o("div", {
-          class: r(["flex h-full w-full items-center whitespace-nowrap border-r border-border/[0.16] px-2 text-sm font-semibold", { "header-cell_wrapper": e.freezeHeader }])
-        }, [
-          c(a.$slots, "default")
-        ], 2)
-      ], 2)
-    ], 2));
-  }
-});
-export {
-  b as _
-};