@soft-stech/bootsman-ui-shadcn 1.1.1 → 1.1.3

package/dist/{BuiDataTable.vue_vue_type_script_setup_true_lang-7Tst_H0P.js → BuiDataTable.vue_vue_type_script_setup_true_lang-75kSylTF.js}

@@ -2045,7 +2045,9 @@ const Tt = /* @__PURE__ */ Ce({
     columns: {},
     data: {},
     pageSize: { default: 10 },
-    showPagination: { type: Boolean, default: !0 }
+    showPagination: { type: Boolean, default: !0 },
+    totalItems: { default: 0 },
+    getRowId: {}
   }, {
     sorting: {},
     sortingModifiers: {},
@@ -2088,7 +2090,8 @@ const Tt = /* @__PURE__ */ Ce({
         get rowSelection() {
           return r.value;
         }
-      }
+      },
+      getRowId: n.getRowId
     });
     return (l, u) => (h(), M(_(Oe), null, {
       default: V(() => [
@@ -2164,7 +2167,7 @@ const Tt = /* @__PURE__ */ Ce({
                   default: V(() => [
                     I(_(Te), {
                       class: "float-right",
-                      total: _(i).getFilteredRowModel().rows.length,
+                      total: l.totalItems,
                       pageIndex: _(i).getState().pagination.pageIndex,
                       pageSize: _(i).getState().pagination.pageSize,
                       setPageIndex: (s) => _(i).setPageIndex(s),

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

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-7Tst_H0P.js";
+import { _ as f } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-75kSylTF.js";
 export {
   f as default
 };

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

@@ -1,9 +1,11 @@
-import type { ColumnDef, SortingState, PaginationState, RowSelectionState } from '@tanstack/vue-table';
+import type { ColumnDef, SortingState, PaginationState, RowSelectionState, Row } from '@tanstack/vue-table';
 declare const _default: <TData, TValue>(__VLS_props: {
     data: TData[];
     columns: ColumnDef<TData, TValue>[];
     pageSize?: number | undefined;
     showPagination?: boolean | undefined;
+    totalItems?: number | undefined;
+    getRowId?: ((originalRow: TData, index: number, parent?: Row<TData> | undefined) => string) | undefined;
     sorting?: SortingState | undefined;
     pagination?: PaginationState | undefined;
     selection?: RowSelectionState | undefined;
@@ -21,6 +23,8 @@ declare const _default: <TData, TValue>(__VLS_props: {
         columns: ColumnDef<TData, TValue>[];
         pageSize?: number | undefined;
         showPagination?: boolean | undefined;
+        totalItems?: number | undefined;
+        getRowId?: ((originalRow: TData, index: number, parent?: Row<TData> | undefined) => string) | undefined;
         sorting?: SortingState | undefined;
         pagination?: PaginationState | undefined;
         selection?: RowSelectionState | undefined;
@@ -42,6 +46,8 @@ declare const _default: <TData, TValue>(__VLS_props: {
             columns: ColumnDef<TData, TValue>[];
             pageSize?: number | undefined;
             showPagination?: boolean | undefined;
+            totalItems?: number | undefined;
+            getRowId?: ((originalRow: TData, index: number, parent?: Row<TData> | undefined) => string) | undefined;
             sorting?: SortingState | undefined;
             pagination?: PaginationState | undefined;
             selection?: RowSelectionState | undefined;

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

@@ -7,7 +7,7 @@ import { _ as s } from "../../../BuiTableRow.vue_vue_type_script_setup_true_lang
 import { _ as x } from "../../../BuiTableCaption.vue_vue_type_script_setup_true_lang-OnsFZa8H.js";
 import { _ } from "../../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-4QJziEvg.js";
 import { _ as y } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-DN__NJQ9.js";
-import { _ as H } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-7Tst_H0P.js";
+import { _ as H } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-75kSylTF.js";
 export {
   H as BuiDataTable,
   o as BuiTable,

package/dist/index.js

@@ -114,7 +114,7 @@ import { _ as wt } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-rLz2b
 import { _ as It } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang-OnsFZa8H.js";
 import { _ as Ft } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-4QJziEvg.js";
 import { _ as Lt } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-DN__NJQ9.js";
-import { _ as Ht } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-7Tst_H0P.js";
+import { _ as Ht } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-75kSylTF.js";
 import { BuiTabsList as ht, BuiTabsTrigger as kt, tabsListVariants as yt, tabsTriggerVariants as Et } from "./components/ui/tabs/index.js";
 import { BuiTextarea as Jt, textareaVariants as Nt } from "./components/ui/textarea/index.js";
 import { BuiToast as Wt, BuiToaster as jt, toastVariants as zt } from "./components/ui/toast/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soft-stech/bootsman-ui-shadcn",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "type": "module",
   "files": [
     "dist",
@@ -11,6 +11,23 @@
   "sideEffects": [
     "**/*.css"
   ],
+  "scripts": {
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "test:e2e": "playwright test",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force",
+    "type-build": "vue-tsc --declaration --emitDeclarationOnly",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/",
+    "bumpp": "bumpp package.json",
+    "prepublishOnly": "npm run build",
+    "story:dev": "histoire dev",
+    "story:build": "DOCS=true histoire build",
+    "story:preview": "histoire preview",
+    "coverage": "vitest run --coverage"
+  },
   "dependencies": {
     "@tanstack/vue-table": "^8.11.6",
     "@vee-validate/zod": "^4.12.4",
@@ -56,21 +73,5 @@
     "vite-plugin-dts": "^3.7.2",
     "vitest": "^1.0.4",
     "vue-tsc": "^1.8.27"
-  },
-  "scripts": {
-    "build": "run-p type-check \"build-only {@}\" --",
-    "preview": "vite preview",
-    "test:unit": "vitest",
-    "test:e2e": "playwright test",
-    "build-only": "vite build",
-    "type-check": "vue-tsc --build --force",
-    "type-build": "vue-tsc --declaration --emitDeclarationOnly",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "format": "prettier --write src/",
-    "bumpp": "bumpp package.json",
-    "story:dev": "histoire dev",
-    "story:build": "DOCS=true histoire build",
-    "story:preview": "histoire preview",
-    "coverage": "vitest run --coverage"
   }
-}
+}

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

@@ -61,9 +61,10 @@ const data = ref<Task[]>(tasks)
 
 const sorting = ref<SortingState>([{ id: 'status', desc: false }])
 const pagination = ref<PaginationState>({
-  pageIndex: 1,
+  pageIndex: 0,
   pageSize: 10
 })
+const totalItems = tasks.length
 
 const selection = ref<RowSelectionState>({})
 function updateSelection(val: RowSelectionState) {
@@ -81,7 +82,9 @@ function updateSelection(val: RowSelectionState) {
         v-model:sorting="sorting"
         v-model:pagination="pagination"
         @update:selection="updateSelection"
+        :total-items="totalItems"
         class="caption-top"
+        :getRowId="(row) => row.id"
       >
         <template #caption="{ table }">
           <div class="flex justify-between">

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

@@ -3,7 +3,8 @@ import type {
   ColumnDef,
   SortingState,
   PaginationState,
-  RowSelectionState
+  RowSelectionState,
+  Row
 } from '@tanstack/vue-table'
 import {
   FlexRender,
@@ -32,8 +33,10 @@ const props = withDefaults(
     data: TData[]
     pageSize?: number
     showPagination?: boolean
+    totalItems?: number
+    getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string
   }>(),
-  { pageSize: 10, showPagination: true }
+  { pageSize: 10, showPagination: true, totalItems: 0 }
 )
 
 const sorting = defineModel<SortingState>('sorting')
@@ -72,7 +75,8 @@ const table = useVueTable({
     get rowSelection() {
       return rowSelection.value
     }
-  }
+  },
+  getRowId: props.getRowId
 })
 </script>
 
@@ -111,7 +115,7 @@ const table = useVueTable({
         <BuiTableCell :colspan="columns.length">
           <BuiPaginationCommon
             class="float-right"
-            :total="table.getFilteredRowModel().rows.length"
+            :total="totalItems"
             :pageIndex="table.getState().pagination.pageIndex"
             :pageSize="table.getState().pagination.pageSize as PageSize"
             :setPageIndex="(v: number) => table.setPageIndex(v)"