@helpdice/ui 1.3.7 → 1.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +29 -28
- package/dist/table/index.js +29 -28
- package/esm/table/data-table.js +5 -4
- package/esm/table/table-body.js +7 -7
- package/esm/table/table-head.js +10 -10
- package/esm/table/table.js +7 -7
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -42211,9 +42211,9 @@ var TableHead = function TableHead(props) {
|
|
|
42211
42211
|
});
|
|
42212
42212
|
};
|
|
42213
42213
|
return /*#__PURE__*/React.createElement(React.Fragment, null, colgroup, /*#__PURE__*/React.createElement("thead", {
|
|
42214
|
-
className: _JSXStyle.dynamic([["
|
|
42214
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
42215
42215
|
}, /*#__PURE__*/React.createElement("tr", {
|
|
42216
|
-
className: _JSXStyle.dynamic([["
|
|
42216
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
42217
42217
|
}, columns.map(function (column, index) {
|
|
42218
42218
|
return /*#__PURE__*/React.createElement("th", {
|
|
42219
42219
|
style: {
|
|
@@ -42225,23 +42225,23 @@ var TableHead = function TableHead(props) {
|
|
|
42225
42225
|
},
|
|
42226
42226
|
key: "table-th-".concat(column.prop.toString(), "-").concat(index),
|
|
42227
42227
|
"data-column": column.label,
|
|
42228
|
-
className: _JSXStyle.dynamic([["
|
|
42228
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + (column.className || "")
|
|
42229
42229
|
}, /*#__PURE__*/React.createElement("div", {
|
|
42230
|
-
className: _JSXStyle.dynamic([["
|
|
42230
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + "thead-box"
|
|
42231
42231
|
}, column.label, /*#__PURE__*/React.createElement("br", {
|
|
42232
|
-
className: _JSXStyle.dynamic([["
|
|
42232
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
42233
42233
|
}), /*#__PURE__*/React.createElement("span", {
|
|
42234
42234
|
style: {
|
|
42235
42235
|
textAlign: 'center'
|
|
42236
42236
|
},
|
|
42237
|
-
className: _JSXStyle.dynamic([["
|
|
42237
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
42238
42238
|
}, column.text)));
|
|
42239
42239
|
})), showFilters && /*#__PURE__*/React.createElement("tr", {
|
|
42240
|
-
className: _JSXStyle.dynamic([["
|
|
42240
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
42241
42241
|
}, generateFilterInputs())), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
42242
|
-
id: "
|
|
42243
|
-
dynamic: [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]
|
|
42244
|
-
}, "thead.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;font-size:inherit;}th.__jsx-style-dynamic-selector{padding:0 0.5em;font-size:calc(0.75 * var(--table-font-size));font-weight:normal;text-align:left;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;vertical-align:middle;min-height:calc(2.5 * var(--table-font-size));color:".concat(theme.palette.accents_5, ";background:").concat(theme.palette.accents_1, ";border-bottom:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-radius:0;").concat(stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", ";}th.__jsx-style-dynamic-selector:nth-child(1){border-bottom:1px solid ").concat(theme.palette.border, ";border-left:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-left-radius:").concat(theme.layout.radius, ";border-bottom-left-radius:").concat(theme.layout.radius, ";}th.__jsx-style-dynamic-selector:last-child{border-bottom:1px solid ").concat(theme.palette.border, ";border-right:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-right-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";}.thead-box.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center;min-height:calc(2.5 * var(--table-font-size));text-transform:uppercase;}")));
|
|
42242
|
+
id: "318735310",
|
|
42243
|
+
dynamic: [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]
|
|
42244
|
+
}, "thead.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;font-size:inherit;".concat(stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", ";}th.__jsx-style-dynamic-selector{padding:0 0.5em;font-size:calc(0.75 * var(--table-font-size));font-weight:normal;text-align:left;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;vertical-align:middle;min-height:calc(2.5 * var(--table-font-size));color:").concat(theme.palette.accents_5, ";background:").concat(theme.palette.accents_1, ";border-bottom:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-radius:0;").concat(stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", ";}th.__jsx-style-dynamic-selector:nth-child(1){border-bottom:1px solid ").concat(theme.palette.border, ";border-left:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-left-radius:").concat(theme.layout.radius, ";border-bottom-left-radius:").concat(theme.layout.radius, ";}th.__jsx-style-dynamic-selector:last-child{border-bottom:1px solid ").concat(theme.palette.border, ";border-right:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-right-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";}.thead-box.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center;min-height:calc(2.5 * var(--table-font-size));text-transform:uppercase;}")));
|
|
42245
42245
|
};
|
|
42246
42246
|
TableHead.displayName = 'TableHead';
|
|
42247
42247
|
|
|
@@ -42975,7 +42975,7 @@ function DataTable(_ref) {
|
|
|
42975
42975
|
// };
|
|
42976
42976
|
|
|
42977
42977
|
var COLUMNS = cols.filter(function (col) {
|
|
42978
|
-
return !hideColumn.includes(col.name);
|
|
42978
|
+
return !hideColumn.includes(String(col.name).toLowerCase());
|
|
42979
42979
|
});
|
|
42980
42980
|
var content = function content() {
|
|
42981
42981
|
return /*#__PURE__*/React.createElement(React.Fragment, null, cols.map(function (option, index) {
|
|
@@ -42991,7 +42991,7 @@ function DataTable(_ref) {
|
|
|
42991
42991
|
}));
|
|
42992
42992
|
};
|
|
42993
42993
|
return /*#__PURE__*/React.createElement(GridContainer, {
|
|
42994
|
-
className: "helpdice-ui-table-container",
|
|
42994
|
+
className: "helpdice-ui-data-table-container",
|
|
42995
42995
|
direction: "column"
|
|
42996
42996
|
}, /*#__PURE__*/React.createElement(Grid.Container, {
|
|
42997
42997
|
style: {
|
|
@@ -43090,6 +43090,7 @@ function DataTable(_ref) {
|
|
|
43090
43090
|
py: 0.4,
|
|
43091
43091
|
type: "dark"
|
|
43092
43092
|
}, /*#__PURE__*/React.createElement(Popover, {
|
|
43093
|
+
disableItemsAutoClose: true,
|
|
43093
43094
|
placement: "bottomEnd",
|
|
43094
43095
|
child: content
|
|
43095
43096
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
@@ -43122,10 +43123,10 @@ function DataTable(_ref) {
|
|
|
43122
43123
|
onDragLeave: onDragLeave,
|
|
43123
43124
|
onDrop: onDrop,
|
|
43124
43125
|
id: TABLE_ID,
|
|
43126
|
+
className: "helpdice-ui-table-container",
|
|
43125
43127
|
style: _objectSpread2({
|
|
43126
|
-
overflow: 'auto',
|
|
43127
43128
|
position: 'relative',
|
|
43128
|
-
|
|
43129
|
+
overflowY: 'auto',
|
|
43129
43130
|
maxWidth: 'calc(100vw - 1rem)',
|
|
43130
43131
|
width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
|
|
43131
43132
|
}, style)
|
|
@@ -43281,7 +43282,7 @@ var TableBody = function TableBody(_ref) {
|
|
|
43281
43282
|
})))));
|
|
43282
43283
|
}
|
|
43283
43284
|
return /*#__PURE__*/React.createElement("tbody", {
|
|
43284
|
-
className: _JSXStyle.dynamic([["
|
|
43285
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
43285
43286
|
}, data.map(function (row, index) {
|
|
43286
43287
|
var _row$table, _row$table2, _row$table3, _row$table4, _row$table5;
|
|
43287
43288
|
var qid = _.uniqueId();
|
|
@@ -43289,21 +43290,21 @@ var TableBody = function TableBody(_ref) {
|
|
|
43289
43290
|
var uid = _.uniqueId();
|
|
43290
43291
|
return /*#__PURE__*/React.createElement("tr", {
|
|
43291
43292
|
key: uid,
|
|
43292
|
-
className: _JSXStyle.dynamic([["
|
|
43293
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
43293
43294
|
}, /*#__PURE__*/React.createElement("td", {
|
|
43294
43295
|
colSpan: columns.length,
|
|
43295
|
-
className: _JSXStyle.dynamic([["
|
|
43296
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
43296
43297
|
}, "\u2003"));
|
|
43297
43298
|
}
|
|
43298
43299
|
return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index), (row === null || row === undefined ? undefined : row.table) && /*#__PURE__*/React.createElement("tr", {
|
|
43299
43300
|
key: qid,
|
|
43300
|
-
className: _JSXStyle.dynamic([["
|
|
43301
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
43301
43302
|
}, /*#__PURE__*/React.createElement("td", {
|
|
43302
43303
|
style: {
|
|
43303
43304
|
padding: '1rem'
|
|
43304
43305
|
},
|
|
43305
43306
|
colSpan: columns.length,
|
|
43306
|
-
className: _JSXStyle.dynamic([["
|
|
43307
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
43307
43308
|
}, /*#__PURE__*/React.createElement(DataTable$1, {
|
|
43308
43309
|
readOnly: true,
|
|
43309
43310
|
stickyHeader: false,
|
|
@@ -43331,9 +43332,9 @@ var TableBody = function TableBody(_ref) {
|
|
|
43331
43332
|
// </tr>
|
|
43332
43333
|
// )
|
|
43333
43334
|
}), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
43334
|
-
id: "
|
|
43335
|
+
id: "1229207510",
|
|
43335
43336
|
dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]
|
|
43336
|
-
}, "tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
|
|
43337
|
+
}, "tbody.__jsx-style-dynamic-selector{display:block;overflow-y:auto;max-height:calc(100vh - 10rem);}tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
|
|
43337
43338
|
};
|
|
43338
43339
|
TableBody.displayName = 'TableBody';
|
|
43339
43340
|
|
|
@@ -43469,7 +43470,7 @@ function TableComponent(tableProps) {
|
|
|
43469
43470
|
}, /*#__PURE__*/React.createElement("table", _extends({
|
|
43470
43471
|
ref: ref
|
|
43471
43472
|
}, props, {
|
|
43472
|
-
className: _JSXStyle.dynamic([["
|
|
43473
|
+
className: _JSXStyle.dynamic([["864348448", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
|
|
43473
43474
|
}), /*#__PURE__*/React.createElement(TableHead, {
|
|
43474
43475
|
stickyHeader: stickyHeader,
|
|
43475
43476
|
columns: columns,
|
|
@@ -43486,11 +43487,8 @@ function TableComponent(tableProps) {
|
|
|
43486
43487
|
rowDraggable: rowDraggable,
|
|
43487
43488
|
readOnly: readOnly,
|
|
43488
43489
|
onSelected: onSelected
|
|
43489
|
-
}), children, /*#__PURE__*/React.createElement(
|
|
43490
|
-
|
|
43491
|
-
dynamic: [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
|
|
43492
|
-
}, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}")), dataLength && viewLength && onPageChange ? /*#__PURE__*/React.createElement("tfoot", {
|
|
43493
|
-
className: _JSXStyle.dynamic([["2132340556", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
|
|
43490
|
+
}), children, dataLength && viewLength && onPageChange ? /*#__PURE__*/React.createElement("tfoot", {
|
|
43491
|
+
className: _JSXStyle.dynamic([["864348448", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
|
|
43494
43492
|
}, /*#__PURE__*/React.createElement(Pagination, {
|
|
43495
43493
|
onChange: function onChange(pageNumber) {
|
|
43496
43494
|
// Get the range for the current page
|
|
@@ -43501,7 +43499,10 @@ function TableComponent(tableProps) {
|
|
|
43501
43499
|
},
|
|
43502
43500
|
limit: 5,
|
|
43503
43501
|
count: Number(dataLength / viewLength)
|
|
43504
|
-
}, /*#__PURE__*/React.createElement(Pagination.Next, null, /*#__PURE__*/React.createElement(ChevronRight$1, null)), /*#__PURE__*/React.createElement(Pagination.Previous, null, /*#__PURE__*/React.createElement(ChevronLeft$1, null)))) : null
|
|
43502
|
+
}, /*#__PURE__*/React.createElement(Pagination.Next, null, /*#__PURE__*/React.createElement(ChevronRight$1, null)), /*#__PURE__*/React.createElement(Pagination.Previous, null, /*#__PURE__*/React.createElement(ChevronLeft$1, null)))) : null, /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
43503
|
+
id: "864348448",
|
|
43504
|
+
dynamic: [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
|
|
43505
|
+
}, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}tfoot.__jsx-style-dynamic-selector{bottom:0;z-index:2;background-color:#fff;}"))));
|
|
43505
43506
|
}
|
|
43506
43507
|
TableComponent.displayName = 'Table';
|
|
43507
43508
|
TableComponent.Column = TableColumn;
|
package/dist/table/index.js
CHANGED
|
@@ -19969,9 +19969,9 @@ var TableHead = function TableHead(props) {
|
|
|
19969
19969
|
});
|
|
19970
19970
|
};
|
|
19971
19971
|
return /*#__PURE__*/React.createElement(React.Fragment, null, colgroup, /*#__PURE__*/React.createElement("thead", {
|
|
19972
|
-
className: _JSXStyle.dynamic([["
|
|
19972
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
19973
19973
|
}, /*#__PURE__*/React.createElement("tr", {
|
|
19974
|
-
className: _JSXStyle.dynamic([["
|
|
19974
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
19975
19975
|
}, columns.map(function (column, index) {
|
|
19976
19976
|
return /*#__PURE__*/React.createElement("th", {
|
|
19977
19977
|
style: {
|
|
@@ -19983,23 +19983,23 @@ var TableHead = function TableHead(props) {
|
|
|
19983
19983
|
},
|
|
19984
19984
|
key: "table-th-".concat(column.prop.toString(), "-").concat(index),
|
|
19985
19985
|
"data-column": column.label,
|
|
19986
|
-
className: _JSXStyle.dynamic([["
|
|
19986
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + (column.className || "")
|
|
19987
19987
|
}, /*#__PURE__*/React.createElement("div", {
|
|
19988
|
-
className: _JSXStyle.dynamic([["
|
|
19988
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + "thead-box"
|
|
19989
19989
|
}, column.label, /*#__PURE__*/React.createElement("br", {
|
|
19990
|
-
className: _JSXStyle.dynamic([["
|
|
19990
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
19991
19991
|
}), /*#__PURE__*/React.createElement("span", {
|
|
19992
19992
|
style: {
|
|
19993
19993
|
textAlign: 'center'
|
|
19994
19994
|
},
|
|
19995
|
-
className: _JSXStyle.dynamic([["
|
|
19995
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
19996
19996
|
}, column.text)));
|
|
19997
19997
|
})), showFilters && /*#__PURE__*/React.createElement("tr", {
|
|
19998
|
-
className: _JSXStyle.dynamic([["
|
|
19998
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
19999
19999
|
}, generateFilterInputs())), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
20000
|
-
id: "
|
|
20001
|
-
dynamic: [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]
|
|
20002
|
-
}, "thead.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;font-size:inherit;}th.__jsx-style-dynamic-selector{padding:0 0.5em;font-size:calc(0.75 * var(--table-font-size));font-weight:normal;text-align:left;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;vertical-align:middle;min-height:calc(2.5 * var(--table-font-size));color:".concat(theme.palette.accents_5, ";background:").concat(theme.palette.accents_1, ";border-bottom:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-radius:0;").concat(stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", ";}th.__jsx-style-dynamic-selector:nth-child(1){border-bottom:1px solid ").concat(theme.palette.border, ";border-left:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-left-radius:").concat(theme.layout.radius, ";border-bottom-left-radius:").concat(theme.layout.radius, ";}th.__jsx-style-dynamic-selector:last-child{border-bottom:1px solid ").concat(theme.palette.border, ";border-right:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-right-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";}.thead-box.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center;min-height:calc(2.5 * var(--table-font-size));text-transform:uppercase;}")));
|
|
20000
|
+
id: "318735310",
|
|
20001
|
+
dynamic: [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]
|
|
20002
|
+
}, "thead.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;font-size:inherit;".concat(stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", ";}th.__jsx-style-dynamic-selector{padding:0 0.5em;font-size:calc(0.75 * var(--table-font-size));font-weight:normal;text-align:left;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;vertical-align:middle;min-height:calc(2.5 * var(--table-font-size));color:").concat(theme.palette.accents_5, ";background:").concat(theme.palette.accents_1, ";border-bottom:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-radius:0;").concat(stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", ";}th.__jsx-style-dynamic-selector:nth-child(1){border-bottom:1px solid ").concat(theme.palette.border, ";border-left:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-left-radius:").concat(theme.layout.radius, ";border-bottom-left-radius:").concat(theme.layout.radius, ";}th.__jsx-style-dynamic-selector:last-child{border-bottom:1px solid ").concat(theme.palette.border, ";border-right:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-right-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";}.thead-box.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center;min-height:calc(2.5 * var(--table-font-size));text-transform:uppercase;}")));
|
|
20003
20003
|
};
|
|
20004
20004
|
TableHead.displayName = 'TableHead';
|
|
20005
20005
|
|
|
@@ -31678,7 +31678,7 @@ function DataTable(_ref) {
|
|
|
31678
31678
|
// };
|
|
31679
31679
|
|
|
31680
31680
|
var COLUMNS = cols.filter(function (col) {
|
|
31681
|
-
return !hideColumn.includes(col.name);
|
|
31681
|
+
return !hideColumn.includes(String(col.name).toLowerCase());
|
|
31682
31682
|
});
|
|
31683
31683
|
var content = function content() {
|
|
31684
31684
|
return /*#__PURE__*/React.createElement(React.Fragment, null, cols.map(function (option, index) {
|
|
@@ -31694,7 +31694,7 @@ function DataTable(_ref) {
|
|
|
31694
31694
|
}));
|
|
31695
31695
|
};
|
|
31696
31696
|
return /*#__PURE__*/React.createElement(GridContainer, {
|
|
31697
|
-
className: "helpdice-ui-table-container",
|
|
31697
|
+
className: "helpdice-ui-data-table-container",
|
|
31698
31698
|
direction: "column"
|
|
31699
31699
|
}, /*#__PURE__*/React.createElement(Grid.Container, {
|
|
31700
31700
|
style: {
|
|
@@ -31793,6 +31793,7 @@ function DataTable(_ref) {
|
|
|
31793
31793
|
py: 0.4,
|
|
31794
31794
|
type: "dark"
|
|
31795
31795
|
}, /*#__PURE__*/React.createElement(Popover, {
|
|
31796
|
+
disableItemsAutoClose: true,
|
|
31796
31797
|
placement: "bottomEnd",
|
|
31797
31798
|
child: content
|
|
31798
31799
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
@@ -31825,10 +31826,10 @@ function DataTable(_ref) {
|
|
|
31825
31826
|
onDragLeave: onDragLeave,
|
|
31826
31827
|
onDrop: onDrop,
|
|
31827
31828
|
id: TABLE_ID,
|
|
31829
|
+
className: "helpdice-ui-table-container",
|
|
31828
31830
|
style: _objectSpread2({
|
|
31829
|
-
overflow: 'auto',
|
|
31830
31831
|
position: 'relative',
|
|
31831
|
-
|
|
31832
|
+
overflowY: 'auto',
|
|
31832
31833
|
maxWidth: 'calc(100vw - 1rem)',
|
|
31833
31834
|
width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
|
|
31834
31835
|
}, style)
|
|
@@ -31984,7 +31985,7 @@ var TableBody = function TableBody(_ref) {
|
|
|
31984
31985
|
})))));
|
|
31985
31986
|
}
|
|
31986
31987
|
return /*#__PURE__*/React.createElement("tbody", {
|
|
31987
|
-
className: _JSXStyle.dynamic([["
|
|
31988
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
31988
31989
|
}, data.map(function (row, index) {
|
|
31989
31990
|
var _row$table, _row$table2, _row$table3, _row$table4, _row$table5;
|
|
31990
31991
|
var qid = _.uniqueId();
|
|
@@ -31992,21 +31993,21 @@ var TableBody = function TableBody(_ref) {
|
|
|
31992
31993
|
var uid = _.uniqueId();
|
|
31993
31994
|
return /*#__PURE__*/React.createElement("tr", {
|
|
31994
31995
|
key: uid,
|
|
31995
|
-
className: _JSXStyle.dynamic([["
|
|
31996
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
31996
31997
|
}, /*#__PURE__*/React.createElement("td", {
|
|
31997
31998
|
colSpan: columns.length,
|
|
31998
|
-
className: _JSXStyle.dynamic([["
|
|
31999
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
31999
32000
|
}, "\u2003"));
|
|
32000
32001
|
}
|
|
32001
32002
|
return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index), (row === null || row === undefined ? undefined : row.table) && /*#__PURE__*/React.createElement("tr", {
|
|
32002
32003
|
key: qid,
|
|
32003
|
-
className: _JSXStyle.dynamic([["
|
|
32004
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
32004
32005
|
}, /*#__PURE__*/React.createElement("td", {
|
|
32005
32006
|
style: {
|
|
32006
32007
|
padding: '1rem'
|
|
32007
32008
|
},
|
|
32008
32009
|
colSpan: columns.length,
|
|
32009
|
-
className: _JSXStyle.dynamic([["
|
|
32010
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
32010
32011
|
}, /*#__PURE__*/React.createElement(DataTable$1, {
|
|
32011
32012
|
readOnly: true,
|
|
32012
32013
|
stickyHeader: false,
|
|
@@ -32034,9 +32035,9 @@ var TableBody = function TableBody(_ref) {
|
|
|
32034
32035
|
// </tr>
|
|
32035
32036
|
// )
|
|
32036
32037
|
}), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
32037
|
-
id: "
|
|
32038
|
+
id: "1229207510",
|
|
32038
32039
|
dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]
|
|
32039
|
-
}, "tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
|
|
32040
|
+
}, "tbody.__jsx-style-dynamic-selector{display:block;overflow-y:auto;max-height:calc(100vh - 10rem);}tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
|
|
32040
32041
|
};
|
|
32041
32042
|
TableBody.displayName = 'TableBody';
|
|
32042
32043
|
|
|
@@ -32522,7 +32523,7 @@ function TableComponent(tableProps) {
|
|
|
32522
32523
|
}, /*#__PURE__*/React.createElement("table", _extends({
|
|
32523
32524
|
ref: ref
|
|
32524
32525
|
}, props, {
|
|
32525
|
-
className: _JSXStyle.dynamic([["
|
|
32526
|
+
className: _JSXStyle.dynamic([["864348448", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
|
|
32526
32527
|
}), /*#__PURE__*/React.createElement(TableHead, {
|
|
32527
32528
|
stickyHeader: stickyHeader,
|
|
32528
32529
|
columns: columns,
|
|
@@ -32539,11 +32540,8 @@ function TableComponent(tableProps) {
|
|
|
32539
32540
|
rowDraggable: rowDraggable,
|
|
32540
32541
|
readOnly: readOnly,
|
|
32541
32542
|
onSelected: onSelected
|
|
32542
|
-
}), children, /*#__PURE__*/React.createElement(
|
|
32543
|
-
|
|
32544
|
-
dynamic: [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
|
|
32545
|
-
}, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}")), dataLength && viewLength && onPageChange ? /*#__PURE__*/React.createElement("tfoot", {
|
|
32546
|
-
className: _JSXStyle.dynamic([["2132340556", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
|
|
32543
|
+
}), children, dataLength && viewLength && onPageChange ? /*#__PURE__*/React.createElement("tfoot", {
|
|
32544
|
+
className: _JSXStyle.dynamic([["864348448", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
|
|
32547
32545
|
}, /*#__PURE__*/React.createElement(Pagination, {
|
|
32548
32546
|
onChange: function onChange(pageNumber) {
|
|
32549
32547
|
// Get the range for the current page
|
|
@@ -32554,7 +32552,10 @@ function TableComponent(tableProps) {
|
|
|
32554
32552
|
},
|
|
32555
32553
|
limit: 5,
|
|
32556
32554
|
count: Number(dataLength / viewLength)
|
|
32557
|
-
}, /*#__PURE__*/React.createElement(Pagination.Next, null, /*#__PURE__*/React.createElement(ChevronRight$1, null)), /*#__PURE__*/React.createElement(Pagination.Previous, null, /*#__PURE__*/React.createElement(ChevronLeft$1, null)))) : null
|
|
32555
|
+
}, /*#__PURE__*/React.createElement(Pagination.Next, null, /*#__PURE__*/React.createElement(ChevronRight$1, null)), /*#__PURE__*/React.createElement(Pagination.Previous, null, /*#__PURE__*/React.createElement(ChevronLeft$1, null)))) : null, /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
32556
|
+
id: "864348448",
|
|
32557
|
+
dynamic: [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
|
|
32558
|
+
}, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}tfoot.__jsx-style-dynamic-selector{bottom:0;z-index:2;background-color:#fff;}"))));
|
|
32558
32559
|
}
|
|
32559
32560
|
TableComponent.displayName = 'Table';
|
|
32560
32561
|
TableComponent.Column = TableColumn;
|
package/esm/table/data-table.js
CHANGED
|
@@ -146,7 +146,7 @@ function DataTable(_ref) {
|
|
|
146
146
|
// };
|
|
147
147
|
|
|
148
148
|
var COLUMNS = cols.filter(function (col) {
|
|
149
|
-
return !hideColumn.includes(col.name);
|
|
149
|
+
return !hideColumn.includes(String(col.name).toLowerCase());
|
|
150
150
|
});
|
|
151
151
|
var content = function content() {
|
|
152
152
|
return /*#__PURE__*/React.createElement(React.Fragment, null, cols.map(function (option, index) {
|
|
@@ -162,7 +162,7 @@ function DataTable(_ref) {
|
|
|
162
162
|
}));
|
|
163
163
|
};
|
|
164
164
|
return /*#__PURE__*/React.createElement(Container, {
|
|
165
|
-
className: "helpdice-ui-table-container",
|
|
165
|
+
className: "helpdice-ui-data-table-container",
|
|
166
166
|
direction: "column"
|
|
167
167
|
}, /*#__PURE__*/React.createElement(Grid.Container, {
|
|
168
168
|
style: {
|
|
@@ -261,6 +261,7 @@ function DataTable(_ref) {
|
|
|
261
261
|
py: 0.4,
|
|
262
262
|
type: "dark"
|
|
263
263
|
}, /*#__PURE__*/React.createElement(Popover, {
|
|
264
|
+
disableItemsAutoClose: true,
|
|
264
265
|
placement: "bottomEnd",
|
|
265
266
|
child: content
|
|
266
267
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
@@ -293,10 +294,10 @@ function DataTable(_ref) {
|
|
|
293
294
|
onDragLeave: onDragLeave,
|
|
294
295
|
onDrop: onDrop,
|
|
295
296
|
id: TABLE_ID,
|
|
297
|
+
className: "helpdice-ui-table-container",
|
|
296
298
|
style: _extends({
|
|
297
|
-
overflow: 'auto',
|
|
298
299
|
position: 'relative',
|
|
299
|
-
|
|
300
|
+
overflowY: 'auto',
|
|
300
301
|
maxWidth: 'calc(100vw - 1rem)',
|
|
301
302
|
width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
|
|
302
303
|
}, style)
|
package/esm/table/table-body.js
CHANGED
|
@@ -125,7 +125,7 @@ var TableBody = function TableBody(_ref) {
|
|
|
125
125
|
})))));
|
|
126
126
|
}
|
|
127
127
|
return /*#__PURE__*/React.createElement("tbody", {
|
|
128
|
-
className: _JSXStyle.dynamic([["
|
|
128
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
129
129
|
}, data.map(function (row, index) {
|
|
130
130
|
var _row$table, _row$table2, _row$table3, _row$table4, _row$table5;
|
|
131
131
|
var qid = _.uniqueId();
|
|
@@ -133,21 +133,21 @@ var TableBody = function TableBody(_ref) {
|
|
|
133
133
|
var uid = _.uniqueId();
|
|
134
134
|
return /*#__PURE__*/React.createElement("tr", {
|
|
135
135
|
key: uid,
|
|
136
|
-
className: _JSXStyle.dynamic([["
|
|
136
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
137
137
|
}, /*#__PURE__*/React.createElement("td", {
|
|
138
138
|
colSpan: columns.length,
|
|
139
|
-
className: _JSXStyle.dynamic([["
|
|
139
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
140
140
|
}, "\u2003"));
|
|
141
141
|
}
|
|
142
142
|
return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index), (row === null || row === void 0 ? void 0 : row.table) && /*#__PURE__*/React.createElement("tr", {
|
|
143
143
|
key: qid,
|
|
144
|
-
className: _JSXStyle.dynamic([["
|
|
144
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
145
145
|
}, /*#__PURE__*/React.createElement("td", {
|
|
146
146
|
style: {
|
|
147
147
|
padding: '1rem'
|
|
148
148
|
},
|
|
149
149
|
colSpan: columns.length,
|
|
150
|
-
className: _JSXStyle.dynamic([["
|
|
150
|
+
className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
|
|
151
151
|
}, /*#__PURE__*/React.createElement(DataTable, {
|
|
152
152
|
readOnly: true,
|
|
153
153
|
stickyHeader: false,
|
|
@@ -175,9 +175,9 @@ var TableBody = function TableBody(_ref) {
|
|
|
175
175
|
// </tr>
|
|
176
176
|
// )
|
|
177
177
|
}), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
178
|
-
id: "
|
|
178
|
+
id: "1229207510",
|
|
179
179
|
dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]
|
|
180
|
-
}, "tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
|
|
180
|
+
}, "tbody.__jsx-style-dynamic-selector{display:block;overflow-y:auto;max-height:calc(100vh - 10rem);}tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
|
|
181
181
|
};
|
|
182
182
|
TableBody.displayName = 'TableBody';
|
|
183
183
|
export default TableBody;
|
package/esm/table/table-head.js
CHANGED
|
@@ -123,9 +123,9 @@ var TableHead = function TableHead(props) {
|
|
|
123
123
|
});
|
|
124
124
|
};
|
|
125
125
|
return /*#__PURE__*/React.createElement(React.Fragment, null, colgroup, /*#__PURE__*/React.createElement("thead", {
|
|
126
|
-
className: _JSXStyle.dynamic([["
|
|
126
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
127
127
|
}, /*#__PURE__*/React.createElement("tr", {
|
|
128
|
-
className: _JSXStyle.dynamic([["
|
|
128
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
129
129
|
}, columns.map(function (column, index) {
|
|
130
130
|
return /*#__PURE__*/React.createElement("th", {
|
|
131
131
|
style: {
|
|
@@ -137,23 +137,23 @@ var TableHead = function TableHead(props) {
|
|
|
137
137
|
},
|
|
138
138
|
key: "table-th-".concat(column.prop.toString(), "-").concat(index),
|
|
139
139
|
"data-column": column.label,
|
|
140
|
-
className: _JSXStyle.dynamic([["
|
|
140
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + (column.className || "")
|
|
141
141
|
}, /*#__PURE__*/React.createElement("div", {
|
|
142
|
-
className: _JSXStyle.dynamic([["
|
|
142
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + "thead-box"
|
|
143
143
|
}, column.label, /*#__PURE__*/React.createElement("br", {
|
|
144
|
-
className: _JSXStyle.dynamic([["
|
|
144
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
145
145
|
}), /*#__PURE__*/React.createElement("span", {
|
|
146
146
|
style: {
|
|
147
147
|
textAlign: 'center'
|
|
148
148
|
},
|
|
149
|
-
className: _JSXStyle.dynamic([["
|
|
149
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
150
150
|
}, column.text)));
|
|
151
151
|
})), showFilters && /*#__PURE__*/React.createElement("tr", {
|
|
152
|
-
className: _JSXStyle.dynamic([["
|
|
152
|
+
className: _JSXStyle.dynamic([["318735310", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
|
|
153
153
|
}, generateFilterInputs())), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
154
|
-
id: "
|
|
155
|
-
dynamic: [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]
|
|
156
|
-
}, "thead.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;font-size:inherit;}th.__jsx-style-dynamic-selector{padding:0 0.5em;font-size:calc(0.75 * var(--table-font-size));font-weight:normal;text-align:left;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;vertical-align:middle;min-height:calc(2.5 * var(--table-font-size));color:".concat(theme.palette.accents_5, ";background:").concat(theme.palette.accents_1, ";border-bottom:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-radius:0;").concat(stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", ";}th.__jsx-style-dynamic-selector:nth-child(1){border-bottom:1px solid ").concat(theme.palette.border, ";border-left:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-left-radius:").concat(theme.layout.radius, ";border-bottom-left-radius:").concat(theme.layout.radius, ";}th.__jsx-style-dynamic-selector:last-child{border-bottom:1px solid ").concat(theme.palette.border, ";border-right:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-right-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";}.thead-box.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center;min-height:calc(2.5 * var(--table-font-size));text-transform:uppercase;}")));
|
|
154
|
+
id: "318735310",
|
|
155
|
+
dynamic: [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]
|
|
156
|
+
}, "thead.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;font-size:inherit;".concat(stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", ";}th.__jsx-style-dynamic-selector{padding:0 0.5em;font-size:calc(0.75 * var(--table-font-size));font-weight:normal;text-align:left;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;vertical-align:middle;min-height:calc(2.5 * var(--table-font-size));color:").concat(theme.palette.accents_5, ";background:").concat(theme.palette.accents_1, ";border-bottom:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-radius:0;").concat(stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", ";}th.__jsx-style-dynamic-selector:nth-child(1){border-bottom:1px solid ").concat(theme.palette.border, ";border-left:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-left-radius:").concat(theme.layout.radius, ";border-bottom-left-radius:").concat(theme.layout.radius, ";}th.__jsx-style-dynamic-selector:last-child{border-bottom:1px solid ").concat(theme.palette.border, ";border-right:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-right-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";}.thead-box.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center;min-height:calc(2.5 * var(--table-font-size));text-transform:uppercase;}")));
|
|
157
157
|
};
|
|
158
158
|
TableHead.displayName = 'TableHead';
|
|
159
159
|
export default TableHead;
|
package/esm/table/table.js
CHANGED
|
@@ -106,7 +106,7 @@ function TableComponent(tableProps) {
|
|
|
106
106
|
}, /*#__PURE__*/React.createElement("table", _extends({
|
|
107
107
|
ref: ref
|
|
108
108
|
}, props, {
|
|
109
|
-
className: _JSXStyle.dynamic([["
|
|
109
|
+
className: _JSXStyle.dynamic([["864348448", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
|
|
110
110
|
}), /*#__PURE__*/React.createElement(TableHead, {
|
|
111
111
|
stickyHeader: stickyHeader,
|
|
112
112
|
columns: columns,
|
|
@@ -123,11 +123,8 @@ function TableComponent(tableProps) {
|
|
|
123
123
|
rowDraggable: rowDraggable,
|
|
124
124
|
readOnly: readOnly,
|
|
125
125
|
onSelected: onSelected
|
|
126
|
-
}), children, /*#__PURE__*/React.createElement(
|
|
127
|
-
|
|
128
|
-
dynamic: [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
|
|
129
|
-
}, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}")), dataLength && viewLength && onPageChange ? /*#__PURE__*/React.createElement("tfoot", {
|
|
130
|
-
className: _JSXStyle.dynamic([["2132340556", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
|
|
126
|
+
}), children, dataLength && viewLength && onPageChange ? /*#__PURE__*/React.createElement("tfoot", {
|
|
127
|
+
className: _JSXStyle.dynamic([["864348448", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
|
|
131
128
|
}, /*#__PURE__*/React.createElement(Pagination, {
|
|
132
129
|
onChange: function onChange(pageNumber) {
|
|
133
130
|
// Get the range for the current page
|
|
@@ -138,7 +135,10 @@ function TableComponent(tableProps) {
|
|
|
138
135
|
},
|
|
139
136
|
limit: 5,
|
|
140
137
|
count: Number(dataLength / viewLength)
|
|
141
|
-
}, /*#__PURE__*/React.createElement(Pagination.Next, null, /*#__PURE__*/React.createElement(ChevronRight, null)), /*#__PURE__*/React.createElement(Pagination.Previous, null, /*#__PURE__*/React.createElement(ChevronLeft, null)))) : null
|
|
138
|
+
}, /*#__PURE__*/React.createElement(Pagination.Next, null, /*#__PURE__*/React.createElement(ChevronRight, null)), /*#__PURE__*/React.createElement(Pagination.Previous, null, /*#__PURE__*/React.createElement(ChevronLeft, null)))) : null, /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
139
|
+
id: "864348448",
|
|
140
|
+
dynamic: [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
|
|
141
|
+
}, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}tfoot.__jsx-style-dynamic-selector{bottom:0;z-index:2;background-color:#fff;}"))));
|
|
142
142
|
}
|
|
143
143
|
TableComponent.displayName = 'Table';
|
|
144
144
|
TableComponent.Column = TableColumn;
|