@soft-stech/bootsman-ui-shadcn 1.3.4 → 1.3.5

package/dist/{BuiDataTable.vue_vue_type_script_setup_true_lang-D2QvMzcY.js → BuiDataTable.vue_vue_type_script_setup_true_lang-B38w7sKR.js}

@@ -1,10 +1,10 @@
-import { defineComponent as D, mergeModels as L, useModel as b, computed as S, watchEffect as U, openBlock as n, createElementBlock as s, Fragment as d, renderSlot as V, unref as o, createCommentVNode as y, createVNode as g, withCtx as a, renderList as f, createBlock as m, createElementVNode as F, createTextVNode as v, toDisplayString as w } from "vue";
+import { defineComponent as L, mergeModels as U, useModel as b, computed as y, watchEffect as F, openBlock as n, createElementBlock as u, Fragment as d, renderSlot as w, unref as o, createCommentVNode as S, createVNode as g, withCtx as a, renderList as f, createBlock as m, createElementVNode as z, createTextVNode as v, toDisplayString as C } from "vue";
 import { _ as O } from "./BuiCollapsible.vue_vue_type_script_setup_true_lang-BfgRYJts.js";
 import { _ as T } from "./BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-DJ8YMCCp.js";
-import { _ as G } from "./BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-eieHE5yV.js";
-import { _ as j } from "./BuiPaginationCommon.vue_vue_type_script_setup_true_lang-DjLAqoa-.js";
-import { v as C } from "./utils-DPuEjrVV.js";
-import { _ as z } from "./BuiTableRowSubrow.vue_vue_type_script_setup_true_lang-Ch5gemw2.js";
+import { _ as j } from "./BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-eieHE5yV.js";
+import { _ as G } from "./BuiPaginationCommon.vue_vue_type_script_setup_true_lang-DjLAqoa-.js";
+import { v as R } from "./utils-DPuEjrVV.js";
+import { _ as N } from "./BuiTableRowSubrow.vue_vue_type_script_setup_true_lang-Ch5gemw2.js";
 import { useVueTable as H, getCoreRowModel as K, getPaginationRowModel as Y, getSortedRowModel as q, FlexRender as A } from "@tanstack/vue-table";
 import { _ as J } from "./BuiTable.vue_vue_type_script_setup_true_lang-CUPSwE5z.js";
 import { _ as Q } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-CWT4u-Ma.js";
