@deepnoid/ui 0.1.17 → 0.1.19
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/.turbo/turbo-build.log +136 -136
- package/dist/{chunk-AL4SMNMR.mjs → chunk-3DPVPTHL.mjs} +1 -1
- package/dist/{chunk-TVEEKI4Q.mjs → chunk-3TJAGKKY.mjs} +24 -6
- package/dist/{chunk-V3DWFAL7.mjs → chunk-63WXGSTV.mjs} +7 -5
- package/dist/{chunk-ZQFIB7ZW.mjs → chunk-AG7AWQKH.mjs} +2 -2
- package/dist/{chunk-3MPMVCR7.mjs → chunk-BFM3LPBK.mjs} +5 -4
- package/dist/{chunk-QEXS35XA.mjs → chunk-HDNQOLUJ.mjs} +1 -1
- package/dist/{chunk-OKLT5ESS.mjs → chunk-QIDZXCYP.mjs} +5 -5
- package/dist/{chunk-KCPPDCLS.mjs → chunk-RPDPB4JP.mjs} +1 -1
- package/dist/{chunk-XBIHKPK4.mjs → chunk-RXIFDECK.mjs} +4 -4
- package/dist/{chunk-VBY63YVZ.mjs → chunk-UHFJ7ZFM.mjs} +4 -4
- package/dist/components/backdrop/backdrop.mjs +2 -2
- package/dist/components/backdrop/index.mjs +2 -2
- package/dist/components/breadcrumb/breadcrumb.mjs +5 -5
- package/dist/components/breadcrumb/index.mjs +5 -5
- package/dist/components/button/button.mjs +2 -2
- package/dist/components/button/icon-button.mjs +2 -2
- package/dist/components/button/index.mjs +4 -4
- package/dist/components/button/text-button.mjs +2 -2
- package/dist/components/checkbox/checkbox.mjs +2 -2
- package/dist/components/checkbox/index.mjs +2 -2
- package/dist/components/chip/chip.d.mts +1 -3
- package/dist/components/chip/chip.d.ts +1 -3
- package/dist/components/chip/chip.js +2 -1
- package/dist/components/chip/chip.mjs +2 -2
- package/dist/components/chip/index.js +2 -1
- package/dist/components/chip/index.mjs +2 -2
- package/dist/components/dateTimePicker/calendar.mjs +2 -2
- package/dist/components/dateTimePicker/dateTimePicker.mjs +6 -6
- package/dist/components/dateTimePicker/index.mjs +6 -6
- package/dist/components/dateTimePicker/timePicker.mjs +4 -4
- package/dist/components/input/index.mjs +2 -2
- package/dist/components/input/input.mjs +2 -2
- package/dist/components/list/index.mjs +3 -3
- package/dist/components/list/list.mjs +2 -2
- package/dist/components/list/listItem.mjs +2 -2
- package/dist/components/modal/index.mjs +5 -5
- package/dist/components/modal/modal.mjs +5 -5
- package/dist/components/pagination/index.mjs +3 -3
- package/dist/components/pagination/pagination.mjs +3 -3
- package/dist/components/radio/index.mjs +2 -2
- package/dist/components/radio/radio.mjs +2 -2
- package/dist/components/select/index.mjs +2 -2
- package/dist/components/select/select.mjs +2 -2
- package/dist/components/table/index.js +24 -7
- package/dist/components/table/index.mjs +7 -7
- package/dist/components/table/table-body.d.mts +3 -1
- package/dist/components/table/table-body.d.ts +3 -1
- package/dist/components/table/table-body.js +6 -4
- package/dist/components/table/table-body.mjs +3 -3
- package/dist/components/table/table-head.mjs +3 -3
- package/dist/components/table/table.d.mts +4 -0
- package/dist/components/table/table.d.ts +4 -0
- package/dist/components/table/table.js +24 -7
- package/dist/components/table/table.mjs +7 -7
- package/dist/components/tabs/index.mjs +2 -2
- package/dist/components/tabs/tabs.mjs +2 -2
- package/dist/components/toast/index.mjs +3 -3
- package/dist/components/toast/toast.mjs +2 -2
- package/dist/components/toast/use-toast.mjs +3 -3
- package/dist/components/tooltip/index.mjs +2 -2
- package/dist/components/tooltip/tooltip.mjs +2 -2
- package/dist/index.js +26 -8
- package/dist/index.mjs +33 -33
- package/package.json +1 -1
- package/dist/{chunk-SSMMWMQC.mjs → chunk-2YMAKIZ6.mjs} +3 -3
- package/dist/{chunk-S6DHANZX.mjs → chunk-5ANQDLRS.mjs} +3 -3
- package/dist/{chunk-LNNTSCMC.mjs → chunk-5OBP42D6.mjs} +3 -3
- package/dist/{chunk-XKEXTBMD.mjs → chunk-7A5M7DRD.mjs} +3 -3
- package/dist/{chunk-36JC3WXM.mjs → chunk-7TXQPX4O.mjs} +3 -3
- package/dist/{chunk-YLRYHUTW.mjs → chunk-D6QI3DJG.mjs} +3 -3
- package/dist/{chunk-YD7UPDCV.mjs → chunk-FONJYZKH.mjs} +3 -3
- package/dist/{chunk-UFVQPPPW.mjs → chunk-HIVPDIEP.mjs} +3 -3
- package/dist/{chunk-CU6CIHC2.mjs → chunk-K7Z6PVXE.mjs} +3 -3
- package/dist/{chunk-P5QCU457.mjs → chunk-LL6F3WDX.mjs} +3 -3
- package/dist/{chunk-IB424QKO.mjs → chunk-MJT6ZW4C.mjs} +3 -3
- package/dist/{chunk-33LANVZV.mjs → chunk-QIRL6HY6.mjs} +3 -3
- package/dist/{chunk-2PKM7SLZ.mjs → chunk-WFMFC7R6.mjs} +3 -3
- package/dist/{chunk-IL5ENWCR.mjs → chunk-Z2537DF6.mjs} +3 -3
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
import "../../chunk-7B7LRG5J.mjs";
|
|
3
3
|
import {
|
|
4
4
|
pagination_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-UHFJ7ZFM.mjs";
|
|
6
6
|
import "../../chunk-F3HENRVM.mjs";
|
|
7
7
|
import "../../chunk-2GCSFWHD.mjs";
|
|
8
|
-
import "../../chunk-
|
|
8
|
+
import "../../chunk-7TXQPX4O.mjs";
|
|
9
9
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
10
10
|
import "../../chunk-DADMVOYI.mjs";
|
|
11
11
|
import "../../chunk-A7OXEUCC.mjs";
|
|
12
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
12
13
|
import "../../chunk-27Y6K5NK.mjs";
|
|
13
14
|
import "../../chunk-E3G5QXSH.mjs";
|
|
14
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
15
15
|
import "../../chunk-AC6TWLRT.mjs";
|
|
16
16
|
export {
|
|
17
17
|
pagination_default as Pagination
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
import {
|
|
3
3
|
paginationStyle,
|
|
4
4
|
pagination_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-UHFJ7ZFM.mjs";
|
|
6
6
|
import "../../chunk-F3HENRVM.mjs";
|
|
7
7
|
import "../../chunk-2GCSFWHD.mjs";
|
|
8
|
-
import "../../chunk-
|
|
8
|
+
import "../../chunk-7TXQPX4O.mjs";
|
|
9
9
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
10
10
|
import "../../chunk-DADMVOYI.mjs";
|
|
11
11
|
import "../../chunk-A7OXEUCC.mjs";
|
|
12
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
12
13
|
import "../../chunk-27Y6K5NK.mjs";
|
|
13
14
|
import "../../chunk-E3G5QXSH.mjs";
|
|
14
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
15
15
|
import "../../chunk-AC6TWLRT.mjs";
|
|
16
16
|
export {
|
|
17
17
|
pagination_default as default,
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import "../../chunk-TPFN22HR.mjs";
|
|
3
3
|
import {
|
|
4
4
|
radio_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-QIRL6HY6.mjs";
|
|
6
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
6
7
|
import "../../chunk-27Y6K5NK.mjs";
|
|
7
8
|
import "../../chunk-E3G5QXSH.mjs";
|
|
8
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
9
9
|
import "../../chunk-AC6TWLRT.mjs";
|
|
10
10
|
export {
|
|
11
11
|
radio_default as Radio
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
radio_default
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-QIRL6HY6.mjs";
|
|
5
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
5
6
|
import "../../chunk-27Y6K5NK.mjs";
|
|
6
7
|
import "../../chunk-E3G5QXSH.mjs";
|
|
7
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
8
8
|
import "../../chunk-AC6TWLRT.mjs";
|
|
9
9
|
export {
|
|
10
10
|
radio_default as default
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
import "../../chunk-QCEKPS7U.mjs";
|
|
3
3
|
import {
|
|
4
4
|
select_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-MJT6ZW4C.mjs";
|
|
6
6
|
import "../../chunk-P6NVCCBZ.mjs";
|
|
7
7
|
import "../../chunk-S3QS5B7F.mjs";
|
|
8
8
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
9
9
|
import "../../chunk-DADMVOYI.mjs";
|
|
10
10
|
import "../../chunk-A7OXEUCC.mjs";
|
|
11
|
-
import "../../chunk-E3G5QXSH.mjs";
|
|
12
11
|
import "../../chunk-4ZJFD3L3.mjs";
|
|
12
|
+
import "../../chunk-E3G5QXSH.mjs";
|
|
13
13
|
import "../../chunk-AC6TWLRT.mjs";
|
|
14
14
|
export {
|
|
15
15
|
select_default as Select
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
select_default
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-MJT6ZW4C.mjs";
|
|
5
5
|
import "../../chunk-P6NVCCBZ.mjs";
|
|
6
6
|
import "../../chunk-S3QS5B7F.mjs";
|
|
7
7
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
8
8
|
import "../../chunk-DADMVOYI.mjs";
|
|
9
9
|
import "../../chunk-A7OXEUCC.mjs";
|
|
10
|
-
import "../../chunk-E3G5QXSH.mjs";
|
|
11
10
|
import "../../chunk-4ZJFD3L3.mjs";
|
|
11
|
+
import "../../chunk-E3G5QXSH.mjs";
|
|
12
12
|
import "../../chunk-AC6TWLRT.mjs";
|
|
13
13
|
export {
|
|
14
14
|
select_default as default
|
|
@@ -638,7 +638,9 @@ var TableBody = ({
|
|
|
638
638
|
checkedRows,
|
|
639
639
|
onCheckRow,
|
|
640
640
|
emptyContent,
|
|
641
|
-
|
|
641
|
+
isLoading,
|
|
642
|
+
classNames,
|
|
643
|
+
className
|
|
642
644
|
}) => {
|
|
643
645
|
const generateColumnStyles = (0, import_react2.useCallback)((column) => {
|
|
644
646
|
const alignClass = column.align ? `text-${column.align}` : "text-left";
|
|
@@ -676,8 +678,8 @@ var TableBody = ({
|
|
|
676
678
|
);
|
|
677
679
|
const hasRows = rows.length > 0;
|
|
678
680
|
const colSpan = (columns.length || 1) + (selectableRows ? 1 : 0);
|
|
679
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tbody", { className: slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), children: [
|
|
680
|
-
hasRows && rows.map((row, rowIndex) => {
|
|
681
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tbody", { className: clsx(slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), className), children: [
|
|
682
|
+
!isLoading && hasRows && rows.map((row, rowIndex) => {
|
|
681
683
|
const isRowChecked = checkedRows.has(rowIndex);
|
|
682
684
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
|
|
683
685
|
columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
|
|
@@ -691,7 +693,7 @@ var TableBody = ({
|
|
|
691
693
|
) }) })
|
|
692
694
|
] }, rowIndex);
|
|
693
695
|
}),
|
|
694
|
-
!hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { colSpan, className: slots.
|
|
696
|
+
!isLoading && !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { colSpan, className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) })
|
|
695
697
|
] });
|
|
696
698
|
};
|
|
697
699
|
var table_body_default = TableBody;
|
|
@@ -5263,13 +5265,14 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
|
|
|
5263
5265
|
pagination,
|
|
5264
5266
|
onPageChange,
|
|
5265
5267
|
emptyContent,
|
|
5268
|
+
isLoading,
|
|
5266
5269
|
className,
|
|
5267
5270
|
color
|
|
5268
5271
|
} = { ...props, ...variantProps };
|
|
5269
5272
|
const [checkedRows, setCheckedRows] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
|
|
5270
5273
|
const divRef = (0, import_react7.useRef)(null);
|
|
5271
5274
|
const { page, perPage } = pagination || { page: 1, perPage: 10 };
|
|
5272
|
-
const showPagination = pagination && typeof totalData === "number";
|
|
5275
|
+
const showPagination = pagination && typeof totalData === "number" && !isLoading;
|
|
5273
5276
|
(0, import_react7.useImperativeHandle)(ref, () => ({
|
|
5274
5277
|
checkedRows,
|
|
5275
5278
|
setCheckedRows
|
|
@@ -5288,7 +5291,7 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
|
|
|
5288
5291
|
};
|
|
5289
5292
|
const slots = (0, import_react7.useMemo)(() => tableStyle(variantProps), [variantProps]);
|
|
5290
5293
|
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
|
|
5291
|
-
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(scrollArea_default, { size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
|
|
5294
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
|
|
5292
5295
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
5293
5296
|
table_head_default,
|
|
5294
5297
|
{
|
|
@@ -5312,7 +5315,12 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
|
|
|
5312
5315
|
checkedRows,
|
|
5313
5316
|
onCheckRow: handleCheck,
|
|
5314
5317
|
emptyContent,
|
|
5315
|
-
|
|
5318
|
+
isLoading,
|
|
5319
|
+
classNames,
|
|
5320
|
+
className: clsx(
|
|
5321
|
+
"transition-all duration-150 ease-out",
|
|
5322
|
+
isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
|
|
5323
|
+
)
|
|
5316
5324
|
}
|
|
5317
5325
|
)
|
|
5318
5326
|
] }) }),
|
|
@@ -5358,6 +5366,15 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
|
|
|
5358
5366
|
"gap-[10px]",
|
|
5359
5367
|
"transition duration-200",
|
|
5360
5368
|
"align-middle"
|
|
5369
|
+
],
|
|
5370
|
+
empty: [
|
|
5371
|
+
"relative",
|
|
5372
|
+
"text-foreground",
|
|
5373
|
+
"whitespace-normal",
|
|
5374
|
+
"outline-none",
|
|
5375
|
+
"[&>*]:z-1",
|
|
5376
|
+
"[&>*]:relative",
|
|
5377
|
+
"align-middle"
|
|
5361
5378
|
]
|
|
5362
5379
|
},
|
|
5363
5380
|
variants: {
|
|
@@ -2,24 +2,24 @@
|
|
|
2
2
|
import "../../chunk-2UUH2MBF.mjs";
|
|
3
3
|
import {
|
|
4
4
|
table_default
|
|
5
|
-
} from "../../chunk-
|
|
6
|
-
import "../../chunk-
|
|
7
|
-
import "../../chunk-
|
|
5
|
+
} from "../../chunk-3TJAGKKY.mjs";
|
|
6
|
+
import "../../chunk-63WXGSTV.mjs";
|
|
7
|
+
import "../../chunk-3DPVPTHL.mjs";
|
|
8
8
|
import "../../chunk-DQRAFUDA.mjs";
|
|
9
9
|
import "../../chunk-M37VBNB3.mjs";
|
|
10
10
|
import "../../chunk-7B7LRG5J.mjs";
|
|
11
|
-
import "../../chunk-
|
|
11
|
+
import "../../chunk-UHFJ7ZFM.mjs";
|
|
12
12
|
import "../../chunk-F3HENRVM.mjs";
|
|
13
13
|
import "../../chunk-2GCSFWHD.mjs";
|
|
14
|
-
import "../../chunk-
|
|
14
|
+
import "../../chunk-7TXQPX4O.mjs";
|
|
15
15
|
import "../../chunk-QZ3LVYJW.mjs";
|
|
16
|
-
import "../../chunk-
|
|
16
|
+
import "../../chunk-D6QI3DJG.mjs";
|
|
17
17
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
18
18
|
import "../../chunk-DADMVOYI.mjs";
|
|
19
19
|
import "../../chunk-A7OXEUCC.mjs";
|
|
20
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
20
21
|
import "../../chunk-27Y6K5NK.mjs";
|
|
21
22
|
import "../../chunk-E3G5QXSH.mjs";
|
|
22
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
23
23
|
import "../../chunk-AC6TWLRT.mjs";
|
|
24
24
|
export {
|
|
25
25
|
table_default as Table
|
|
@@ -13,8 +13,10 @@ interface TableBodyProps {
|
|
|
13
13
|
checkedRows: Set<number>;
|
|
14
14
|
onCheckRow: (index: number, isChecked: boolean) => void;
|
|
15
15
|
emptyContent?: ReactNode;
|
|
16
|
+
isLoading?: boolean;
|
|
16
17
|
classNames?: SlotsToClasses<TableSlots>;
|
|
18
|
+
className?: string;
|
|
17
19
|
}
|
|
18
|
-
declare const TableBody: ({ slots, columns, rows, size, selectableRows, checkedRows, onCheckRow, emptyContent, classNames, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
|
|
20
|
+
declare const TableBody: ({ slots, columns, rows, size, selectableRows, checkedRows, onCheckRow, emptyContent, isLoading, classNames, className, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
|
|
19
21
|
|
|
20
22
|
export { TableBody as default };
|
|
@@ -13,8 +13,10 @@ interface TableBodyProps {
|
|
|
13
13
|
checkedRows: Set<number>;
|
|
14
14
|
onCheckRow: (index: number, isChecked: boolean) => void;
|
|
15
15
|
emptyContent?: ReactNode;
|
|
16
|
+
isLoading?: boolean;
|
|
16
17
|
classNames?: SlotsToClasses<TableSlots>;
|
|
18
|
+
className?: string;
|
|
17
19
|
}
|
|
18
|
-
declare const TableBody: ({ slots, columns, rows, size, selectableRows, checkedRows, onCheckRow, emptyContent, classNames, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
|
|
20
|
+
declare const TableBody: ({ slots, columns, rows, size, selectableRows, checkedRows, onCheckRow, emptyContent, isLoading, classNames, className, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
|
|
19
21
|
|
|
20
22
|
export { TableBody as default };
|
|
@@ -605,7 +605,9 @@ var TableBody = ({
|
|
|
605
605
|
checkedRows,
|
|
606
606
|
onCheckRow,
|
|
607
607
|
emptyContent,
|
|
608
|
-
|
|
608
|
+
isLoading,
|
|
609
|
+
classNames,
|
|
610
|
+
className
|
|
609
611
|
}) => {
|
|
610
612
|
const generateColumnStyles = (0, import_react2.useCallback)((column) => {
|
|
611
613
|
const alignClass = column.align ? `text-${column.align}` : "text-left";
|
|
@@ -643,8 +645,8 @@ var TableBody = ({
|
|
|
643
645
|
);
|
|
644
646
|
const hasRows = rows.length > 0;
|
|
645
647
|
const colSpan = (columns.length || 1) + (selectableRows ? 1 : 0);
|
|
646
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tbody", { className: slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), children: [
|
|
647
|
-
hasRows && rows.map((row, rowIndex) => {
|
|
648
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tbody", { className: clsx(slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), className), children: [
|
|
649
|
+
!isLoading && hasRows && rows.map((row, rowIndex) => {
|
|
648
650
|
const isRowChecked = checkedRows.has(rowIndex);
|
|
649
651
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
|
|
650
652
|
columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
|
|
@@ -658,7 +660,7 @@ var TableBody = ({
|
|
|
658
660
|
) }) })
|
|
659
661
|
] }, rowIndex);
|
|
660
662
|
}),
|
|
661
|
-
!hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { colSpan, className: slots.
|
|
663
|
+
!isLoading && !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { colSpan, className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) })
|
|
662
664
|
] });
|
|
663
665
|
};
|
|
664
666
|
var table_body_default = TableBody;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
table_body_default
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-63WXGSTV.mjs";
|
|
5
5
|
import "../../chunk-QZ3LVYJW.mjs";
|
|
6
|
-
import "../../chunk-
|
|
6
|
+
import "../../chunk-D6QI3DJG.mjs";
|
|
7
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
7
8
|
import "../../chunk-27Y6K5NK.mjs";
|
|
8
9
|
import "../../chunk-E3G5QXSH.mjs";
|
|
9
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
10
10
|
import "../../chunk-AC6TWLRT.mjs";
|
|
11
11
|
export {
|
|
12
12
|
table_body_default as default
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
table_head_default
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-3DPVPTHL.mjs";
|
|
5
5
|
import "../../chunk-QZ3LVYJW.mjs";
|
|
6
|
-
import "../../chunk-
|
|
6
|
+
import "../../chunk-D6QI3DJG.mjs";
|
|
7
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
7
8
|
import "../../chunk-27Y6K5NK.mjs";
|
|
8
9
|
import "../../chunk-E3G5QXSH.mjs";
|
|
9
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
10
10
|
import "../../chunk-AC6TWLRT.mjs";
|
|
11
11
|
export {
|
|
12
12
|
table_head_default as default
|
|
@@ -18,6 +18,7 @@ interface TableBaseProps extends Omit<ComponentPropsWithRef<"table">, "ref" | "c
|
|
|
18
18
|
perPage: number;
|
|
19
19
|
}) => void;
|
|
20
20
|
emptyContent?: ReactNode;
|
|
21
|
+
isLoading?: boolean;
|
|
21
22
|
classNames?: SlotsToClasses<TableSlots>;
|
|
22
23
|
}
|
|
23
24
|
interface TableRef {
|
|
@@ -78,6 +79,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
|
|
|
78
79
|
tr: string[];
|
|
79
80
|
th: string[];
|
|
80
81
|
td: string[];
|
|
82
|
+
empty: string[];
|
|
81
83
|
}, undefined, {
|
|
82
84
|
variant: {
|
|
83
85
|
solid: {
|
|
@@ -130,6 +132,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
|
|
|
130
132
|
tr: string[];
|
|
131
133
|
th: string[];
|
|
132
134
|
td: string[];
|
|
135
|
+
empty: string[];
|
|
133
136
|
}, tailwind_variants.TVReturnType<{
|
|
134
137
|
variant: {
|
|
135
138
|
solid: {
|
|
@@ -182,6 +185,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
|
|
|
182
185
|
tr: string[];
|
|
183
186
|
th: string[];
|
|
184
187
|
td: string[];
|
|
188
|
+
empty: string[];
|
|
185
189
|
}, undefined, unknown, unknown, undefined>>;
|
|
186
190
|
type TableVariantProps = VariantProps<typeof tableStyle>;
|
|
187
191
|
type TableSlots = keyof ReturnType<typeof tableStyle>;
|
|
@@ -18,6 +18,7 @@ interface TableBaseProps extends Omit<ComponentPropsWithRef<"table">, "ref" | "c
|
|
|
18
18
|
perPage: number;
|
|
19
19
|
}) => void;
|
|
20
20
|
emptyContent?: ReactNode;
|
|
21
|
+
isLoading?: boolean;
|
|
21
22
|
classNames?: SlotsToClasses<TableSlots>;
|
|
22
23
|
}
|
|
23
24
|
interface TableRef {
|
|
@@ -78,6 +79,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
|
|
|
78
79
|
tr: string[];
|
|
79
80
|
th: string[];
|
|
80
81
|
td: string[];
|
|
82
|
+
empty: string[];
|
|
81
83
|
}, undefined, {
|
|
82
84
|
variant: {
|
|
83
85
|
solid: {
|
|
@@ -130,6 +132,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
|
|
|
130
132
|
tr: string[];
|
|
131
133
|
th: string[];
|
|
132
134
|
td: string[];
|
|
135
|
+
empty: string[];
|
|
133
136
|
}, tailwind_variants.TVReturnType<{
|
|
134
137
|
variant: {
|
|
135
138
|
solid: {
|
|
@@ -182,6 +185,7 @@ declare const tableStyle: tailwind_variants.TVReturnType<{
|
|
|
182
185
|
tr: string[];
|
|
183
186
|
th: string[];
|
|
184
187
|
td: string[];
|
|
188
|
+
empty: string[];
|
|
185
189
|
}, undefined, unknown, unknown, undefined>>;
|
|
186
190
|
type TableVariantProps = VariantProps<typeof tableStyle>;
|
|
187
191
|
type TableSlots = keyof ReturnType<typeof tableStyle>;
|
|
@@ -636,7 +636,9 @@ var TableBody = ({
|
|
|
636
636
|
checkedRows,
|
|
637
637
|
onCheckRow,
|
|
638
638
|
emptyContent,
|
|
639
|
-
|
|
639
|
+
isLoading,
|
|
640
|
+
classNames,
|
|
641
|
+
className
|
|
640
642
|
}) => {
|
|
641
643
|
const generateColumnStyles = (0, import_react2.useCallback)((column) => {
|
|
642
644
|
const alignClass = column.align ? `text-${column.align}` : "text-left";
|
|
@@ -674,8 +676,8 @@ var TableBody = ({
|
|
|
674
676
|
);
|
|
675
677
|
const hasRows = rows.length > 0;
|
|
676
678
|
const colSpan = (columns.length || 1) + (selectableRows ? 1 : 0);
|
|
677
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tbody", { className: slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), children: [
|
|
678
|
-
hasRows && rows.map((row, rowIndex) => {
|
|
679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tbody", { className: clsx(slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), className), children: [
|
|
680
|
+
!isLoading && hasRows && rows.map((row, rowIndex) => {
|
|
679
681
|
const isRowChecked = checkedRows.has(rowIndex);
|
|
680
682
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
|
|
681
683
|
columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
|
|
@@ -689,7 +691,7 @@ var TableBody = ({
|
|
|
689
691
|
) }) })
|
|
690
692
|
] }, rowIndex);
|
|
691
693
|
}),
|
|
692
|
-
!hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { colSpan, className: slots.
|
|
694
|
+
!isLoading && !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { colSpan, className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) })
|
|
693
695
|
] });
|
|
694
696
|
};
|
|
695
697
|
var table_body_default = TableBody;
|
|
@@ -5261,13 +5263,14 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
|
|
|
5261
5263
|
pagination,
|
|
5262
5264
|
onPageChange,
|
|
5263
5265
|
emptyContent,
|
|
5266
|
+
isLoading,
|
|
5264
5267
|
className,
|
|
5265
5268
|
color
|
|
5266
5269
|
} = { ...props, ...variantProps };
|
|
5267
5270
|
const [checkedRows, setCheckedRows] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
|
|
5268
5271
|
const divRef = (0, import_react7.useRef)(null);
|
|
5269
5272
|
const { page, perPage } = pagination || { page: 1, perPage: 10 };
|
|
5270
|
-
const showPagination = pagination && typeof totalData === "number";
|
|
5273
|
+
const showPagination = pagination && typeof totalData === "number" && !isLoading;
|
|
5271
5274
|
(0, import_react7.useImperativeHandle)(ref, () => ({
|
|
5272
5275
|
checkedRows,
|
|
5273
5276
|
setCheckedRows
|
|
@@ -5286,7 +5289,7 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
|
|
|
5286
5289
|
};
|
|
5287
5290
|
const slots = (0, import_react7.useMemo)(() => tableStyle(variantProps), [variantProps]);
|
|
5288
5291
|
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
|
|
5289
|
-
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(scrollArea_default, { size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
|
|
5292
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
|
|
5290
5293
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
5291
5294
|
table_head_default,
|
|
5292
5295
|
{
|
|
@@ -5310,7 +5313,12 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
|
|
|
5310
5313
|
checkedRows,
|
|
5311
5314
|
onCheckRow: handleCheck,
|
|
5312
5315
|
emptyContent,
|
|
5313
|
-
|
|
5316
|
+
isLoading,
|
|
5317
|
+
classNames,
|
|
5318
|
+
className: clsx(
|
|
5319
|
+
"transition-all duration-150 ease-out",
|
|
5320
|
+
isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
|
|
5321
|
+
)
|
|
5314
5322
|
}
|
|
5315
5323
|
)
|
|
5316
5324
|
] }) }),
|
|
@@ -5356,6 +5364,15 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
|
|
|
5356
5364
|
"gap-[10px]",
|
|
5357
5365
|
"transition duration-200",
|
|
5358
5366
|
"align-middle"
|
|
5367
|
+
],
|
|
5368
|
+
empty: [
|
|
5369
|
+
"relative",
|
|
5370
|
+
"text-foreground",
|
|
5371
|
+
"whitespace-normal",
|
|
5372
|
+
"outline-none",
|
|
5373
|
+
"[&>*]:z-1",
|
|
5374
|
+
"[&>*]:relative",
|
|
5375
|
+
"align-middle"
|
|
5359
5376
|
]
|
|
5360
5377
|
},
|
|
5361
5378
|
variants: {
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
table_default
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-
|
|
6
|
-
import "../../chunk-
|
|
4
|
+
} from "../../chunk-3TJAGKKY.mjs";
|
|
5
|
+
import "../../chunk-63WXGSTV.mjs";
|
|
6
|
+
import "../../chunk-3DPVPTHL.mjs";
|
|
7
7
|
import "../../chunk-DQRAFUDA.mjs";
|
|
8
8
|
import "../../chunk-M37VBNB3.mjs";
|
|
9
9
|
import "../../chunk-7B7LRG5J.mjs";
|
|
10
|
-
import "../../chunk-
|
|
10
|
+
import "../../chunk-UHFJ7ZFM.mjs";
|
|
11
11
|
import "../../chunk-F3HENRVM.mjs";
|
|
12
12
|
import "../../chunk-2GCSFWHD.mjs";
|
|
13
|
-
import "../../chunk-
|
|
13
|
+
import "../../chunk-7TXQPX4O.mjs";
|
|
14
14
|
import "../../chunk-QZ3LVYJW.mjs";
|
|
15
|
-
import "../../chunk-
|
|
15
|
+
import "../../chunk-D6QI3DJG.mjs";
|
|
16
16
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
17
17
|
import "../../chunk-DADMVOYI.mjs";
|
|
18
18
|
import "../../chunk-A7OXEUCC.mjs";
|
|
19
|
+
import "../../chunk-4ZJFD3L3.mjs";
|
|
19
20
|
import "../../chunk-27Y6K5NK.mjs";
|
|
20
21
|
import "../../chunk-E3G5QXSH.mjs";
|
|
21
|
-
import "../../chunk-4ZJFD3L3.mjs";
|
|
22
22
|
import "../../chunk-AC6TWLRT.mjs";
|
|
23
23
|
export {
|
|
24
24
|
table_default as default
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import "../../chunk-3MY6LO7N.mjs";
|
|
3
3
|
import {
|
|
4
4
|
tabs_default
|
|
5
|
-
} from "../../chunk-
|
|
6
|
-
import "../../chunk-E3G5QXSH.mjs";
|
|
5
|
+
} from "../../chunk-2YMAKIZ6.mjs";
|
|
7
6
|
import "../../chunk-4ZJFD3L3.mjs";
|
|
7
|
+
import "../../chunk-E3G5QXSH.mjs";
|
|
8
8
|
import "../../chunk-AC6TWLRT.mjs";
|
|
9
9
|
export {
|
|
10
10
|
tabs_default as Tabs
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import {
|
|
3
3
|
tabs,
|
|
4
4
|
tabs_default
|
|
5
|
-
} from "../../chunk-
|
|
6
|
-
import "../../chunk-E3G5QXSH.mjs";
|
|
5
|
+
} from "../../chunk-2YMAKIZ6.mjs";
|
|
7
6
|
import "../../chunk-4ZJFD3L3.mjs";
|
|
7
|
+
import "../../chunk-E3G5QXSH.mjs";
|
|
8
8
|
import "../../chunk-AC6TWLRT.mjs";
|
|
9
9
|
export {
|
|
10
10
|
tabs_default as default,
|
|
@@ -3,16 +3,16 @@ import "../../chunk-LUWGOKLG.mjs";
|
|
|
3
3
|
import {
|
|
4
4
|
ToastProvider,
|
|
5
5
|
useToast
|
|
6
|
-
} from "../../chunk-
|
|
6
|
+
} from "../../chunk-HDNQOLUJ.mjs";
|
|
7
7
|
import "../../chunk-ZOTHPHXA.mjs";
|
|
8
8
|
import {
|
|
9
9
|
toast_default
|
|
10
|
-
} from "../../chunk-
|
|
10
|
+
} from "../../chunk-5OBP42D6.mjs";
|
|
11
11
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
12
12
|
import "../../chunk-DADMVOYI.mjs";
|
|
13
13
|
import "../../chunk-A7OXEUCC.mjs";
|
|
14
|
-
import "../../chunk-E3G5QXSH.mjs";
|
|
15
14
|
import "../../chunk-4ZJFD3L3.mjs";
|
|
15
|
+
import "../../chunk-E3G5QXSH.mjs";
|
|
16
16
|
import "../../chunk-AC6TWLRT.mjs";
|
|
17
17
|
export {
|
|
18
18
|
toast_default as Toast,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
toast_default
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-5OBP42D6.mjs";
|
|
5
5
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
6
6
|
import "../../chunk-DADMVOYI.mjs";
|
|
7
7
|
import "../../chunk-A7OXEUCC.mjs";
|
|
8
|
-
import "../../chunk-E3G5QXSH.mjs";
|
|
9
8
|
import "../../chunk-4ZJFD3L3.mjs";
|
|
9
|
+
import "../../chunk-E3G5QXSH.mjs";
|
|
10
10
|
import "../../chunk-AC6TWLRT.mjs";
|
|
11
11
|
export {
|
|
12
12
|
toast_default as default
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
import {
|
|
3
3
|
ToastProvider,
|
|
4
4
|
useToast
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-HDNQOLUJ.mjs";
|
|
6
6
|
import "../../chunk-ZOTHPHXA.mjs";
|
|
7
|
-
import "../../chunk-
|
|
7
|
+
import "../../chunk-5OBP42D6.mjs";
|
|
8
8
|
import "../../chunk-ZYIIXWVY.mjs";
|
|
9
9
|
import "../../chunk-DADMVOYI.mjs";
|
|
10
10
|
import "../../chunk-A7OXEUCC.mjs";
|
|
11
|
-
import "../../chunk-E3G5QXSH.mjs";
|
|
12
11
|
import "../../chunk-4ZJFD3L3.mjs";
|
|
12
|
+
import "../../chunk-E3G5QXSH.mjs";
|
|
13
13
|
import "../../chunk-AC6TWLRT.mjs";
|
|
14
14
|
export {
|
|
15
15
|
ToastProvider,
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
import "../../chunk-HIE2YRGA.mjs";
|
|
3
3
|
import {
|
|
4
4
|
tooltip_default
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-Z2537DF6.mjs";
|
|
6
6
|
import "../../chunk-ZMOAFSYE.mjs";
|
|
7
7
|
import "../../chunk-WSIADHVC.mjs";
|
|
8
|
-
import "../../chunk-E3G5QXSH.mjs";
|
|
9
8
|
import "../../chunk-4ZJFD3L3.mjs";
|
|
9
|
+
import "../../chunk-E3G5QXSH.mjs";
|
|
10
10
|
import "../../chunk-AC6TWLRT.mjs";
|
|
11
11
|
export {
|
|
12
12
|
tooltip_default as Tooltip
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
tooltip_default
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-Z2537DF6.mjs";
|
|
5
5
|
import "../../chunk-ZMOAFSYE.mjs";
|
|
6
6
|
import "../../chunk-WSIADHVC.mjs";
|
|
7
|
-
import "../../chunk-E3G5QXSH.mjs";
|
|
8
7
|
import "../../chunk-4ZJFD3L3.mjs";
|
|
8
|
+
import "../../chunk-E3G5QXSH.mjs";
|
|
9
9
|
import "../../chunk-AC6TWLRT.mjs";
|
|
10
10
|
export {
|
|
11
11
|
tooltip_default as default
|