@umami/react-zen 0.108.0 → 0.109.0
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.css +2 -5
- package/dist/index.js +8 -5
- package/dist/index.mjs +8 -5
- package/package.json +1 -1
- package/styles.css +2 -5
package/dist/index.css
CHANGED
|
@@ -3779,17 +3779,14 @@ body a.Button_button__NDYwM {
|
|
|
3779
3779
|
}
|
|
3780
3780
|
|
|
3781
3781
|
/* virtual-css:css:e32e6d85b42dfdfd441346c5ed822361 */
|
|
3782
|
-
.
|
|
3782
|
+
.DataTable_datatable__MWRkN {
|
|
3783
3783
|
position: relative;
|
|
3784
3784
|
font-size: var(--font-size);
|
|
3785
3785
|
color: var(--font-color);
|
|
3786
3786
|
}
|
|
3787
|
-
.
|
|
3787
|
+
.DataTable_cell__MmMyM {
|
|
3788
3788
|
align-items: center;
|
|
3789
3789
|
}
|
|
3790
|
-
.DataTable_hidden__M2MxN {
|
|
3791
|
-
display: none;
|
|
3792
|
-
}
|
|
3793
3790
|
|
|
3794
3791
|
/* virtual-css:css:e66162403f9946d7217dc462fee28120 */
|
|
3795
3792
|
.Dots_dots__YzQxM {
|
package/dist/index.js
CHANGED
|
@@ -30357,7 +30357,7 @@ function TableCell({ children, className, align, ...props }) {
|
|
|
30357
30357
|
}
|
|
30358
30358
|
|
|
30359
30359
|
// css-modules:E:\dev\umami-react-zen\src\components\DataTable.module.css
|
|
30360
|
-
var DataTable_default = { "datatable": "
|
|
30360
|
+
var DataTable_default = { "datatable": "DataTable_datatable__MWRkN", "cell": "DataTable_cell__MmMyM" };
|
|
30361
30361
|
|
|
30362
30362
|
// src/components/DataTable.tsx
|
|
30363
30363
|
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
@@ -30377,20 +30377,23 @@ function DataTable({ data = [], className, children, ...props }) {
|
|
|
30377
30377
|
}
|
|
30378
30378
|
return /* @__PURE__ */ (0, import_react180.createElement)(TableColumn, { ...columnProps, key: id, id }, label);
|
|
30379
30379
|
}) }),
|
|
30380
|
-
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableBody, {
|
|
30380
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableBody, { children: items.map((row, index) => {
|
|
30381
30381
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
|
|
30382
|
+
if (hidden) {
|
|
30383
|
+
return null;
|
|
30384
|
+
}
|
|
30382
30385
|
const value = typeof children2 === "function" ? children2(row) : children2 || row[id];
|
|
30383
30386
|
return /* @__PURE__ */ (0, import_react180.createElement)(
|
|
30384
30387
|
TableCell,
|
|
30385
30388
|
{
|
|
30386
30389
|
...cellProps,
|
|
30387
30390
|
key: id,
|
|
30388
|
-
className: (0, import_classnames24.default)(DataTable_default.cell, className2
|
|
30391
|
+
className: (0, import_classnames24.default)(DataTable_default.cell, className2)
|
|
30389
30392
|
},
|
|
30390
30393
|
as ? (0, import_react179.createElement)(as, {}, value) : value
|
|
30391
30394
|
);
|
|
30392
|
-
}) });
|
|
30393
|
-
} })
|
|
30395
|
+
}) }, index);
|
|
30396
|
+
}) })
|
|
30394
30397
|
] });
|
|
30395
30398
|
}
|
|
30396
30399
|
function DataColumn(props) {
|
package/dist/index.mjs
CHANGED
|
@@ -30244,7 +30244,7 @@ function TableCell({ children, className, align, ...props }) {
|
|
|
30244
30244
|
}
|
|
30245
30245
|
|
|
30246
30246
|
// css-modules:E:\dev\umami-react-zen\src\components\DataTable.module.css
|
|
30247
|
-
var DataTable_default = { "datatable": "
|
|
30247
|
+
var DataTable_default = { "datatable": "DataTable_datatable__MWRkN", "cell": "DataTable_cell__MmMyM" };
|
|
30248
30248
|
|
|
30249
30249
|
// src/components/DataTable.tsx
|
|
30250
30250
|
import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
@@ -30264,20 +30264,23 @@ function DataTable({ data = [], className, children, ...props }) {
|
|
|
30264
30264
|
}
|
|
30265
30265
|
return /* @__PURE__ */ createElement6(TableColumn, { ...columnProps, key: id, id }, label);
|
|
30266
30266
|
}) }),
|
|
30267
|
-
/* @__PURE__ */ jsx33(TableBody, {
|
|
30267
|
+
/* @__PURE__ */ jsx33(TableBody, { children: items.map((row, index) => {
|
|
30268
30268
|
return /* @__PURE__ */ jsx33(TableRow, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
|
|
30269
|
+
if (hidden) {
|
|
30270
|
+
return null;
|
|
30271
|
+
}
|
|
30269
30272
|
const value = typeof children2 === "function" ? children2(row) : children2 || row[id];
|
|
30270
30273
|
return /* @__PURE__ */ createElement6(
|
|
30271
30274
|
TableCell,
|
|
30272
30275
|
{
|
|
30273
30276
|
...cellProps,
|
|
30274
30277
|
key: id,
|
|
30275
|
-
className: (0, import_classnames24.default)(DataTable_default.cell, className2
|
|
30278
|
+
className: (0, import_classnames24.default)(DataTable_default.cell, className2)
|
|
30276
30279
|
},
|
|
30277
30280
|
as ? createElement5(as, {}, value) : value
|
|
30278
30281
|
);
|
|
30279
|
-
}) });
|
|
30280
|
-
} })
|
|
30282
|
+
}) }, index);
|
|
30283
|
+
}) })
|
|
30281
30284
|
] });
|
|
30282
30285
|
}
|
|
30283
30286
|
function DataColumn(props) {
|
package/package.json
CHANGED
package/styles.css
CHANGED
|
@@ -4097,17 +4097,14 @@ body a.Button_button__NDYwM {
|
|
|
4097
4097
|
}
|
|
4098
4098
|
|
|
4099
4099
|
/* virtual-css:css:e32e6d85b42dfdfd441346c5ed822361 */
|
|
4100
|
-
.
|
|
4100
|
+
.DataTable_datatable__MWRkN {
|
|
4101
4101
|
position: relative;
|
|
4102
4102
|
font-size: var(--font-size);
|
|
4103
4103
|
color: var(--font-color);
|
|
4104
4104
|
}
|
|
4105
|
-
.
|
|
4105
|
+
.DataTable_cell__MmMyM {
|
|
4106
4106
|
align-items: center;
|
|
4107
4107
|
}
|
|
4108
|
-
.DataTable_hidden__M2MxN {
|
|
4109
|
-
display: none;
|
|
4110
|
-
}
|
|
4111
4108
|
|
|
4112
4109
|
/* virtual-css:css:e66162403f9946d7217dc462fee28120 */
|
|
4113
4110
|
.Dots_dots__YzQxM {
|