@k3-universe/react-kit 0.0.44 → 0.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -9195,7 +9195,7 @@ function TableHead({ className, ...props2 }) {
9195
9195
  {
9196
9196
  "data-slot": "table-head",
9197
9197
  className: cn$1(
9198
- "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
9198
+ "bg-primary text-white h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
9199
9199
  className
9200
9200
  ),
9201
9201
  ...props2
@@ -26783,7 +26783,7 @@ function DatePicker({
26783
26783
  disabled,
26784
26784
  variant: buttonVariant,
26785
26785
  className: cn$1(
26786
- "w-[240px] justify-start text-left font-normal",
26786
+ "w-full justify-start text-left font-normal",
26787
26787
  !value && "text-muted-foreground"
26788
26788
  ),
26789
26789
  children: [
@@ -27492,7 +27492,7 @@ function MonthInput({
27492
27492
  disabled,
27493
27493
  variant: buttonVariant,
27494
27494
  className: cn$1(
27495
- "w-[240px] justify-start text-left font-normal",
27495
+ "w-full justify-start text-left font-normal",
27496
27496
  !value && "text-muted-foreground"
27497
27497
  ),
27498
27498
  children: [
@@ -28113,7 +28113,7 @@ function TimePicker({
28113
28113
  disabled,
28114
28114
  variant: buttonVariant,
28115
28115
  className: cn$1(
28116
- "w-[240px] justify-start text-left font-normal",
28116
+ "w-full justify-start text-left font-normal",
28117
28117
  !value && "text-muted-foreground"
28118
28118
  ),
28119
28119
  children: [
@@ -28765,7 +28765,7 @@ function DateTimePicker({
28765
28765
  disabled,
28766
28766
  variant: buttonVariant,
28767
28767
  className: cn$1(
28768
- "w-[280px] justify-start text-left font-normal",
28768
+ "w-full flex justify-start text-left font-normal",
28769
28769
  !value && "text-muted-foreground"
28770
28770
  ),
28771
28771
  children: [
@@ -38387,12 +38387,12 @@ function DataTablePagination({
38387
38387
  }
38388
38388
  )
38389
38389
  ] }),
38390
- /* @__PURE__ */ jsxs("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
38390
+ /* @__PURE__ */ jsx("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: table.getRowCount() > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
38391
38391
  "Page ",
38392
38392
  pagination.pageIndex + 1,
38393
38393
  " of ",
38394
38394
  table.getPageCount()
38395
- ] }),
38395
+ ] }) : "Page 0 of 0" }),
38396
38396
  /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
38397
38397
  /* @__PURE__ */ jsxs(
38398
38398
  Button$1,
@@ -1 +1 @@
1
- {"version":3,"file":"DataTablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/data-table/components/DataTablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAgBnD,MAAM,WAAW,wBAAwB,CAAC,KAAK;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,KAAK,EACL,iBAA0B,GAC3B,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CAuFjC"}
1
+ {"version":3,"file":"DataTablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/data-table/components/DataTablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAgBnD,MAAM,WAAW,wBAAwB,CAAC,KAAK;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,KAAK,EACL,iBAA0B,GAC3B,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CA2FjC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@k3-universe/react-kit",
3
- "version": "0.0.44",
3
+ "version": "0.0.45",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -58,7 +58,11 @@ export function DataTablePagination<TData>({
58
58
  </div>
59
59
  )}
60
60
  <div className="flex w-[100px] items-center justify-center text-sm font-medium">
61
- Page {pagination.pageIndex + 1} of {table.getPageCount()}
61
+ {table.getRowCount() > 0
62
+ ? (
63
+ <>Page {pagination.pageIndex + 1} of {table.getPageCount()}</>
64
+ )
65
+ : "Page 0 of 0"}
62
66
  </div>
63
67
  <div className="flex items-center space-x-2">
64
68
  <Button
@@ -114,7 +114,7 @@ export function DatePicker({
114
114
  disabled={disabled}
115
115
  variant={buttonVariant}
116
116
  className={cn(
117
- 'w-[240px] justify-start text-left font-normal',
117
+ 'w-full justify-start text-left font-normal',
118
118
  !value && 'text-muted-foreground',
119
119
  )}
120
120
  >
@@ -312,7 +312,7 @@ export function DateTimePicker({
312
312
  disabled={disabled}
313
313
  variant={buttonVariant}
314
314
  className={cn(
315
- 'w-[280px] justify-start text-left font-normal',
315
+ 'w-full flex justify-start text-left font-normal',
316
316
  !value && 'text-muted-foreground',
317
317
  )}
318
318
  >
@@ -73,7 +73,7 @@ export function MonthInput({
73
73
  disabled={disabled}
74
74
  variant={buttonVariant}
75
75
  className={cn(
76
- 'w-[240px] justify-start text-left font-normal',
76
+ 'w-full justify-start text-left font-normal',
77
77
  !value && 'text-muted-foreground',
78
78
  )}
79
79
  >
@@ -169,7 +169,7 @@ export function TimePicker({
169
169
  disabled={disabled}
170
170
  variant={buttonVariant}
171
171
  className={cn(
172
- 'w-[240px] justify-start text-left font-normal',
172
+ 'w-full justify-start text-left font-normal',
173
173
  !value && 'text-muted-foreground',
174
174
  )}
175
175
  >
@@ -70,7 +70,7 @@ function TableHead({ className, ...props }: React.ComponentProps<'th'>) {
70
70
  <th
71
71
  data-slot="table-head"
72
72
  className={cn(
73
- 'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
73
+ 'bg-primary text-white h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
74
74
  className,
75
75
  )}
76
76
  {...props}