@hyddenlabs/hydn-ui 0.3.0-alpha.182 → 0.3.0-alpha.184
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +14 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +8 -2
- package/dist/index.d.ts +8 -2
- package/dist/index.js +14 -5
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -3923,7 +3923,7 @@ function Table({
|
|
|
3923
3923
|
}
|
|
3924
3924
|
${hoverable ? `
|
|
3925
3925
|
table tbody tr:hover {
|
|
3926
|
-
background-color: hsl(var(--muted) / 0.
|
|
3926
|
+
background-color: hsl(var(--muted) / 0.6) !important;
|
|
3927
3927
|
}
|
|
3928
3928
|
` : ""}
|
|
3929
3929
|
.table-compact td,
|
|
@@ -3951,6 +3951,7 @@ function TableHeadCell({
|
|
|
3951
3951
|
className = "",
|
|
3952
3952
|
align = "left",
|
|
3953
3953
|
scope = "col",
|
|
3954
|
+
wrapText = false,
|
|
3954
3955
|
...props
|
|
3955
3956
|
}) {
|
|
3956
3957
|
const alignClasses4 = {
|
|
@@ -3958,15 +3959,23 @@ function TableHeadCell({
|
|
|
3958
3959
|
center: "text-center",
|
|
3959
3960
|
right: "text-right"
|
|
3960
3961
|
};
|
|
3961
|
-
|
|
3962
|
+
const wrapClasses = wrapText ? "whitespace-normal break-words" : "whitespace-nowrap";
|
|
3963
|
+
return /* @__PURE__ */ jsxRuntime.jsx("th", { scope, className: `px-6 py-3 font-medium ${alignClasses4[align]} ${wrapClasses} ${className}`, ...props, children });
|
|
3962
3964
|
}
|
|
3963
|
-
function TableCell({
|
|
3965
|
+
function TableCell({
|
|
3966
|
+
children,
|
|
3967
|
+
className = "",
|
|
3968
|
+
align = "left",
|
|
3969
|
+
wrapText = false,
|
|
3970
|
+
...props
|
|
3971
|
+
}) {
|
|
3964
3972
|
const alignClasses4 = {
|
|
3965
3973
|
left: "text-left",
|
|
3966
3974
|
center: "text-center",
|
|
3967
3975
|
right: "text-right"
|
|
3968
3976
|
};
|
|
3969
|
-
|
|
3977
|
+
const wrapClasses = wrapText ? "whitespace-normal break-words" : "whitespace-nowrap";
|
|
3978
|
+
return /* @__PURE__ */ jsxRuntime.jsx("td", { className: `px-6 py-4 ${wrapClasses} ${alignClasses4[align]} ${className}`, ...props, children });
|
|
3970
3979
|
}
|
|
3971
3980
|
var table_default = Table;
|
|
3972
3981
|
function Checkbox({
|
|
@@ -4293,7 +4302,7 @@ function DataTable({
|
|
|
4293
4302
|
columns.map((column) => {
|
|
4294
4303
|
const value = row[column.key];
|
|
4295
4304
|
const content = renderCellContent(value, column, row, actualIndex);
|
|
4296
|
-
return /* @__PURE__ */ jsxRuntime.jsx(TableCell, { align: column.align, children: content }, String(column.key));
|
|
4305
|
+
return /* @__PURE__ */ jsxRuntime.jsx(TableCell, { align: column.align, wrapText: column.wrapText, children: content }, String(column.key));
|
|
4297
4306
|
}),
|
|
4298
4307
|
actions && /* @__PURE__ */ jsxRuntime.jsx(TableCell, { align: "center", onClick: (e) => e.stopPropagation(), children: (() => {
|
|
4299
4308
|
let rowActions;
|