lizaui 9.0.2 → 9.0.4
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/button/index.cjs.js +1 -1
- package/dist/button/index.es.js +1 -1
- package/dist/calendar/index.cjs.js +64 -800
- package/dist/calendar/index.cjs.js.map +1 -1
- package/dist/calendar/index.es.js +29 -765
- package/dist/calendar/index.es.js.map +1 -1
- package/dist/checkbox/index.cjs.js +1 -1
- package/dist/checkbox/index.es.js +1 -1
- package/dist/chip/index.cjs.js +9 -9
- package/dist/chip/index.cjs.js.map +1 -1
- package/dist/chip/index.es.js +2 -2
- package/dist/chunks/{button-MKhaqe0K.js → button-B0fpJrMg.js} +3 -3
- package/dist/chunks/{button-MKhaqe0K.js.map → button-B0fpJrMg.js.map} +1 -1
- package/dist/chunks/{button-BKebd9mx.js → button-d5z8H59K.js} +13 -13
- package/dist/chunks/{button-BKebd9mx.js.map → button-d5z8H59K.js.map} +1 -1
- package/dist/chunks/{checkbox-DpLEjjb9.js → checkbox-C1Sssumg.js} +3 -3
- package/dist/chunks/{checkbox-DpLEjjb9.js.map → checkbox-C1Sssumg.js.map} +1 -1
- package/dist/chunks/{checkbox-BoxBfskJ.js → checkbox-ovjcc7jF.js} +15 -15
- package/dist/chunks/{checkbox-BoxBfskJ.js.map → checkbox-ovjcc7jF.js.map} +1 -1
- package/dist/chunks/{index-BHpUy2Ix.js → index-CEKmKomA.js} +2 -2
- package/dist/chunks/{index-BHpUy2Ix.js.map → index-CEKmKomA.js.map} +1 -1
- package/dist/chunks/{index-CATvGmak.js → index-C_sOsPRt.js} +5 -5
- package/dist/chunks/{index-CATvGmak.js.map → index-C_sOsPRt.js.map} +1 -1
- package/dist/chunks/{index-CNDtGisb.js → index-DaMyCNJ8.js} +2 -2
- package/dist/chunks/{index-CNDtGisb.js.map → index-DaMyCNJ8.js.map} +1 -1
- package/dist/chunks/{label-error-DkVGsF5w.js → label-error-BTCuInp7.js} +2 -2
- package/dist/chunks/{label-error-DkVGsF5w.js.map → label-error-BTCuInp7.js.map} +1 -1
- package/dist/chunks/label-error-C8lIsfXu.js +9 -0
- package/dist/chunks/{label-error-2QXnvbxJ.js.map → label-error-C8lIsfXu.js.map} +1 -1
- package/dist/chunks/{ripple-CTAKSntE.js → ripple-Bm6QamOy.js} +4 -4
- package/dist/chunks/{ripple-CTAKSntE.js.map → ripple-Bm6QamOy.js.map} +1 -1
- package/dist/chunks/{scroll-area-CNEU8oOo.js → scroll-area-C0NhSIO2.js} +31 -31
- package/dist/chunks/{scroll-area-CNEU8oOo.js.map → scroll-area-C0NhSIO2.js.map} +1 -1
- package/dist/chunks/{scroll-area-3h3tgoqp.js → scroll-area-JgKF61tc.js} +3 -3
- package/dist/chunks/{scroll-area-3h3tgoqp.js.map → scroll-area-JgKF61tc.js.map} +1 -1
- package/dist/chunks/{select-BW-plZA9.js → select-DGnc8VJi.js} +73 -73
- package/dist/chunks/{select-BW-plZA9.js.map → select-DGnc8VJi.js.map} +1 -1
- package/dist/chunks/{select-wGmz50gN.js → select-Dpyj5dUk.js} +3 -3
- package/dist/chunks/{select-wGmz50gN.js.map → select-Dpyj5dUk.js.map} +1 -1
- package/dist/chunks/{styled-components.browser.esm-DbYXI9h_.js → styled-components.browser.esm-CPR7VH_x.js} +3 -3
- package/dist/chunks/{styled-components.browser.esm-DbYXI9h_.js.map → styled-components.browser.esm-CPR7VH_x.js.map} +1 -1
- package/dist/chunks/{textarea-CPHr2RpC.js → textarea-D2_KC-J4.js} +98 -98
- package/dist/chunks/{textarea-CPHr2RpC.js.map → textarea-D2_KC-J4.js.map} +1 -1
- package/dist/chunks/{textarea-CXQO1MMF.js → textarea-_HQpXiCX.js} +8 -8
- package/dist/chunks/{textarea-CXQO1MMF.js.map → textarea-_HQpXiCX.js.map} +1 -1
- package/dist/chunks/{tooltip-05Mv2hjx.js → tooltip-GGFk8ALK.js} +15 -15
- package/dist/chunks/{tooltip-05Mv2hjx.js.map → tooltip-GGFk8ALK.js.map} +1 -1
- package/dist/chunks/{tooltip-D3J0_sJU.js → tooltip-JwIbppjO.js} +3 -3
- package/dist/chunks/{tooltip-D3J0_sJU.js.map → tooltip-JwIbppjO.js.map} +1 -1
- package/dist/chunks/tv-B0li4IsO.js +41 -0
- package/dist/chunks/tv-B0li4IsO.js.map +1 -0
- package/dist/chunks/tv-CGbWb8zP.js +40 -0
- package/dist/chunks/tv-CGbWb8zP.js.map +1 -0
- package/dist/chunks/utils-H80jjgLf.js +9 -0
- package/dist/chunks/{utils-BnY7EXd5.js.map → utils-H80jjgLf.js.map} +1 -1
- package/dist/chunks/utils-ij3i9zTT.js +8 -0
- package/dist/chunks/{utils-nIKS3WsJ.js.map → utils-ij3i9zTT.js.map} +1 -1
- package/dist/components/calendar/date-picker/date-picker.d.ts +1 -1
- package/dist/components/calendar/date-picker/date-picker.d.ts.map +1 -1
- package/dist/components/calendar/date-picker/date-picker.style.d.ts +1 -0
- package/dist/components/calendar/date-picker/date-picker.style.d.ts.map +1 -1
- package/dist/components/calendar/date-picker/interface/date-picker.interface.d.ts +1 -0
- package/dist/components/calendar/date-picker/interface/date-picker.interface.d.ts.map +1 -1
- package/dist/divider/index.cjs.js +4 -4
- package/dist/divider/index.es.js +1 -1
- package/dist/modal/index.cjs.js +17 -17
- package/dist/modal/index.es.js +3 -3
- package/dist/pagination/index.cjs.js +29 -29
- package/dist/pagination/index.cjs.js.map +1 -1
- package/dist/pagination/index.es.js +5 -5
- package/dist/phone-input/index.cjs.js +32 -31
- package/dist/phone-input/index.cjs.js.map +1 -1
- package/dist/phone-input/index.es.js +7 -6
- package/dist/phone-input/index.es.js.map +1 -1
- package/dist/ripple/index.cjs.js +1 -1
- package/dist/select-input/index.cjs.js +39 -39
- package/dist/select-input/index.cjs.js.map +1 -1
- package/dist/select-input/index.es.js +5 -5
- package/dist/table/index.cjs.js +44 -44
- package/dist/table/index.cjs.js.map +1 -1
- package/dist/table/index.es.js +5 -5
- package/dist/time-input/index.cjs.js +53 -53
- package/dist/time-input/index.cjs.js.map +1 -1
- package/dist/time-input/index.es.js +5 -5
- package/dist/tooltip/index.cjs.js +1 -1
- package/dist/tooltip/index.es.js +1 -1
- package/dist/ui/index.cjs.js +324 -324
- package/dist/ui/index.es.js +10 -10
- package/package.json +8 -2
- package/dist/chunks/bundle-mjs-BWLS65yY.js +0 -3003
- package/dist/chunks/bundle-mjs-BWLS65yY.js.map +0 -1
- package/dist/chunks/bundle-mjs-DB1IOBLD.js +0 -3004
- package/dist/chunks/bundle-mjs-DB1IOBLD.js.map +0 -1
- package/dist/chunks/clsx-CBkIpawf.js +0 -16
- package/dist/chunks/clsx-CBkIpawf.js.map +0 -1
- package/dist/chunks/clsx-DgYk2OaC.js +0 -17
- package/dist/chunks/clsx-DgYk2OaC.js.map +0 -1
- package/dist/chunks/label-error-2QXnvbxJ.js +0 -9
- package/dist/chunks/tv-C-wpiWwh.js +0 -274
- package/dist/chunks/tv-C-wpiWwh.js.map +0 -1
- package/dist/chunks/tv-C4gJMNo3.js +0 -275
- package/dist/chunks/tv-C4gJMNo3.js.map +0 -1
- package/dist/chunks/utils-BnY7EXd5.js +0 -9
- package/dist/chunks/utils-nIKS3WsJ.js +0 -8
- package/dist/chunks/v4-BQ42ZlDJ.js +0 -39
- package/dist/chunks/v4-BQ42ZlDJ.js.map +0 -1
- package/dist/chunks/v4-C3omdoBX.js +0 -40
- package/dist/chunks/v4-C3omdoBX.js.map +0 -1
|
@@ -5,13 +5,13 @@ import { createPortal } from "react-dom";
|
|
|
5
5
|
import { q as autoUpdate } from "../chunks/floating-ui.dom-Bd-QJw02.js";
|
|
6
6
|
import { a as IoIosArrowUp, b as IoIosArrowDown } from "../chunks/index-YHWRO9Xl.js";
|
|
7
7
|
import { G as GenIcon } from "../chunks/iconBase-DHmg6m28.js";
|
|
8
|
-
import { C as Checkbox } from "../chunks/checkbox-
|
|
9
|
-
import {
|
|
8
|
+
import { C as Checkbox } from "../chunks/checkbox-C1Sssumg.js";
|
|
9
|
+
import { twMerge } from "tailwind-merge";
|
|
10
10
|
import { v as validatePatternInput } from "../chunks/pattern-CWRl6jXR.js";
|
|
11
11
|
import "../chunks/assertion-LpGn6Vzq.js";
|
|
12
|
-
import
|
|
13
|
-
import { L as LabelError } from "../chunks/label-error-
|
|
14
|
-
import { c as cn } from "../chunks/utils-
|
|
12
|
+
import clsx from "clsx";
|
|
13
|
+
import { L as LabelError } from "../chunks/label-error-BTCuInp7.js";
|
|
14
|
+
import { c as cn } from "../chunks/utils-H80jjgLf.js";
|
|
15
15
|
function _typeof(o) {
|
|
16
16
|
"@babel/helpers - typeof";
|
|
17
17
|
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
|
package/dist/table/index.cjs.js
CHANGED
|
@@ -22,26 +22,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
22
22
|
mod
|
|
23
23
|
));
|
|
24
24
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
25
|
-
const
|
|
25
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
26
26
|
const React = require("react");
|
|
27
|
-
const
|
|
28
|
-
const tooltip = require("../chunks/tooltip-
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
const
|
|
27
|
+
const tailwindMerge = require("tailwind-merge");
|
|
28
|
+
const tooltip = require("../chunks/tooltip-GGFk8ALK.js");
|
|
29
|
+
const uuid = require("uuid");
|
|
30
|
+
const clsx = require("clsx");
|
|
31
|
+
const checkbox = require("../chunks/checkbox-ovjcc7jF.js");
|
|
32
32
|
const framerMotion = require("framer-motion");
|
|
33
33
|
const TableHeader = React.memo(({ children, className, ...props }) => {
|
|
34
|
-
const mergedClass = React.useMemo(() =>
|
|
34
|
+
const mergedClass = React.useMemo(() => tailwindMerge.twMerge("min-h-[100px] sticky top-0 z-10", className), [className]);
|
|
35
35
|
const clonedChildren = React.useMemo(
|
|
36
36
|
() => React.Children.map(children, (child) => React.isValidElement(child) ? React.cloneElement(child, { ...props }) : child),
|
|
37
37
|
[children, props]
|
|
38
38
|
);
|
|
39
|
-
return /* @__PURE__ */
|
|
39
|
+
return /* @__PURE__ */ jsxRuntime.jsx("thead", { className: mergedClass, children: clonedChildren });
|
|
40
40
|
});
|
|
41
41
|
TableHeader.displayName = "TableHeader";
|
|
42
42
|
const TableHeaderColumn = React.memo(
|
|
43
43
|
({ children, className, style = {}, icon = null, text = "", size, header }) => {
|
|
44
|
-
const mergedClass = React.useMemo(() =>
|
|
44
|
+
const mergedClass = React.useMemo(() => tailwindMerge.twMerge("px-2 border-b border-divider", className), [className]);
|
|
45
45
|
const mergedStyle = React.useMemo(
|
|
46
46
|
() => ({
|
|
47
47
|
...style,
|
|
@@ -51,10 +51,10 @@ const TableHeaderColumn = React.memo(
|
|
|
51
51
|
[style, size]
|
|
52
52
|
);
|
|
53
53
|
const isChildrenEmpty = !children || typeof children === "string" && children.trim() === "";
|
|
54
|
-
return /* @__PURE__ */
|
|
55
|
-
/* @__PURE__ */
|
|
56
|
-
/* @__PURE__ */
|
|
57
|
-
header?.information && /* @__PURE__ */
|
|
54
|
+
return /* @__PURE__ */ jsxRuntime.jsx("th", { className: mergedClass, style: mergedStyle, children: isChildrenEmpty ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center gap-x-2 font-medium", children: [
|
|
55
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
|
|
56
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-1 text-xs text-gray-500 dark:text-foreground-500 text-left", children: text }),
|
|
57
|
+
header?.information && /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip, { content: header?.information || "", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
58
58
|
"svg",
|
|
59
59
|
{
|
|
60
60
|
"aria-hidden": "true",
|
|
@@ -63,15 +63,15 @@ const TableHeaderColumn = React.memo(
|
|
|
63
63
|
width: 16,
|
|
64
64
|
height: 16,
|
|
65
65
|
viewBox: "0 0 24 24",
|
|
66
|
-
children: /* @__PURE__ */
|
|
67
|
-
/* @__PURE__ */
|
|
68
|
-
/* @__PURE__ */
|
|
69
|
-
/* @__PURE__ */
|
|
66
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", children: [
|
|
67
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 12, cy: 12, r: 10, stroke: "currentColor", strokeWidth: "1.5" }),
|
|
68
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.5", d: "M12 17v-6" }),
|
|
69
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 1, cy: 1, r: 1, fill: "currentColor", transform: "matrix(1 0 0 -1 11 9)" })
|
|
70
70
|
] })
|
|
71
71
|
}
|
|
72
72
|
) })
|
|
73
73
|
] }),
|
|
74
|
-
/* @__PURE__ */
|
|
74
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex", children: icon })
|
|
75
75
|
] }) : children });
|
|
76
76
|
}
|
|
77
77
|
);
|
|
@@ -101,7 +101,7 @@ function TableBodyComponent({
|
|
|
101
101
|
}) {
|
|
102
102
|
const { totalColumn, isActions, isChecks } = useTableContext();
|
|
103
103
|
const total = Number(totalColumn) + Number(isActions) + Number(isChecks);
|
|
104
|
-
const mergedClass = React.useMemo(() =>
|
|
104
|
+
const mergedClass = React.useMemo(() => tailwindMerge.twMerge(className), [className]);
|
|
105
105
|
const renderedRows = React.useMemo(() => {
|
|
106
106
|
if (typeof children === "function") {
|
|
107
107
|
return data.map((el, index) => {
|
|
@@ -124,23 +124,23 @@ function TableBodyComponent({
|
|
|
124
124
|
}, [children, data, props, rowKey]);
|
|
125
125
|
let fallbackContent = null;
|
|
126
126
|
if (isLoading) {
|
|
127
|
-
fallbackContent = /* @__PURE__ */
|
|
127
|
+
fallbackContent = /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-gray-200", children: /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-2.5 w-full", colSpan: total, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center relative", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-1 text-sm text-gray-900", children: loadingText }) }) }) });
|
|
128
128
|
} else if (data.length === 0) {
|
|
129
|
-
fallbackContent = /* @__PURE__ */
|
|
129
|
+
fallbackContent = /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-gray-200", children: /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-2.5 w-full", colSpan: total, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-1 text-sm text-gray-900", children: textNoData }) }) }) });
|
|
130
130
|
}
|
|
131
|
-
return /* @__PURE__ */
|
|
131
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: mergedClass, children: [
|
|
132
132
|
renderedRows,
|
|
133
133
|
fallbackContent
|
|
134
134
|
] });
|
|
135
135
|
}
|
|
136
136
|
const TableBody = React.memo(
|
|
137
137
|
(props) => {
|
|
138
|
-
return /* @__PURE__ */
|
|
138
|
+
return /* @__PURE__ */ jsxRuntime.jsx(TableBodyComponent, { ...props });
|
|
139
139
|
}
|
|
140
140
|
);
|
|
141
141
|
const TableBodyRow = React.memo(
|
|
142
142
|
React.forwardRef(({ children, className, keyCurrent, onChangeCheck, disabled, style, isCheck = true }, ref) => {
|
|
143
|
-
const uui = React.useMemo(() =>
|
|
143
|
+
const uui = React.useMemo(() => uuid.v4(), []);
|
|
144
144
|
const { isChecks, selectKeys, disabledKeys, color } = useTableContext();
|
|
145
145
|
const check = React.useMemo(() => selectKeys?.some((el) => el.id === keyCurrent.id), [selectKeys, keyCurrent.id]);
|
|
146
146
|
const disabledCheck = React.useMemo(() => disabledKeys?.some((el) => el === keyCurrent.id), [disabledKeys, keyCurrent.id]);
|
|
@@ -149,9 +149,9 @@ const TableBodyRow = React.memo(
|
|
|
149
149
|
onChangeCheck?.(keyCurrent, value);
|
|
150
150
|
};
|
|
151
151
|
const rowClass = React.useMemo(
|
|
152
|
-
() =>
|
|
152
|
+
() => tailwindMerge.twMerge(
|
|
153
153
|
"relative border-b border-divider min-h-[45px] h-[45px] transition-colors duration-200 ease-in-out",
|
|
154
|
-
clsx
|
|
154
|
+
clsx({
|
|
155
155
|
"bg-content1 dark:hover:bg-default-100 hover:bg-default-100": !check,
|
|
156
156
|
"bg-default-100 dark:bg-default-200": check
|
|
157
157
|
}),
|
|
@@ -159,8 +159,8 @@ const TableBodyRow = React.memo(
|
|
|
159
159
|
),
|
|
160
160
|
[check, className]
|
|
161
161
|
);
|
|
162
|
-
return /* @__PURE__ */
|
|
163
|
-
isChecks && /* @__PURE__ */
|
|
162
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: rowClass, ref, style, children: [
|
|
163
|
+
isChecks && /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-1", children: isCheck && /* @__PURE__ */ jsxRuntime.jsx(
|
|
164
164
|
checkbox.Checkbox,
|
|
165
165
|
{
|
|
166
166
|
id: uui,
|
|
@@ -179,17 +179,17 @@ TableBodyRow.displayName = "TableBodyRow";
|
|
|
179
179
|
const TableBodyColumn = React.memo(
|
|
180
180
|
React.forwardRef(({ children, className, text, style }, ref) => {
|
|
181
181
|
const mergedClass = React.useMemo(
|
|
182
|
-
() =>
|
|
182
|
+
() => tailwindMerge.twMerge("px-2 py-1 text-gray-900 dark:text-default-500 text-sm", className),
|
|
183
183
|
[className]
|
|
184
184
|
);
|
|
185
185
|
const isChildrenEmpty = !children || typeof children === "string" && children.trim() === "";
|
|
186
|
-
return /* @__PURE__ */
|
|
186
|
+
return /* @__PURE__ */ jsxRuntime.jsx("td", { ref, className: mergedClass, style, children: isChildrenEmpty ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-1 text-sm", children: text }) : children });
|
|
187
187
|
})
|
|
188
188
|
);
|
|
189
189
|
TableBodyColumn.displayName = "TableBodyColumn";
|
|
190
190
|
const TableHeaderRow = React.memo(
|
|
191
191
|
({ children, className, dataHeader = [], valueCheck = false, disabledCheck, onChangeCheck, ...props }) => {
|
|
192
|
-
const uui = React.useMemo(() =>
|
|
192
|
+
const uui = React.useMemo(() => uuid.v4(), []);
|
|
193
193
|
const { isChecks, widthAction, isActions, color } = useTableContext();
|
|
194
194
|
const handleChange = (value) => {
|
|
195
195
|
if (disabledCheck) return;
|
|
@@ -215,8 +215,8 @@ const TableHeaderRow = React.memo(
|
|
|
215
215
|
);
|
|
216
216
|
}
|
|
217
217
|
}, [children, dataHeader, props]);
|
|
218
|
-
return /* @__PURE__ */
|
|
219
|
-
isChecks && /* @__PURE__ */
|
|
218
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: tailwindMerge.twMerge("bg-gray-50 dark:bg-default-100 h-[50px]", className), children: [
|
|
219
|
+
isChecks && /* @__PURE__ */ jsxRuntime.jsx(TableHeaderColumn, { className: "min-w-[40px] w-[40px]", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
220
220
|
checkbox.Checkbox,
|
|
221
221
|
{
|
|
222
222
|
id: uui,
|
|
@@ -227,19 +227,19 @@ const TableHeaderRow = React.memo(
|
|
|
227
227
|
}
|
|
228
228
|
) }),
|
|
229
229
|
headerChildren,
|
|
230
|
-
isActions && /* @__PURE__ */
|
|
230
|
+
isActions && /* @__PURE__ */ jsxRuntime.jsx(TableHeaderColumn, { color, style: { minWidth: `${widthAction}px`, width: `${widthAction}px` } })
|
|
231
231
|
] });
|
|
232
232
|
}
|
|
233
233
|
);
|
|
234
234
|
TableHeaderRow.displayName = "TableHeaderRow";
|
|
235
235
|
const TableSearchColumn = React.memo(({ children, className = "", style = {} }) => {
|
|
236
|
-
const mergedClass = React.useMemo(() =>
|
|
237
|
-
return /* @__PURE__ */
|
|
236
|
+
const mergedClass = React.useMemo(() => tailwindMerge.twMerge("table-column-search px-2 border-b border-divider", className), [className]);
|
|
237
|
+
return /* @__PURE__ */ jsxRuntime.jsx("th", { className: mergedClass, style, children });
|
|
238
238
|
});
|
|
239
239
|
TableSearchColumn.displayName = "TableSearchColumn";
|
|
240
240
|
const TableSearchRow = React.memo(({ children, className, dataHeader = [], ...props }) => {
|
|
241
241
|
const { isChecks, widthAction, isActions } = useTableContext();
|
|
242
|
-
const mergedClass = React.useMemo(() =>
|
|
242
|
+
const mergedClass = React.useMemo(() => tailwindMerge.twMerge("bg-gray-50 dark:bg-default-100 h-[50px]", className), [className]);
|
|
243
243
|
const renderedChildren = React.useMemo(() => {
|
|
244
244
|
if (typeof children === "function") {
|
|
245
245
|
return dataHeader.map((el, index) => {
|
|
@@ -260,18 +260,18 @@ const TableSearchRow = React.memo(({ children, className, dataHeader = [], ...pr
|
|
|
260
260
|
);
|
|
261
261
|
}
|
|
262
262
|
}, [children, dataHeader, props]);
|
|
263
|
-
return /* @__PURE__ */
|
|
264
|
-
isChecks && /* @__PURE__ */
|
|
263
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: mergedClass, children: [
|
|
264
|
+
isChecks && /* @__PURE__ */ jsxRuntime.jsx(TableSearchColumn, { className: "min-w-[40px] w-[40px]" }),
|
|
265
265
|
renderedChildren,
|
|
266
|
-
isActions && /* @__PURE__ */
|
|
266
|
+
isActions && /* @__PURE__ */ jsxRuntime.jsx(TableSearchColumn, { style: { minWidth: `${widthAction}px`, width: `${widthAction}px` } })
|
|
267
267
|
] });
|
|
268
268
|
});
|
|
269
269
|
TableSearchRow.displayName = "TableSearchRow";
|
|
270
270
|
const TableHOC = ({ className, children, classNameContainer, ...props }) => {
|
|
271
271
|
const { color = "primary", disabledKeys, isChecks = true, selectKeys = [], isActions = true, widthAction = 100, dataHeader } = props;
|
|
272
|
-
const tableClass = React.useMemo(() =>
|
|
273
|
-
const containerClass = React.useMemo(() =>
|
|
274
|
-
return /* @__PURE__ */
|
|
272
|
+
const tableClass = React.useMemo(() => tailwindMerge.twMerge("table-main-container w-full border-collapse table-auto", className), [className]);
|
|
273
|
+
const containerClass = React.useMemo(() => tailwindMerge.twMerge("max-w-full overflow-x-auto overflow-y-auto bg-content1", classNameContainer), [classNameContainer]);
|
|
274
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
275
275
|
TableContext.Provider,
|
|
276
276
|
{
|
|
277
277
|
value: {
|
|
@@ -283,7 +283,7 @@ const TableHOC = ({ className, children, classNameContainer, ...props }) => {
|
|
|
283
283
|
widthAction,
|
|
284
284
|
totalColumn: dataHeader?.length || 0
|
|
285
285
|
},
|
|
286
|
-
children: /* @__PURE__ */
|
|
286
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClass, children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.LazyMotion, { features: () => import("framer-motion").then((res) => res.domAnimation), children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: tableClass, children: React.Children.map(
|
|
287
287
|
children,
|
|
288
288
|
(child) => React.isValidElement(child) ? React.cloneElement(child, {
|
|
289
289
|
...props
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../src/components/table/header/table-header.tsx","../../src/components/table/header/table-header-column.tsx","../../src/components/table/context/table.context.tsx","../../src/components/table/hook/use-table-context.tsx","../../src/components/table/body/table-body.tsx","../../src/components/table/body/table-body-row.tsx","../../src/components/table/body/table-body-column.tsx","../../src/components/table/header/table-header-row.tsx","../../src/components/table/search/table-search-column.tsx","../../src/components/table/search/table-search-row.tsx","../../src/components/table/table.tsx","../../src/components/table/hook/use-table.tsx"],"sourcesContent":["import React, { type FC, type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { type TableHeaderProps } from \"../interface/table.interface\";\n\nexport const TableHeader: FC<TableHeaderProps> = React.memo(({ children, className, ...props }) => {\n\tconst mergedClass = useMemo(() => twMerge(\"min-h-[100px] sticky top-0 z-10\", className), [className]);\n\n\tconst clonedChildren = useMemo(\n\t\t() => React.Children.map(children, (child) => (isValidElement(child) ? React.cloneElement(child as ReactElement, { ...props }) : child)),\n\t\t[children, props],\n\t);\n\n\treturn <thead className={mergedClass}>{clonedChildren}</thead>;\n});\nTableHeader.displayName = \"TableHeader\";\n","import React, { type FC, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { type TableHeaderColumnProps } from \"../interface/table.interface\";\nimport { Tooltip } from \"@/components/tooltip\";\n\nexport const TableHeaderColumn: FC<TableHeaderColumnProps> = React.memo(\n\t({ children, className, style = {}, icon = null, text = \"\", size, header }) => {\n\t\tconst mergedClass = useMemo(() => twMerge(\"px-2 border-b border-divider\", className), [className]);\n\n\t\tconst mergedStyle = useMemo(\n\t\t\t() => ({\n\t\t\t\t...style,\n\t\t\t\twidth: size ? `${size}px` : style.width,\n\t\t\t\tminWidth: size ? `${size}px` : style.minWidth,\n\t\t\t}),\n\t\t\t[style, size],\n\t\t);\n\n\t\tconst isChildrenEmpty = !children || (typeof children === \"string\" && children.trim() === \"\");\n\n\t\treturn (\n\t\t\t<th className={mergedClass} style={mergedStyle}>\n\t\t\t\t{isChildrenEmpty ? (\n\t\t\t\t\t<div className=\"flex justify-between items-center gap-x-2 font-medium\">\n\t\t\t\t\t\t<div className=\"flex items-center gap-x-2\">\n\t\t\t\t\t\t\t<p className=\"line-clamp-1 text-xs text-gray-500 dark:text-foreground-500 text-left\">{text}</p>\n\t\t\t\t\t\t\t{header?.information && (\n\t\t\t\t\t\t\t\t<Tooltip content={header?.information || \"\"}>\n\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-default-300 cursor-pointer dark:text-foreground-500\"\n\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<g fill=\"none\">\n\t\t\t\t\t\t\t\t\t\t\t<circle cx={12} cy={12} r={10} stroke=\"currentColor\" strokeWidth=\"1.5\" />\n\t\t\t\t\t\t\t\t\t\t\t<path stroke=\"currentColor\" strokeLinecap=\"round\" strokeWidth=\"1.5\" d=\"M12 17v-6\" />\n\t\t\t\t\t\t\t\t\t\t\t<circle cx={1} cy={1} r={1} fill=\"currentColor\" transform=\"matrix(1 0 0 -1 11 9)\" />\n\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"flex-1 flex\">{icon}</div>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\tchildren\n\t\t\t\t)}\n\t\t\t</th>\n\t\t);\n\t},\n);\nTableHeaderColumn.displayName = \"TableHeaderColumn\";\n","import { createContext } from \"react\";\n\nimport { type TableContextProps } from \"../interface/table.interface\";\n\nconst initialValues: TableContextProps = {\n\tcolor: \"primary\",\n\tdisabledKeys: [],\n\tisChecks: true,\n\tselectKeys: [],\n\tisActions: true,\n\twidthAction: 100,\n\ttotalColumn: 0,\n};\n\nexport const TableContext = createContext<TableContextProps>(initialValues);\n","import { useContext } from \"react\";\r\nimport { TableContext } from \"../context/table.context\";\r\n\r\nexport const useTableContext = () => {\r\n\treturn useContext(TableContext);\r\n};\r\n","import React, { type ReactElement, isValidElement, memo, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { type TableBodyProps, type TableShareProps } from \"../interface/table.interface\";\n\nfunction TableBodyComponent<TData extends object>({\n\tchildren,\n\tclassName,\n\tdata = [],\n\ttextNoData = \"No hay información\",\n\tisLoading = false,\n\tloadingText = \"Cargando ...\",\n\trowKey,\n\t...props\n}: TableBodyProps<TData>) {\n\t\tconst { totalColumn, isActions, isChecks } = useTableContext();\n\t\tconst total = Number(totalColumn) + Number(isActions) + Number(isChecks);\n\n\t\tconst mergedClass = useMemo(() => twMerge(className), [className]);\n\n\t\tconst renderedRows = useMemo(() => {\n\t\t\tif (typeof children === \"function\") {\n\t\t\t\treturn data.map((el, index) => {\n\t\t\t\t\tconst child = children({ item: el, index });\n\t\t\t\t\tconst keyValue = rowKey ? rowKey(el, index) : index; // fallback\n\n\t\t\t\t\treturn isValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\tkey: keyValue,\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: null;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\treturn React.Children.map(children, (child, index) =>\n\t\t\t\t\tisValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\tkey: rowKey ? rowKey(data[index] as TData, index) : index,\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: child,\n\t\t\t\t);\n\t\t\t}\n\t\t}, [children, data, props, rowKey]);\n\n\t\tlet fallbackContent: React.ReactNode = null;\n\n\t\tif (isLoading) {\n\t\t\tfallbackContent = (\n\t\t\t\t<tr className=\"border-b border-gray-200\">\n\t\t\t\t\t<td className=\"px-2 py-2.5 w-full\" colSpan={total}>\n\t\t\t\t\t\t<div className=\"flex justify-center relative\">\n\t\t\t\t\t\t\t<p className=\"line-clamp-1 text-sm text-gray-900\">{loadingText}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t);\n\t\t} else if (data.length === 0) {\n\t\t\tfallbackContent = (\n\t\t\t\t<tr className=\"border-b border-gray-200\">\n\t\t\t\t\t<td className=\"px-2 py-2.5 w-full\" colSpan={total}>\n\t\t\t\t\t\t<div className=\"flex justify-center\">\n\t\t\t\t\t\t\t<p className=\"line-clamp-1 text-sm text-gray-900\">{textNoData}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<tbody className={mergedClass}>\n\t\t\t\t{renderedRows}\n\t\t\t\t{fallbackContent}\n\t\t\t</tbody>\n\t\t);\n}\n\nexport const TableBody = memo(\n\t<TData extends object>(props: TableBodyProps<TData>) => {\n\t\treturn <TableBodyComponent {...props} />;\n\t}\n) as <TData extends object>(props: TableBodyProps<TData>) => React.JSX.Element;\n\n// export function TableBody<TData extends object>(props: TableBodyProps<TData>) {\n// \treturn <TableBodyComponent {...props} />;\n// }\n\n","import { twMerge } from \"tailwind-merge\";\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { forwardRef, memo, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { type TableBodyRowProps } from \"../interface/table.interface\";\nimport Checkbox from \"@/components/checkbox/checkbox\";\n\nexport const TableBodyRow = memo(\n\tforwardRef<HTMLTableRowElement, TableBodyRowProps>(({ children, className, keyCurrent, onChangeCheck, disabled, style, isCheck = true }, ref) => {\n\t\tconst uui = useMemo(() => uuidv4(), []);\n\t\tconst { isChecks, selectKeys, disabledKeys, color } = useTableContext();\n\n\t\tconst check = useMemo(() => selectKeys?.some((el) => el.id === keyCurrent.id), [selectKeys, keyCurrent.id]);\n\n\t\tconst disabledCheck = useMemo(() => disabledKeys?.some((el) => el === keyCurrent.id), [disabledKeys, keyCurrent.id]);\n\n\t\tconst handleChange = (value: boolean) => {\n\t\t\tif (disabledCheck || disabled) return;\n\t\t\tonChangeCheck?.(keyCurrent, value);\n\t\t};\n\n\t\tconst rowClass = useMemo(\n\t\t\t() =>\n\t\t\t\ttwMerge(\n\t\t\t\t\t\"relative border-b border-divider min-h-[45px] h-[45px] transition-colors duration-200 ease-in-out\",\n\t\t\t\t\tclsx({\n\t\t\t\t\t\t\"bg-content1 dark:hover:bg-default-100 hover:bg-default-100\": !check,\n\t\t\t\t\t\t\"bg-default-100 dark:bg-default-200\": check,\n\t\t\t\t\t}),\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t[check, className],\n\t\t);\n\n\t\treturn (\n\t\t\t<tr className={rowClass} ref={ref} style={style}>\n\t\t\t\t{isChecks && (\n\t\t\t\t\t<td className=\"px-2 py-1\">\n\t\t\t\t\t\t{isCheck && (\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tid={uui}\n\t\t\t\t\t\t\t\tonChange={(e) => handleChange(e.target.checked)}\n\t\t\t\t\t\t\t\tchecked={check || false}\n\t\t\t\t\t\t\t\tclassName=\"flex justify-center\"\n\t\t\t\t\t\t\t\tdisabled={disabledCheck || disabled}\n\t\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</td>\n\t\t\t\t)}\n\t\t\t\t{children}\n\t\t\t</tr>\n\t\t);\n\t}),\n);\n\nTableBodyRow.displayName = \"TableBodyRow\";\n","import { forwardRef, memo, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { type TableBodyColumnProps } from \"../interface/table.interface\";\n\nexport const TableBodyColumn = memo(\n\tforwardRef<HTMLTableCellElement, TableBodyColumnProps>(({ children, className, text , style}, ref) => {\n\t\tconst mergedClass = useMemo(\n\t\t\t() => twMerge(\"px-2 py-1 text-gray-900 dark:text-default-500 text-sm\", className),\n\t\t\t[className]\n\t\t);\n\n\t\tconst isChildrenEmpty = !children || (typeof children === \"string\" && children.trim() === \"\");\n\n\t\treturn (\n\t\t\t<td ref={ref} className={mergedClass} style={style}>\n\t\t\t\t{isChildrenEmpty ? (\n\t\t\t\t\t<p className=\"line-clamp-1 text-sm\">{text}</p>\n\t\t\t\t) : (\n\t\t\t\t\tchildren\n\t\t\t\t)}\n\t\t\t</td>\n\t\t);\n\t})\n);\n\nTableBodyColumn.displayName = \"TableBodyColumn\";\n","import React, { type FC, type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { v4 as uuidv4 } from \"uuid\";\n\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { type TableHeaderRowProps, type TableShareProps } from \"../interface/table.interface\";\n\nimport { TableHeaderColumn } from \"./table-header-column\";\nimport Checkbox from \"@/components/checkbox/checkbox\";\n\nexport const TableHeaderRow: FC<TableHeaderRowProps> = React.memo(\n\t({ children, className, dataHeader = [], valueCheck = false, disabledCheck, onChangeCheck, ...props }) => {\n\t\tconst uui = useMemo(() => uuidv4(), []);\n\t\tconst { isChecks, widthAction, isActions, color } = useTableContext();\n\n\t\tconst handleChange = (value: boolean) => {\n\t\t\tif (disabledCheck) return;\n\t\t\tonChangeCheck?.(value);\n\t\t};\n\n\t\tconst headerChildren = useMemo(() => {\n\t\t\tif (typeof children === \"function\") {\n\t\t\t\treturn dataHeader.map((el, index) => {\n\t\t\t\t\tconst child = children({ item: el });\n\n\t\t\t\t\tconst keyValue = (el as any)?.id ?? el.header ?? index;\n\n\t\t\t\t\treturn isValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\tkey: keyValue,\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t })\n\t\t\t\t\t\t: null;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\treturn React.Children.map(children, (child, index) =>\n\t\t\t\t\tisValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\tkey: (dataHeader[index] as any)?.id ?? dataHeader[index]?.header ?? index,\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t })\n\t\t\t\t\t\t: child,\n\t\t\t\t);\n\t\t\t}\n\t\t}, [children, dataHeader, props]);\n\n\t\treturn (\n\t\t\t<tr className={twMerge(\"bg-gray-50 dark:bg-default-100 h-[50px]\", className)}>\n\t\t\t\t{isChecks && (\n\t\t\t\t\t<TableHeaderColumn className=\"min-w-[40px] w-[40px]\">\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tid={uui}\n\t\t\t\t\t\t\tonChange={(e) => handleChange(e.target.checked)}\n\t\t\t\t\t\t\tchecked={valueCheck}\n\t\t\t\t\t\t\tclassName=\"flex justify-center\"\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TableHeaderColumn>\n\t\t\t\t)}\n\n\t\t\t\t{headerChildren}\n\n\t\t\t\t{isActions && <TableHeaderColumn color={color} style={{ minWidth: `${widthAction}px`, width: `${widthAction}px` }} />}\n\t\t\t</tr>\n\t\t);\n\t},\n);\nTableHeaderRow.displayName = \"TableHeaderRow\";\n","import React, { type FC, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { type TableSearchColumnProps } from \"../interface/table.interface\";\n\nexport const TableSearchColumn: FC<TableSearchColumnProps> = React.memo(({ children, className = \"\", style = {} }) => {\n\tconst mergedClass = useMemo(() => twMerge(\"table-column-search px-2 border-b border-divider\", className), [className]);\n\n\treturn (\n\t\t<th className={mergedClass} style={style}>\n\t\t\t{children}\n\t\t</th>\n\t);\n});\nTableSearchColumn.displayName = \"TableSearchColumn\";\n","import React, { type FC, type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { type TableSearchRowProps, type TableShareProps } from \"../interface/table.interface\";\n\nimport { TableSearchColumn } from \"./table-search-column\";\n\nexport const TableSearchRow: FC<TableSearchRowProps> = React.memo(({ children, className, dataHeader = [], ...props }) => {\n\tconst { isChecks, widthAction, isActions } = useTableContext();\n\n\tconst mergedClass = useMemo(() => twMerge(\"bg-gray-50 dark:bg-default-100 h-[50px]\", className), [className]);\n\n\tconst renderedChildren = useMemo(() => {\n\t\tif (typeof children === \"function\") {\n\t\t\treturn dataHeader.map((el, index) => {\n\t\t\t\tconst child = children({ item: el });\n\t\t\t\tconst keyValue = (el as any)?.id ?? (el as any)?.header ?? index;\n\t\t\t\treturn isValidElement(child)\n\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\tkey: keyValue,\n\t\t\t\t\t\t\t...props,\n\t\t\t\t })\n\t\t\t\t\t: null;\n\t\t\t});\n\t\t} else {\n\t\t\treturn React.Children.map(children, (child, index) =>\n\t\t\t\tisValidElement(child)\n\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\tkey: (dataHeader[index] as any)?.id ?? (dataHeader[index] as any)?.header ?? index,\n\t\t\t\t\t\t\t...props,\n\t\t\t\t })\n\t\t\t\t\t: child,\n\t\t\t);\n\t\t}\n\t}, [children, dataHeader, props]);\n\n\treturn (\n\t\t<tr className={mergedClass}>\n\t\t\t{isChecks && <TableSearchColumn className=\"min-w-[40px] w-[40px]\" />}\n\t\t\t{renderedChildren}\n\t\t\t{isActions && <TableSearchColumn style={{ minWidth: `${widthAction}px`, width: `${widthAction}px` }} />}\n\t\t</tr>\n\t);\n});\nTableSearchRow.displayName = \"TableSearchRow\";\n","import { TableHeader } from \"./header/table-header\";\nimport { TableHeaderColumn } from \"./header/table-header-column\";\nimport { twMerge } from \"tailwind-merge\";\nimport { TableBody } from \"./body/table-body\";\nimport { TableBodyRow } from \"./body/table-body-row\";\nimport { TableBodyColumn } from \"./body/table-body-column\";\nimport { TableContext } from \"./context/table.context\";\nimport { TableHeaderRow } from \"./header/table-header-row\";\nimport { TableSearchRow } from \"./search/table-search-row\";\nimport { TableSearchColumn } from \"./search/table-search-column\";\nimport { type TableProps } from \"./interface/table.interface\";\nimport React, { type ReactElement, isValidElement, useMemo } from \"react\";\nimport { AnimatePresence } from \"framer-motion\";\nimport { LazyMotion } from \"framer-motion\";\n\nexport const TableHOC = ({ className, children, classNameContainer, ...props }: TableProps) => {\n\tconst { color = \"primary\", disabledKeys, isChecks = true, selectKeys = [], isActions = true, widthAction = 100, dataHeader } = props;\n\n\tconst tableClass = useMemo(() => twMerge(\"table-main-container w-full border-collapse table-auto\", className), [className]);\n\tconst containerClass = useMemo(() => twMerge(\"max-w-full overflow-x-auto overflow-y-auto bg-content1\", classNameContainer), [classNameContainer]);\n\n\treturn (\n\t\t<TableContext.Provider\n\t\t\tvalue={{\n\t\t\t\tcolor,\n\t\t\t\tdisabledKeys,\n\t\t\t\tisChecks,\n\t\t\t\tselectKeys,\n\t\t\t\tisActions,\n\t\t\t\twidthAction,\n\t\t\t\ttotalColumn: dataHeader?.length || 0,\n\t\t\t}}\n\t\t>\n\t\t\t<div className={containerClass}>\n\t\t\t\t<AnimatePresence>\n\t\t\t\t\t<LazyMotion features={() => import(\"framer-motion\").then((res) => res.domAnimation)}>\n\t\t\t\t\t\t<table className={tableClass}>\n\t\t\t\t\t\t\t{React.Children.map(children, (child) =>\n\t\t\t\t\t\t\t\tisValidElement(child)\n\t\t\t\t\t\t\t\t\t? React.cloneElement(child as ReactElement, {\n\t\t\t\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t\t\t })\n\t\t\t\t\t\t\t\t\t: child,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</LazyMotion>\n\t\t\t\t</AnimatePresence>\n\t\t\t</div>\n\t\t</TableContext.Provider>\n\t);\n};\n\nexport const Table = Object.assign(TableHOC, {\n\tHeader: TableHeader,\n\n\tHeaderRow: TableHeaderRow,\n\tHeaderColumn: TableHeaderColumn,\n\n\tSearchRow: TableSearchRow,\n\tSearchColumn: TableSearchColumn,\n\n\tBody: TableBody,\n\n\tBodyRow: TableBodyRow,\n\tBodyColumn: TableBodyColumn,\n});\n","import { useCallback, useState } from \"react\";\n\nimport { type TableKeyCurrent, type TableValueSearchProps } from \"../interface/table-share.interface\";\nimport { type TableHookProps } from \"../interface/table.interface\";\n\ninterface TableProps {\n\tinitialSelectKey?: TableKeyCurrent[];\n\tinitialDisabledKeys?: string[];\n\tinitialValueSearch?: TableValueSearchProps;\n}\n\nexport const useTable = ({ initialDisabledKeys = [], initialSelectKey = [], initialValueSearch = {} }: TableProps): TableHookProps => {\n\tconst [selectKeys, setSelectKeys] = useState<TableKeyCurrent[]>(initialSelectKey);\n\tconst [disabledKeys, setDisabledKeys] = useState<string[]>(initialDisabledKeys);\n\tconst [valueSearch, setValueSearch] = useState<TableValueSearchProps>(initialValueSearch);\n\n\tconst handleSelectKey = useCallback((value: TableKeyCurrent) => {\n\t\tsetSelectKeys((prev) => {\n\t\t\tconst exists = prev.some((el) => el.id === value.id);\n\n\t\t\treturn exists ? prev.filter((el) => el.id !== value.id) : [...prev, value];\n\t\t});\n\t}, []);\n\n\tconst handleSelectKeys = useCallback((value: TableKeyCurrent[]) => {\n\t\tsetSelectKeys(value);\n\t}, []);\n\n\tconst handleDisabledKeys = useCallback((value: string[]) => {\n\t\tsetDisabledKeys(value);\n\t}, []);\n\n const handleResetSelectKeys = useCallback(() => {\n setSelectKeys([]);\n }, []);\n\n\tconst handleSetValueSearch = useCallback((key: string, value: string) => {\n\t\tsetValueSearch((prev) => {\n\t\t\tconst newState = { ...prev };\n\n\t\t\tif (value) newState[key] = value;\n\t\t\telse delete newState[key];\n\n\t\t\treturn newState;\n\t\t});\n\t}, []);\n\n\treturn {\n\t\tselectKeys,\n\t\tdisabledKeys,\n\t\tvalueSearch,\n\t\thandleSelectKeys,\n\t\thandleSelectKey,\n\t\thandleDisabledKeys,\n\t\thandleSetValueSearch,\n handleResetSelectKeys,\n\t};\n};\n"],"names":["useMemo","twMerge","isValidElement","jsx","jsxs","Tooltip","createContext","useContext","memo","forwardRef","uuidv4","clsx","Checkbox","AnimatePresence","LazyMotion","useState","useCallback"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../src/components/table/header/table-header.tsx","../../src/components/table/header/table-header-column.tsx","../../src/components/table/context/table.context.tsx","../../src/components/table/hook/use-table-context.tsx","../../src/components/table/body/table-body.tsx","../../src/components/table/body/table-body-row.tsx","../../src/components/table/body/table-body-column.tsx","../../src/components/table/header/table-header-row.tsx","../../src/components/table/search/table-search-column.tsx","../../src/components/table/search/table-search-row.tsx","../../src/components/table/table.tsx","../../src/components/table/hook/use-table.tsx"],"sourcesContent":["import React, { type FC, type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { type TableHeaderProps } from \"../interface/table.interface\";\n\nexport const TableHeader: FC<TableHeaderProps> = React.memo(({ children, className, ...props }) => {\n\tconst mergedClass = useMemo(() => twMerge(\"min-h-[100px] sticky top-0 z-10\", className), [className]);\n\n\tconst clonedChildren = useMemo(\n\t\t() => React.Children.map(children, (child) => (isValidElement(child) ? React.cloneElement(child as ReactElement, { ...props }) : child)),\n\t\t[children, props],\n\t);\n\n\treturn <thead className={mergedClass}>{clonedChildren}</thead>;\n});\nTableHeader.displayName = \"TableHeader\";\n","import React, { type FC, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { type TableHeaderColumnProps } from \"../interface/table.interface\";\nimport { Tooltip } from \"@/components/tooltip\";\n\nexport const TableHeaderColumn: FC<TableHeaderColumnProps> = React.memo(\n\t({ children, className, style = {}, icon = null, text = \"\", size, header }) => {\n\t\tconst mergedClass = useMemo(() => twMerge(\"px-2 border-b border-divider\", className), [className]);\n\n\t\tconst mergedStyle = useMemo(\n\t\t\t() => ({\n\t\t\t\t...style,\n\t\t\t\twidth: size ? `${size}px` : style.width,\n\t\t\t\tminWidth: size ? `${size}px` : style.minWidth,\n\t\t\t}),\n\t\t\t[style, size],\n\t\t);\n\n\t\tconst isChildrenEmpty = !children || (typeof children === \"string\" && children.trim() === \"\");\n\n\t\treturn (\n\t\t\t<th className={mergedClass} style={mergedStyle}>\n\t\t\t\t{isChildrenEmpty ? (\n\t\t\t\t\t<div className=\"flex justify-between items-center gap-x-2 font-medium\">\n\t\t\t\t\t\t<div className=\"flex items-center gap-x-2\">\n\t\t\t\t\t\t\t<p className=\"line-clamp-1 text-xs text-gray-500 dark:text-foreground-500 text-left\">{text}</p>\n\t\t\t\t\t\t\t{header?.information && (\n\t\t\t\t\t\t\t\t<Tooltip content={header?.information || \"\"}>\n\t\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-default-300 cursor-pointer dark:text-foreground-500\"\n\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<g fill=\"none\">\n\t\t\t\t\t\t\t\t\t\t\t<circle cx={12} cy={12} r={10} stroke=\"currentColor\" strokeWidth=\"1.5\" />\n\t\t\t\t\t\t\t\t\t\t\t<path stroke=\"currentColor\" strokeLinecap=\"round\" strokeWidth=\"1.5\" d=\"M12 17v-6\" />\n\t\t\t\t\t\t\t\t\t\t\t<circle cx={1} cy={1} r={1} fill=\"currentColor\" transform=\"matrix(1 0 0 -1 11 9)\" />\n\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"flex-1 flex\">{icon}</div>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\tchildren\n\t\t\t\t)}\n\t\t\t</th>\n\t\t);\n\t},\n);\nTableHeaderColumn.displayName = \"TableHeaderColumn\";\n","import { createContext } from \"react\";\n\nimport { type TableContextProps } from \"../interface/table.interface\";\n\nconst initialValues: TableContextProps = {\n\tcolor: \"primary\",\n\tdisabledKeys: [],\n\tisChecks: true,\n\tselectKeys: [],\n\tisActions: true,\n\twidthAction: 100,\n\ttotalColumn: 0,\n};\n\nexport const TableContext = createContext<TableContextProps>(initialValues);\n","import { useContext } from \"react\";\r\nimport { TableContext } from \"../context/table.context\";\r\n\r\nexport const useTableContext = () => {\r\n\treturn useContext(TableContext);\r\n};\r\n","import React, { type ReactElement, isValidElement, memo, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { type TableBodyProps, type TableShareProps } from \"../interface/table.interface\";\n\nfunction TableBodyComponent<TData extends object>({\n\tchildren,\n\tclassName,\n\tdata = [],\n\ttextNoData = \"No hay información\",\n\tisLoading = false,\n\tloadingText = \"Cargando ...\",\n\trowKey,\n\t...props\n}: TableBodyProps<TData>) {\n\t\tconst { totalColumn, isActions, isChecks } = useTableContext();\n\t\tconst total = Number(totalColumn) + Number(isActions) + Number(isChecks);\n\n\t\tconst mergedClass = useMemo(() => twMerge(className), [className]);\n\n\t\tconst renderedRows = useMemo(() => {\n\t\t\tif (typeof children === \"function\") {\n\t\t\t\treturn data.map((el, index) => {\n\t\t\t\t\tconst child = children({ item: el, index });\n\t\t\t\t\tconst keyValue = rowKey ? rowKey(el, index) : index; // fallback\n\n\t\t\t\t\treturn isValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\tkey: keyValue,\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: null;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\treturn React.Children.map(children, (child, index) =>\n\t\t\t\t\tisValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\tkey: rowKey ? rowKey(data[index] as TData, index) : index,\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: child,\n\t\t\t\t);\n\t\t\t}\n\t\t}, [children, data, props, rowKey]);\n\n\t\tlet fallbackContent: React.ReactNode = null;\n\n\t\tif (isLoading) {\n\t\t\tfallbackContent = (\n\t\t\t\t<tr className=\"border-b border-gray-200\">\n\t\t\t\t\t<td className=\"px-2 py-2.5 w-full\" colSpan={total}>\n\t\t\t\t\t\t<div className=\"flex justify-center relative\">\n\t\t\t\t\t\t\t<p className=\"line-clamp-1 text-sm text-gray-900\">{loadingText}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t);\n\t\t} else if (data.length === 0) {\n\t\t\tfallbackContent = (\n\t\t\t\t<tr className=\"border-b border-gray-200\">\n\t\t\t\t\t<td className=\"px-2 py-2.5 w-full\" colSpan={total}>\n\t\t\t\t\t\t<div className=\"flex justify-center\">\n\t\t\t\t\t\t\t<p className=\"line-clamp-1 text-sm text-gray-900\">{textNoData}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<tbody className={mergedClass}>\n\t\t\t\t{renderedRows}\n\t\t\t\t{fallbackContent}\n\t\t\t</tbody>\n\t\t);\n}\n\nexport const TableBody = memo(\n\t<TData extends object>(props: TableBodyProps<TData>) => {\n\t\treturn <TableBodyComponent {...props} />;\n\t}\n) as <TData extends object>(props: TableBodyProps<TData>) => React.JSX.Element;\n\n// export function TableBody<TData extends object>(props: TableBodyProps<TData>) {\n// \treturn <TableBodyComponent {...props} />;\n// }\n\n","import { twMerge } from \"tailwind-merge\";\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { forwardRef, memo, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { type TableBodyRowProps } from \"../interface/table.interface\";\nimport Checkbox from \"@/components/checkbox/checkbox\";\n\nexport const TableBodyRow = memo(\n\tforwardRef<HTMLTableRowElement, TableBodyRowProps>(({ children, className, keyCurrent, onChangeCheck, disabled, style, isCheck = true }, ref) => {\n\t\tconst uui = useMemo(() => uuidv4(), []);\n\t\tconst { isChecks, selectKeys, disabledKeys, color } = useTableContext();\n\n\t\tconst check = useMemo(() => selectKeys?.some((el) => el.id === keyCurrent.id), [selectKeys, keyCurrent.id]);\n\n\t\tconst disabledCheck = useMemo(() => disabledKeys?.some((el) => el === keyCurrent.id), [disabledKeys, keyCurrent.id]);\n\n\t\tconst handleChange = (value: boolean) => {\n\t\t\tif (disabledCheck || disabled) return;\n\t\t\tonChangeCheck?.(keyCurrent, value);\n\t\t};\n\n\t\tconst rowClass = useMemo(\n\t\t\t() =>\n\t\t\t\ttwMerge(\n\t\t\t\t\t\"relative border-b border-divider min-h-[45px] h-[45px] transition-colors duration-200 ease-in-out\",\n\t\t\t\t\tclsx({\n\t\t\t\t\t\t\"bg-content1 dark:hover:bg-default-100 hover:bg-default-100\": !check,\n\t\t\t\t\t\t\"bg-default-100 dark:bg-default-200\": check,\n\t\t\t\t\t}),\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t[check, className],\n\t\t);\n\n\t\treturn (\n\t\t\t<tr className={rowClass} ref={ref} style={style}>\n\t\t\t\t{isChecks && (\n\t\t\t\t\t<td className=\"px-2 py-1\">\n\t\t\t\t\t\t{isCheck && (\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tid={uui}\n\t\t\t\t\t\t\t\tonChange={(e) => handleChange(e.target.checked)}\n\t\t\t\t\t\t\t\tchecked={check || false}\n\t\t\t\t\t\t\t\tclassName=\"flex justify-center\"\n\t\t\t\t\t\t\t\tdisabled={disabledCheck || disabled}\n\t\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</td>\n\t\t\t\t)}\n\t\t\t\t{children}\n\t\t\t</tr>\n\t\t);\n\t}),\n);\n\nTableBodyRow.displayName = \"TableBodyRow\";\n","import { forwardRef, memo, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { type TableBodyColumnProps } from \"../interface/table.interface\";\n\nexport const TableBodyColumn = memo(\n\tforwardRef<HTMLTableCellElement, TableBodyColumnProps>(({ children, className, text , style}, ref) => {\n\t\tconst mergedClass = useMemo(\n\t\t\t() => twMerge(\"px-2 py-1 text-gray-900 dark:text-default-500 text-sm\", className),\n\t\t\t[className]\n\t\t);\n\n\t\tconst isChildrenEmpty = !children || (typeof children === \"string\" && children.trim() === \"\");\n\n\t\treturn (\n\t\t\t<td ref={ref} className={mergedClass} style={style}>\n\t\t\t\t{isChildrenEmpty ? (\n\t\t\t\t\t<p className=\"line-clamp-1 text-sm\">{text}</p>\n\t\t\t\t) : (\n\t\t\t\t\tchildren\n\t\t\t\t)}\n\t\t\t</td>\n\t\t);\n\t})\n);\n\nTableBodyColumn.displayName = \"TableBodyColumn\";\n","import React, { type FC, type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { v4 as uuidv4 } from \"uuid\";\n\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { type TableHeaderRowProps, type TableShareProps } from \"../interface/table.interface\";\n\nimport { TableHeaderColumn } from \"./table-header-column\";\nimport Checkbox from \"@/components/checkbox/checkbox\";\n\nexport const TableHeaderRow: FC<TableHeaderRowProps> = React.memo(\n\t({ children, className, dataHeader = [], valueCheck = false, disabledCheck, onChangeCheck, ...props }) => {\n\t\tconst uui = useMemo(() => uuidv4(), []);\n\t\tconst { isChecks, widthAction, isActions, color } = useTableContext();\n\n\t\tconst handleChange = (value: boolean) => {\n\t\t\tif (disabledCheck) return;\n\t\t\tonChangeCheck?.(value);\n\t\t};\n\n\t\tconst headerChildren = useMemo(() => {\n\t\t\tif (typeof children === \"function\") {\n\t\t\t\treturn dataHeader.map((el, index) => {\n\t\t\t\t\tconst child = children({ item: el });\n\n\t\t\t\t\tconst keyValue = (el as any)?.id ?? el.header ?? index;\n\n\t\t\t\t\treturn isValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\tkey: keyValue,\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t })\n\t\t\t\t\t\t: null;\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\treturn React.Children.map(children, (child, index) =>\n\t\t\t\t\tisValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\t\tkey: (dataHeader[index] as any)?.id ?? dataHeader[index]?.header ?? index,\n\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t })\n\t\t\t\t\t\t: child,\n\t\t\t\t);\n\t\t\t}\n\t\t}, [children, dataHeader, props]);\n\n\t\treturn (\n\t\t\t<tr className={twMerge(\"bg-gray-50 dark:bg-default-100 h-[50px]\", className)}>\n\t\t\t\t{isChecks && (\n\t\t\t\t\t<TableHeaderColumn className=\"min-w-[40px] w-[40px]\">\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tid={uui}\n\t\t\t\t\t\t\tonChange={(e) => handleChange(e.target.checked)}\n\t\t\t\t\t\t\tchecked={valueCheck}\n\t\t\t\t\t\t\tclassName=\"flex justify-center\"\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TableHeaderColumn>\n\t\t\t\t)}\n\n\t\t\t\t{headerChildren}\n\n\t\t\t\t{isActions && <TableHeaderColumn color={color} style={{ minWidth: `${widthAction}px`, width: `${widthAction}px` }} />}\n\t\t\t</tr>\n\t\t);\n\t},\n);\nTableHeaderRow.displayName = \"TableHeaderRow\";\n","import React, { type FC, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { type TableSearchColumnProps } from \"../interface/table.interface\";\n\nexport const TableSearchColumn: FC<TableSearchColumnProps> = React.memo(({ children, className = \"\", style = {} }) => {\n\tconst mergedClass = useMemo(() => twMerge(\"table-column-search px-2 border-b border-divider\", className), [className]);\n\n\treturn (\n\t\t<th className={mergedClass} style={style}>\n\t\t\t{children}\n\t\t</th>\n\t);\n});\nTableSearchColumn.displayName = \"TableSearchColumn\";\n","import React, { type FC, type ReactElement, isValidElement, useMemo } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useTableContext } from \"../hook/use-table-context\";\nimport { type TableSearchRowProps, type TableShareProps } from \"../interface/table.interface\";\n\nimport { TableSearchColumn } from \"./table-search-column\";\n\nexport const TableSearchRow: FC<TableSearchRowProps> = React.memo(({ children, className, dataHeader = [], ...props }) => {\n\tconst { isChecks, widthAction, isActions } = useTableContext();\n\n\tconst mergedClass = useMemo(() => twMerge(\"bg-gray-50 dark:bg-default-100 h-[50px]\", className), [className]);\n\n\tconst renderedChildren = useMemo(() => {\n\t\tif (typeof children === \"function\") {\n\t\t\treturn dataHeader.map((el, index) => {\n\t\t\t\tconst child = children({ item: el });\n\t\t\t\tconst keyValue = (el as any)?.id ?? (el as any)?.header ?? index;\n\t\t\t\treturn isValidElement(child)\n\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\tkey: keyValue,\n\t\t\t\t\t\t\t...props,\n\t\t\t\t })\n\t\t\t\t\t: null;\n\t\t\t});\n\t\t} else {\n\t\t\treturn React.Children.map(children, (child, index) =>\n\t\t\t\tisValidElement(child)\n\t\t\t\t\t? React.cloneElement(child as ReactElement<TableShareProps>, {\n\t\t\t\t\t\t\tkey: (dataHeader[index] as any)?.id ?? (dataHeader[index] as any)?.header ?? index,\n\t\t\t\t\t\t\t...props,\n\t\t\t\t })\n\t\t\t\t\t: child,\n\t\t\t);\n\t\t}\n\t}, [children, dataHeader, props]);\n\n\treturn (\n\t\t<tr className={mergedClass}>\n\t\t\t{isChecks && <TableSearchColumn className=\"min-w-[40px] w-[40px]\" />}\n\t\t\t{renderedChildren}\n\t\t\t{isActions && <TableSearchColumn style={{ minWidth: `${widthAction}px`, width: `${widthAction}px` }} />}\n\t\t</tr>\n\t);\n});\nTableSearchRow.displayName = \"TableSearchRow\";\n","import { TableHeader } from \"./header/table-header\";\nimport { TableHeaderColumn } from \"./header/table-header-column\";\nimport { twMerge } from \"tailwind-merge\";\nimport { TableBody } from \"./body/table-body\";\nimport { TableBodyRow } from \"./body/table-body-row\";\nimport { TableBodyColumn } from \"./body/table-body-column\";\nimport { TableContext } from \"./context/table.context\";\nimport { TableHeaderRow } from \"./header/table-header-row\";\nimport { TableSearchRow } from \"./search/table-search-row\";\nimport { TableSearchColumn } from \"./search/table-search-column\";\nimport { type TableProps } from \"./interface/table.interface\";\nimport React, { type ReactElement, isValidElement, useMemo } from \"react\";\nimport { AnimatePresence } from \"framer-motion\";\nimport { LazyMotion } from \"framer-motion\";\n\nexport const TableHOC = ({ className, children, classNameContainer, ...props }: TableProps) => {\n\tconst { color = \"primary\", disabledKeys, isChecks = true, selectKeys = [], isActions = true, widthAction = 100, dataHeader } = props;\n\n\tconst tableClass = useMemo(() => twMerge(\"table-main-container w-full border-collapse table-auto\", className), [className]);\n\tconst containerClass = useMemo(() => twMerge(\"max-w-full overflow-x-auto overflow-y-auto bg-content1\", classNameContainer), [classNameContainer]);\n\n\treturn (\n\t\t<TableContext.Provider\n\t\t\tvalue={{\n\t\t\t\tcolor,\n\t\t\t\tdisabledKeys,\n\t\t\t\tisChecks,\n\t\t\t\tselectKeys,\n\t\t\t\tisActions,\n\t\t\t\twidthAction,\n\t\t\t\ttotalColumn: dataHeader?.length || 0,\n\t\t\t}}\n\t\t>\n\t\t\t<div className={containerClass}>\n\t\t\t\t<AnimatePresence>\n\t\t\t\t\t<LazyMotion features={() => import(\"framer-motion\").then((res) => res.domAnimation)}>\n\t\t\t\t\t\t<table className={tableClass}>\n\t\t\t\t\t\t\t{React.Children.map(children, (child) =>\n\t\t\t\t\t\t\t\tisValidElement(child)\n\t\t\t\t\t\t\t\t\t? React.cloneElement(child as ReactElement, {\n\t\t\t\t\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\t\t\t })\n\t\t\t\t\t\t\t\t\t: child,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</LazyMotion>\n\t\t\t\t</AnimatePresence>\n\t\t\t</div>\n\t\t</TableContext.Provider>\n\t);\n};\n\nexport const Table = Object.assign(TableHOC, {\n\tHeader: TableHeader,\n\n\tHeaderRow: TableHeaderRow,\n\tHeaderColumn: TableHeaderColumn,\n\n\tSearchRow: TableSearchRow,\n\tSearchColumn: TableSearchColumn,\n\n\tBody: TableBody,\n\n\tBodyRow: TableBodyRow,\n\tBodyColumn: TableBodyColumn,\n});\n","import { useCallback, useState } from \"react\";\n\nimport { type TableKeyCurrent, type TableValueSearchProps } from \"../interface/table-share.interface\";\nimport { type TableHookProps } from \"../interface/table.interface\";\n\ninterface TableProps {\n\tinitialSelectKey?: TableKeyCurrent[];\n\tinitialDisabledKeys?: string[];\n\tinitialValueSearch?: TableValueSearchProps;\n}\n\nexport const useTable = ({ initialDisabledKeys = [], initialSelectKey = [], initialValueSearch = {} }: TableProps): TableHookProps => {\n\tconst [selectKeys, setSelectKeys] = useState<TableKeyCurrent[]>(initialSelectKey);\n\tconst [disabledKeys, setDisabledKeys] = useState<string[]>(initialDisabledKeys);\n\tconst [valueSearch, setValueSearch] = useState<TableValueSearchProps>(initialValueSearch);\n\n\tconst handleSelectKey = useCallback((value: TableKeyCurrent) => {\n\t\tsetSelectKeys((prev) => {\n\t\t\tconst exists = prev.some((el) => el.id === value.id);\n\n\t\t\treturn exists ? prev.filter((el) => el.id !== value.id) : [...prev, value];\n\t\t});\n\t}, []);\n\n\tconst handleSelectKeys = useCallback((value: TableKeyCurrent[]) => {\n\t\tsetSelectKeys(value);\n\t}, []);\n\n\tconst handleDisabledKeys = useCallback((value: string[]) => {\n\t\tsetDisabledKeys(value);\n\t}, []);\n\n const handleResetSelectKeys = useCallback(() => {\n setSelectKeys([]);\n }, []);\n\n\tconst handleSetValueSearch = useCallback((key: string, value: string) => {\n\t\tsetValueSearch((prev) => {\n\t\t\tconst newState = { ...prev };\n\n\t\t\tif (value) newState[key] = value;\n\t\t\telse delete newState[key];\n\n\t\t\treturn newState;\n\t\t});\n\t}, []);\n\n\treturn {\n\t\tselectKeys,\n\t\tdisabledKeys,\n\t\tvalueSearch,\n\t\thandleSelectKeys,\n\t\thandleSelectKey,\n\t\thandleDisabledKeys,\n\t\thandleSetValueSearch,\n handleResetSelectKeys,\n\t};\n};\n"],"names":["useMemo","twMerge","isValidElement","jsx","jsxs","Tooltip","createContext","useContext","memo","forwardRef","uuidv4","Checkbox","AnimatePresence","LazyMotion","useState","useCallback"],"mappings":"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"}
|
package/dist/table/index.es.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React__default, { useMemo, isValidElement, createContext, useContext, memo, forwardRef, useState, useCallback } from "react";
|
|
3
|
-
import {
|
|
4
|
-
import { T as Tooltip } from "../chunks/tooltip-
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
import { T as Tooltip } from "../chunks/tooltip-JwIbppjO.js";
|
|
5
|
+
import { v4 } from "uuid";
|
|
6
|
+
import clsx from "clsx";
|
|
7
|
+
import { C as Checkbox } from "../chunks/checkbox-C1Sssumg.js";
|
|
8
8
|
import { AnimatePresence, LazyMotion } from "framer-motion";
|
|
9
9
|
const TableHeader = React__default.memo(({ children, className, ...props }) => {
|
|
10
10
|
const mergedClass = useMemo(() => twMerge("min-h-[100px] sticky top-0 z-10", className), [className]);
|