@@ -17,9 +17,12 @@ import { _ as ee } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-Cf
 const te = {
   key: 0,
   class: "w-full py-4"
-}, oe = { class: "inline-block rounded-t bg-background px-4 py-3" }, N = "#UNDEFINED#", ye = /* @__PURE__ */ D({
+}, oe = { class: "flex w-full items-center justify-between" }, ne = { class: "inline-block rounded-t bg-background px-4 py-3" }, ae = {
+  key: 0,
+  class: ""
+}, E = "#UNDEFINED#", ve = /* @__PURE__ */ L({
   __name: "BuiDataTable",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ U({
     columns: {},
     data: {},
     pageSize: { default: 10 },
@@ -43,7 +46,7 @@ const te = {
   }),
   emits: ["update:sorting", "update:pagination", "update:selection", "update:columnVisibility"],
   setup(c) {
-    const t = c, R = b(c, "sorting"), p = b(c, "pagination"), k = b(c, "selection"), E = b(c, "columnVisibility"), I = S(
+    const t = c, $ = b(c, "sorting"), p = b(c, "pagination"), k = b(c, "selection"), D = b(c, "columnVisibility"), I = y(
       () => t.manualPagination ? t.totalItems : t.data.length
     ), i = H({
       initialState: { pagination: { pageSize: t.pageSize } },
@@ -57,13 +60,13 @@ const te = {
       getPaginationRowModel: Y(),
       getSortedRowModel: q(),
       onSortingChange: (e) => {
-        C(e, R);
+        R(e, $);
       },
       onPaginationChange: (e) => {
-        C(e, p);
+        R(e, p);
       },
       onRowSelectionChange: (e) => {
-        C(e, k);
+        R(e, k);
       },
       autoResetPageIndex: !1,
       manualPagination: t.manualPagination,
@@ -71,7 +74,7 @@ const te = {
       manualSorting: t.manualSorting,
       state: {
         get sorting() {
-          return R.value;
+          return $.value;
         },
         get pagination() {
           return p.value;
@@ -80,18 +83,18 @@ const te = {
           return k.value;
         },
         get columnVisibility() {
-          return E.value;
+          return D.value;
         }
       },
       getRowId: t.getRowId
-    }), $ = S({
+    }), h = y({
       get() {
         return i.getState().pagination.pageSize;
       },
       set(e) {
         p.value && (p.value.pageSize = e, i.setPageSize(e), i.setPageIndex(0));
       }
-    }), _ = S({
+    }), _ = y({
       get() {
         return i.getState().pagination.pageIndex + 1;
       },
@@ -99,37 +102,37 @@ const te = {
         p.value && (p.value.pageIndex = e - 1, i.setPageIndex(e - 1));
       }
     });
-    U(() => {
+    F(() => {
       const e = i.getPageCount();
       e && e < _.value && (_.value = e);
     });
-    const M = S(() => t.groupBy ? i.getRowModel().rows.reduce((e, u) => {
-      const r = u.getValue(t.groupBy) ?? N;
-      return e[r] = e[r] || [], e[r].push(u), e;
+    const B = y(() => t.groupBy ? i.getRowModel().rows.reduce((e, s) => {
+      const l = s.getValue(t.groupBy) ?? E;
+      return e[l] = e[l] || [], e[l].push(s), e;
     }, /* @__PURE__ */ Object.create(null)) : null);
-    function h(e) {
+    function M(e) {
       return (t.groupBy && t.groupLabels ? t.groupLabels[t.groupBy] || [] : [])[e];
     }
-    return (e, u) => (n(), s(d, null, [
-      e.$slots.caption ? (n(), s("div", te, [
-        V(e.$slots, "caption", { table: o(i) })
-      ])) : y("", !0),
+    return (e, s) => (n(), u(d, null, [
+      e.$slots.caption ? (n(), u("div", te, [
+        w(e.$slots, "caption", { table: o(i) })
+      ])) : S("", !0),
       g(o(J), null, {
         default: a(() => [
           g(o(X), null, {
             default: a(() => [
-              (n(!0), s(d, null, f(o(i).getHeaderGroups(), (l) => (n(), m(o(P), {
-                key: l.id
+              (n(!0), u(d, null, f(o(i).getHeaderGroups(), (r) => (n(), m(o(P), {
+                key: r.id
               }, {
                 default: a(() => [
-                  (n(!0), s(d, null, f(l.headers, (r) => (n(), m(o(W), {
-                    key: r.id
+                  (n(!0), u(d, null, f(r.headers, (l) => (n(), m(o(W), {
+                    key: l.id
                   }, {
                     default: a(() => [
-                      r.isPlaceholder ? y("", !0) : (n(), m(o(A), {
+                      l.isPlaceholder ? S("", !0) : (n(), m(o(A), {
                         key: 0,
-                        render: r.column.columnDef.header,
-                        props: r.getContext()
+                        render: l.column.columnDef.header,
+                        props: l.getContext()
                       }, null, 8, ["render", "props"]))
                     ]),
                     _: 2
@@ -142,10 +145,10 @@ const te = {
           }),
           g(o(Q), null, {
             default: a(() => [
-              o(i).getRowModel().rows?.length ? (n(), s(d, { key: 0 }, [
-                t.groupBy && M.value ? (n(!0), s(d, { key: 0 }, f(M.value, (l, r) => (n(), m(o(O), {
+              o(i).getRowModel().rows?.length ? (n(), u(d, { key: 0 }, [
+                t.groupBy && B.value ? (n(!0), u(d, { key: 0 }, f(B.value, (r, l) => (n(), m(o(O), {
                   asChild: "",
-                  key: r,
+                  key: l,
                   open: !0
                 }, {
                   default: a(() => [
@@ -158,12 +161,17 @@ const te = {
                               class: "!pb-0"
                             }, {
                               default: a(() => [
-                                F("div", oe, [
-                                  r === N ? (n(), s(d, { key: 0 }, [
-                                    v(w(h(1)), 1)
-                                  ], 64)) : (n(), s(d, { key: 1 }, [
-                                    v(w(h(0)) + ": " + w(r), 1)
-                                  ], 64))
+                                z("div", oe, [
+                                  z("div", ne, [
+                                    l === E ? (n(), u(d, { key: 0 }, [
+                                      v(C(M(1)), 1)
+                                    ], 64)) : (n(), u(d, { key: 1 }, [
+                                      v(C(M(0)) + ": " + C(l), 1)
+                                    ], 64))
+                                  ]),
+                                  e.$slots.groupByRow ? (n(), u("div", ae, [
+                                    w(e.$slots, "groupByRow", { group: l })
+                                  ])) : S("", !0)
                                 ])
                               ]),
                               _: 2
@@ -174,12 +182,12 @@ const te = {
                       ]),
                       _: 2
                     }, 1024),
-                    g(o(G), { asChild: "" }, {
+                    g(o(j), { asChild: "" }, {
                       default: a(() => [
-                        (n(!0), s(d, null, f(l, (B) => (n(), m(z, {
-                          key: B.id,
+                        (n(!0), u(d, null, f(r, (V) => (n(), m(N, {
+                          key: V.id,
                           columns: t.columns,
-                          row: B,
+                          row: V,
                           renderSubComponent: t.renderSubComponent
                         }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
                       ]),
@@ -187,10 +195,10 @@ const te = {
                     }, 1024)
                   ]),
                   _: 2
-                }, 1024))), 128)) : (n(!0), s(d, { key: 1 }, f(o(i).getRowModel().rows, (l) => (n(), m(z, {
-                  key: l.id,
+                }, 1024))), 128)) : (n(!0), u(d, { key: 1 }, f(o(i).getRowModel().rows, (r) => (n(), m(N, {
+                  key: r.id,
                   columns: t.columns,
-                  row: l,
+                  row: r,
                   renderSubComponent: t.renderSubComponent
                 }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
               ], 64)) : (n(), m(o(Z), {
@@ -198,8 +206,8 @@ const te = {
                 colspan: e.columns.length
               }, {
                 default: a(() => [
-                  V(e.$slots, "nodata", {}, () => [
-                    u[2] || (u[2] = v("No data"))
+                  w(e.$slots, "nodata", {}, () => [
+                    s[2] || (s[2] = v("No data"))
                   ])
                 ]),
                 _: 3
@@ -215,13 +223,13 @@ const te = {
                     colspan: e.columns.length
                   }, {
                     default: a(() => [
-                      g(o(j), {
+                      g(o(G), {
                         class: "float-right",
                         total: I.value,
                         pageIndex: _.value,
-                        "onUpdate:pageIndex": u[0] || (u[0] = (l) => _.value = l),
-                        pageSize: $.value,
-                        "onUpdate:pageSize": u[1] || (u[1] = (l) => $.value = l)
+                        "onUpdate:pageIndex": s[0] || (s[0] = (r) => _.value = r),
+                        pageSize: h.value,
+                        "onUpdate:pageSize": s[1] || (s[1] = (r) => h.value = r)
                       }, null, 8, ["total", "pageIndex", "pageSize"])
                     ]),
                     _: 1
@@ -231,7 +239,7 @@ const te = {
               })
             ]),
             _: 1
-          })) : y("", !0)
+          })) : S("", !0)
         ]),
         _: 3
       })
@@ -239,5 +247,5 @@ const te = {
   }
 });
 export {
-  ye as _
+  ve as _
 };

package/dist/components/ui/table/BuiDataTable.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-D2QvMzcY.js";
+import { _ as f } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-B38w7sKR.js";
 export {
   f as default
 };

package/dist/components/ui/table/BuiDataTable.vue.d.ts

@@ -34,6 +34,9 @@ declare const _default: <TData, TValue>(__VLS_props: NonNullable<Awaited<typeof
         caption?(_: {
             table: import('@tanstack/vue-table').Table<TData>;
         }): any;
+        groupByRow?(_: {
+            group: string | number;
+        }): any;
         nodata?(_: {}): any;
     };
     emit: {

package/dist/components/ui/table/index.js

@@ -8,7 +8,7 @@ import { _ as x } from "../../../BuiTableRowSubrow.vue_vue_type_script_setup_tru
 import { _ } from "../../../BuiTableCaption.vue_vue_type_script_setup_true_lang-053YvtXp.js";
 import { _ as w } from "../../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-BJDYHpRG.js";
 import { _ as C } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-Cfxlxsbh.js";
-import { _ as R } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-D2QvMzcY.js";
+import { _ as R } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-B38w7sKR.js";
 export {
   R as BuiDataTable,
   e as BuiTable,

package/dist/index.js

@@ -116,7 +116,7 @@ import { _ as jt } from "./BuiTableRowSubrow.vue_vue_type_script_setup_true_lang
 import { _ as Ot } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang-053YvtXp.js";
 import { _ as qt } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-BJDYHpRG.js";
 import { _ as Jt } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-Cfxlxsbh.js";
-import { _ as Qt } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-D2QvMzcY.js";
+import { _ as Qt } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-B38w7sKR.js";
 import { BuiTabsList as Xt, BuiTabsTrigger as Yt, tabsListVariants as Zt, tabsTriggerVariants as $t } from "./components/ui/tabs/index.js";
 import { BuiTextarea as ra, textareaVariants as ea } from "./components/ui/textarea/index.js";
 import { BuiToast as aa, BuiToaster as ia, toastVariants as ua } from "./components/ui/toast/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soft-stech/bootsman-ui-shadcn",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "type": "module",
   "files": [
     "dist",

package/src/components/stories/BuiDataTable.story.vue

@@ -164,6 +164,7 @@ function updateRows() {
           </div>
         </template>
         <template #nodata>Нет данных</template>
+        <template #groupByRow="{ group }"> Optional slot for: `{{ group }}` </template>
       </BuiDataTable>
     </Variant>
   </Story>

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

@@ -170,11 +170,16 @@ function getGroupLabel(index: number) {
             <BuiCollapsibleTrigger asChild>
               <BuiTableRow class="bg-foreground/[0.04]">
                 <BuiTableCell :colspan="columns.length" class="!pb-0">
-                  <div class="inline-block rounded-t bg-background px-4 py-3">
-                    <template v-if="key === NO_GROUP_KEY">
-                      {{ getGroupLabel(1) }}
-                    </template>
-                    <template v-else> {{ getGroupLabel(0) }}: {{ key }} </template>
+                  <div class="flex w-full items-center justify-between">
+                    <div class="inline-block rounded-t bg-background px-4 py-3">
+                      <template v-if="key === NO_GROUP_KEY">
+                        {{ getGroupLabel(1) }}
+                      </template>
+                      <template v-else> {{ getGroupLabel(0) }}: {{ key }} </template>
+                    </div>
+                    <div v-if="$slots.groupByRow" class="">
+                      <slot name="groupByRow" :group="key" />
+                    </div>
                   </div>
                 </BuiTableCell>
               </BuiTableRow>