@soft-stech/bootsman-ui-shadcn 1.1.16 → 1.1.18

package/dist/BuiDataTable.vue_vue_type_script_setup_true_lang-CcM2IC6f.js

@@ -0,0 +1,219 @@
+import { defineComponent as z, mergeModels as x, useModel as S, computed as _, openBlock as o, createBlock as u, unref as t, withCtx as r, renderSlot as V, createCommentVNode as b, createVNode as i, createElementBlock as m, Fragment as p, renderList as c, createElementVNode as N, toDisplayString as I, createTextVNode as L } from "vue";
+import { _ as D } from "./BuiCollapsible.vue_vue_type_script_setup_true_lang-B4dxhX_r.js";
+import { _ as F } from "./BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-b1qMpG9a.js";
+import { _ as T } from "./BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-3St49aGF.js";
+import { _ as U } from "./BuiPaginationCommon.vue_vue_type_script_setup_true_lang-dh6FvXRc.js";
+import { v as w } from "./utils-DMgok1im.js";
+import { u as E, g as j, a as H, b as O, F as q, _ as M } from "./BuiTableRowSubrow.vue_vue_type_script_setup_true_lang-zozuVlJm.js";
+import { _ as A } from "./BuiTable.vue_vue_type_script_setup_true_lang-BbPh0gPO.js";
+import { _ as G } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-B4pSpE-L.js";
+import { _ as h } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-DwoXqpKg.js";
+import { _ as J } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-DlE-Jn0g.js";
+import { _ as K } from "./BuiTableHeader.vue_vue_type_script_setup_true_lang-ByDzPSa9.js";
+import { _ as y } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-Dh4QgH7f.js";
+import { _ as Q } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang-DhTn_6Ag.js";
+import { _ as W } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-BRA5Uz6D.js";
+import { _ as X } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-_Im-lcXC.js";
+const Y = { class: "inline-block rounded-t bg-background px-4 py-3" }, fe = /* @__PURE__ */ z({
+  __name: "BuiDataTable",
+  props: /* @__PURE__ */ x({
+    columns: {},
+    data: {},
+    pageSize: { default: 10 },
+    showPagination: { type: Boolean, default: !0 },
+    totalItems: { default: 0 },
+    manualPagination: { type: Boolean, default: !0 },
+    manualSorting: { type: Boolean, default: !0 },
+    groupBy: {},
+    groupLabels: {},
+    getRowId: {},
+    renderSubComponent: {}
+  }, {
+    sorting: {},
+    sortingModifiers: {},
+    pagination: {},
+    paginationModifiers: {},
+    selection: {},
+    selectionModifiers: {}
+  }),
+  emits: ["update:sorting", "update:pagination", "update:selection"],
+  setup(f) {
+    const n = f, C = S(f, "sorting"), d = S(f, "pagination"), v = S(f, "selection"), B = _(
+      () => n.manualPagination ? n.totalItems : n.data.length
+    ), l = E({
+      initialState: { pagination: { pageSize: n.pageSize } },
+      get data() {
+        return n.data;
+      },
+      get columns() {
+        return n.columns;
+      },
+      getCoreRowModel: j(),
+      getPaginationRowModel: H(),
+      getSortedRowModel: O(),
+      onSortingChange: (e) => {
+        w(e, C);
+      },
+      onPaginationChange: (e) => {
+        w(e, d);
+      },
+      onRowSelectionChange: (e) => {
+        w(e, v);
+      },
+      manualPagination: n.manualPagination,
+      // set to false to enable client-side pagination
+      manualSorting: n.manualSorting,
+      state: {
+        get sorting() {
+          return C.value;
+        },
+        get pagination() {
+          return d.value;
+        },
+        get rowSelection() {
+          return v.value;
+        }
+      },
+      getRowId: n.getRowId
+    }), $ = _({
+      get() {
+        return l.getState().pagination.pageSize;
+      },
+      set(e) {
+        d.value && (d.value.pageSize = e, l.setPageSize(e), l.setPageIndex(0));
+      }
+    }), k = _({
+      get() {
+        return l.getState().pagination.pageIndex + 1;
+      },
+      set(e) {
+        d.value && (d.value.pageIndex = e - 1, l.setPageIndex(e - 1));
+      }
+    }), P = _(() => n.groupBy ? l.getRowModel().rows.reduce((e, s) => {
+      const a = s.getValue(n.groupBy);
+      return e[a] = e[a] || [], e[a].push(s), e;
+    }, /* @__PURE__ */ Object.create(null)) : null);
+    return (e, s) => (o(), u(t(A), null, {
+      default: r(() => [
+        e.$slots.caption ? (o(), u(t(Q), { key: 0 }, {
+          default: r(() => [
+            V(e.$slots, "caption", { table: t(l) })
+          ]),
+          _: 3
+        })) : b("", !0),
+        i(t(K), null, {
+          default: r(() => [
+            (o(!0), m(p, null, c(t(l).getHeaderGroups(), (a) => (o(), u(t(y), {
+              key: a.id
+            }, {
+              default: r(() => [
+                (o(!0), m(p, null, c(a.headers, (g) => (o(), u(t(J), {
+                  key: g.id
+                }, {
+                  default: r(() => [
+                    g.isPlaceholder ? b("", !0) : (o(), u(t(q), {
+                      key: 0,
+                      render: g.column.columnDef.header,
+                      props: g.getContext()
+                    }, null, 8, ["render", "props"]))
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 1
+        }),
+        i(t(G), null, {
+          default: r(() => [
+            t(l).getRowModel().rows?.length ? (o(), m(p, { key: 0 }, [
+              n.groupBy && P.value ? (o(!0), m(p, { key: 0 }, c(P.value, (a, g) => (o(), u(t(D), {
+                asChild: "",
+                key: g,
+                open: !0
+              }, {
+                default: r(() => [
+                  i(t(F), { asChild: "" }, {
+                    default: r(() => [
+                      i(t(y), { class: "bg-foreground/[0.04]" }, {
+                        default: r(() => [
+                          i(t(h), {
+                            colspan: e.columns.length,
+                            class: "!pb-0"
+                          }, {
+                            default: r(() => [
+                              N("div", Y, I(n.groupLabels && n.groupLabels[n.groupBy]) + ": " + I(g), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["colspan"])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  i(t(T), { asChild: "" }, {
+                    default: r(() => [
+                      (o(!0), m(p, null, c(a, (R) => (o(), u(M, {
+                        key: R.id,
+                        columns: n.columns,
+                        row: R,
+                        renderSubComponent: n.renderSubComponent
+                      }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024))), 128)) : (o(!0), m(p, { key: 1 }, c(t(l).getRowModel().rows, (a) => (o(), u(M, {
+                key: a.id,
+                columns: n.columns,
+                row: a,
+                renderSubComponent: n.renderSubComponent
+              }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
+            ], 64)) : (o(), u(t(W), {
+              key: 1,
+              colspan: e.columns.length
+            }, {
+              default: r(() => [
+                L("No data")
+              ]),
+              _: 1
+            }, 8, ["colspan"]))
+          ]),
+          _: 1
+        }),
+        e.showPagination && t(l).getPageCount() > 1 ? (o(), u(t(X), { key: 1 }, {
+          default: r(() => [
+            i(t(y), null, {
+              default: r(() => [
+                i(t(h), {
+                  colspan: e.columns.length
+                }, {
+                  default: r(() => [
+                    i(t(U), {
+                      class: "float-right",
+                      total: B.value,
+                      pageIndex: k.value,
+                      "onUpdate:pageIndex": s[0] || (s[0] = (a) => k.value = a),
+                      pageSize: $.value,
+                      "onUpdate:pageSize": s[1] || (s[1] = (a) => $.value = a)
+                    }, null, 8, ["total", "pageIndex", "pageSize"])
+                  ]),
+                  _: 1
+                }, 8, ["colspan"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : b("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  fe as _
+};

package/dist/{variables-BFHGTsK4.js → BuiPaginationCommon.vue_vue_type_script_setup_true_lang-dh6FvXRc.js}

@@ -10,11 +10,12 @@ import { _ as C } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-C
 import { _ as L } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-j4FFgeLR.js";
 import "./components/ui/toast/use-toast.js";
 import "./index-BGsblnmA.js";
+/* empty css                   */
 import { _ as N } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-b341Y0jB.js";
 import { _ as U } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-BYpwx_Ik.js";
 import { _ as b } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-BZZG77kQ.js";
 import { _ as q } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-DsYapLGr.js";
-const E = { class: "m-2" }, H = /* @__PURE__ */ v("p", { class: "text-sm text-muted-foreground" }, "Items per page", -1), j = { class: "text-sm text-muted-foreground" }, ae = /* @__PURE__ */ $({
+const E = { class: "m-2" }, H = /* @__PURE__ */ v("p", { class: "text-sm text-muted-foreground" }, "Items per page", -1), j = { class: "text-sm text-muted-foreground" }, oe = /* @__PURE__ */ $({
   __name: "BuiPaginationCommon",
   props: /* @__PURE__ */ V({
     total: {}
@@ -42,7 +43,7 @@ const E = { class: "m-2" }, H = /* @__PURE__ */ v("p", { class: "text-sm text-mu
         "onUpdate:page": o[2] || (o[2] = (i) => s.value = i)
       }, {
         default: r(({ page: i }) => [
-          e(t(B), { class: "flex items-center justify-center gap-2" }, {
+          e(t(B), { class: "relative flex items-center justify-center gap-2" }, {
             default: r(() => [
               H,
               e(t(k), {
@@ -97,5 +98,5 @@ const E = { class: "m-2" }, H = /* @__PURE__ */ v("p", { class: "text-sm text-mu
   }
 });
 export {
-  ae as _
+  oe as _
 };