@soft-stech/bootsman-ui-shadcn 2.0.11 → 2.0.13

package/src/components/table/BuiTableHeader.vue

@@ -17,14 +17,15 @@ const props = defineProps<{
     ref="headRef"
     :class="
       cn(
-        '[&_tr]:border-border/16',
         props.class,
         props.freezeHeader
           ? 'sticky top-0 z-1 [&_th:first-child>div>div]:pl-3 [&_th:last-child>div>div]:border-r-0 [&_th:last-child>div>div]:pr-14 [&_tr:last-child]:border-b-0'
-          : '[&_th:first-child>div]:pl-3 [&_th:last-child>div]:border-0 [&_th:last-child>div]:pr-14 [&_tr]:border-b'
+          : '[&_th:first-child>div]:pl-3 [&_th:last-child>div]:border-0 [&_th:last-child>div]:pr-14'
       )
     "
   >
-    <slot />
+    <tr class="h-10">
+      <slot />
+    </tr>
   </thead>
 </template>

package/src/lib/utils.ts

@@ -38,11 +38,14 @@ export const tableColumnSortCommon = (
       variant: 'none',
       class: 'text-foreground px-0 text-sm font-semibold h-full',
       'sorting-enabled': '',
-      onClick: () => column.toggleSorting(column.getIsSorted() === 'asc')
+      onClick: (e: Event) => {
+        e.stopPropagation()
+        column.toggleSorting(column.getIsSorted() === 'asc')
+      }
     },
     () => [
       h('div', { class: 'whitespace-normal break-normal' }, [name]),
-      h(icon, { class: 'ml-1 h-4 w-4 text-muted-foreground shrink-0 hover:text-primary' })
+      h(icon, { class: 'ml-1 h-4 w-4 text-muted-foreground shrink-0 group-hover:text-primary' })
     ]
   )
 }

package/src/stories/components/ComboboxStoryMultipleCreate.vue

@@ -2,12 +2,10 @@
 import { BuiButton } from '@/components/button'
 import {
   BuiCommand,
-  BuiCommandEmpty,
   BuiCommandGroup,
   BuiCommandInput,
   BuiCommandItem,
-  BuiCommandList,
-  BuiCommandNewItem
+  BuiCommandList
 } from '@/components/command'
 import {
   BuiForm,
@@ -73,39 +71,24 @@ const existingGroups = ref(['group-1', 'group-2', 'group-3'])
                 placeholder="Search or create new"
                 @input="(event: Event) => (search = (event.target as HTMLInputElement).value)"
               />
-              <BuiCommandEmpty class="flex w-full py-1 pl-1">
-                <BuiCommandNewItem
-                  v-if="search"
-                  @create="
-                    () => {
-                      setValue([...value, search])
-                      existingGroups = [...existingGroups, search]
-                      search = ''
-                      isGroupsPopoverOpen = false
-                    }
-                  "
-                >
-                  <CirclePlusIcon class="mr-2 h-4 w-4" />
-                  <span>Create "{{ search }}"</span>
-                </BuiCommandNewItem>
-              </BuiCommandEmpty>
               <BuiFormControl>
                 <BuiCommandList>
                   <BuiCommandGroup>
-                    <BuiCommandNewItem
-                      v-if="search"
-                      @create="
+                    <BuiCommandItem
+                      v-if="search && search.trim().length > 0 && !existingGroups.includes(search)"
+                      @select="
                         () => {
                           setValue([...value, search])
                           existingGroups = [...existingGroups, search]
-                          search = ''
                           isGroupsPopoverOpen = false
                         }
                       "
+                      :value="search"
+                      :key="`search-${search}`"
                     >
                       <CirclePlusIcon class="mr-2 h-4 w-4" />
                       <span>Create "{{ search }}"</span>
-                    </BuiCommandNewItem>
+                    </BuiCommandItem>
 
                     <BuiCommandItem
                       v-for="element in existingGroups"

package/dist/BuiCommandNewItem.vue_vue_type_script_setup_true_lang-acFO1int.js

@@ -1,34 +0,0 @@
-import { defineComponent as r, createBlock as s, openBlock as i, unref as n, normalizeClass as l, withCtx as f, renderSlot as m } from "vue";
-import { _ as u, g as _ } from "./utils-BSPS4DMf.js";
-const C = /* @__PURE__ */ r({
-  __name: "BuiCommandNewItem",
-  emits: ["create"],
-  setup(d, { emit: o }) {
-    const t = o;
-    function a() {
-      t("create");
-    }
-    function c(e) {
-      e.key === "Enter" && t("create");
-    }
-    return (e, p) => (i(), s(n(u), {
-      variant: "none",
-      onClick: a,
-      onKeydown: c,
-      class: l(
-        n(_)(
-          "text-primary w-full justify-start px-2 py-1.5 text-left focus:outline-hidden",
-          "hover:bg-accent/8 focus:bg-accent/8!"
-        )
-      )
-    }, {
-      default: f(() => [
-        m(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-});
-export {
-  C as _
-};

package/dist/BuiTable.vue_vue_type_script_setup_true_lang-B50INbhe.js

@@ -1,28 +0,0 @@
-import { defineComponent as a, createBlock as l, openBlock as n, unref as o, withCtx as i, renderSlot as r, createElementVNode as m, createVNode as c, normalizeClass as p } from "vue";
-import { _ as f } from "./BuiScrollArea.vue_vue_type_script_setup_true_lang-CE78e3qo.js";
-import { _ as u } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-BHEXdBam.js";
-import { g as _ } from "./utils-BSPS4DMf.js";
-const x = /* @__PURE__ */ a({
-  __name: "BuiTable",
-  props: {
-    class: {}
-  },
-  setup(t) {
-    const s = t;
-    return (e, d) => (n(), l(o(f), { class: "border-border/16 w-full grow overflow-auto rounded-sm border" }, {
-      default: i(() => [
-        r(e.$slots, "columnVisibility"),
-        m("table", {
-          class: p(o(_)("min-h-[90px] w-full caption-top text-sm", s.class))
-        }, [
-          r(e.$slots, "default")
-        ], 2),
-        c(o(u), { orientation: "horizontal" })
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  x as _
-};

package/dist/components/command/BuiCommandNewItem.js

@@ -1,4 +0,0 @@
-import { _ as f } from "../../BuiCommandNewItem.vue_vue_type_script_setup_true_lang-acFO1int.js";
-export {
-  f as default
-};

package/dist/components/command/BuiCommandNewItem.vue.d.ts

@@ -1,21 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    create: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
-    onCreate?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/src/components/command/BuiCommandNewItem.vue

@@ -1,32 +0,0 @@
-<script setup lang="ts">
-import { BuiButton } from '@/components/button'
-import { cn } from '@/lib/utils'
-
-const emit = defineEmits(['create'])
-
-function handleClick() {
-  emit('create')
-}
-
-function handleKeydown(event: KeyboardEvent) {
-  if (event.key === 'Enter') {
-    emit('create')
-  }
-}
-</script>
-
-<template>
-  <BuiButton
-    variant="none"
-    @click="handleClick"
-    @keydown="handleKeydown"
-    :class="
-      cn(
-        'text-primary w-full justify-start px-2 py-1.5 text-left focus:outline-hidden',
-        'hover:bg-accent/8 focus:bg-accent/8!'
-      )
-    "
-  >
-    <slot />
-  </BuiButton>
-</template>