labsense-ui-kit 1.2.80 → 1.2.82
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/Table/index.d.ts +3 -0
- package/dist/index.js +13 -4
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +13 -4
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/Table/index.d.ts
CHANGED
|
@@ -4,6 +4,8 @@ import TableCell from './TableCell';
|
|
|
4
4
|
import TableRow from './TableRow';
|
|
5
5
|
interface HeaderCellConfig {
|
|
6
6
|
width?: string;
|
|
7
|
+
minWidth?: string;
|
|
8
|
+
maxWidth?: string;
|
|
7
9
|
maintext?: string;
|
|
8
10
|
alignment?: string;
|
|
9
11
|
CustomFunction?: React.ReactElement;
|
|
@@ -28,6 +30,7 @@ interface TableCellProps {
|
|
|
28
30
|
CustomFunction?: React.ReactElement;
|
|
29
31
|
width?: string;
|
|
30
32
|
minWidth?: string;
|
|
33
|
+
maxWidth?: string;
|
|
31
34
|
background?: string;
|
|
32
35
|
padding?: string;
|
|
33
36
|
minHeight?: string;
|
package/dist/index.js
CHANGED
|
@@ -9564,12 +9564,14 @@ var ContainerWrapper = styled__default.div(_templateObject$o || (_templateObject
|
|
|
9564
9564
|
var $minHeight = _ref.$minHeight;
|
|
9565
9565
|
return $minHeight;
|
|
9566
9566
|
});
|
|
9567
|
-
var CellContainer = styled__default.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n align-items:", ";\n justify-content: center;\n width: ", ";\n min-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n padding: ", ";\n gap: 4px;\n height: 100%\n"])), function (props) {
|
|
9567
|
+
var CellContainer = styled__default.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n align-items:", ";\n justify-content: center;\n width: ", ";\n min-width: ", ";\n max-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n padding: ", ";\n gap: 4px;\n height: 100%\n"])), function (props) {
|
|
9568
9568
|
return props.$align;
|
|
9569
9569
|
}, function (props) {
|
|
9570
9570
|
return props.$width || 'auto';
|
|
9571
9571
|
}, function (props) {
|
|
9572
9572
|
return props.$minWidth;
|
|
9573
|
+
}, function (props) {
|
|
9574
|
+
return props.$maxWidth;
|
|
9573
9575
|
}, function (props) {
|
|
9574
9576
|
return props.$background || 'inherit';
|
|
9575
9577
|
}, function (props) {
|
|
@@ -9608,6 +9610,7 @@ var TableCell = function TableCell(_ref2) {
|
|
|
9608
9610
|
alignment = _ref2$alignment === void 0 ? 'center' : _ref2$alignment,
|
|
9609
9611
|
width = _ref2.width,
|
|
9610
9612
|
minWidth = _ref2.minWidth,
|
|
9613
|
+
maxWidth = _ref2.maxWidth,
|
|
9611
9614
|
CustomFunction = _ref2.CustomFunction,
|
|
9612
9615
|
padding = _ref2.padding,
|
|
9613
9616
|
minHeight = _ref2.minHeight;
|
|
@@ -9617,12 +9620,14 @@ var TableCell = function TableCell(_ref2) {
|
|
|
9617
9620
|
}, CustomFunction ? React__default.createElement(CellContainer, {
|
|
9618
9621
|
"$align": alignment,
|
|
9619
9622
|
"$width": width,
|
|
9620
|
-
"$minWidth": minWidth
|
|
9623
|
+
"$minWidth": minWidth,
|
|
9624
|
+
"$maxWidth": maxWidth
|
|
9621
9625
|
}, CustomFunction) : React__default.createElement(CellContainer, {
|
|
9622
9626
|
"$align": alignment,
|
|
9623
9627
|
"$width": width,
|
|
9624
9628
|
"$minWidth": minWidth,
|
|
9625
|
-
"$padding": padding
|
|
9629
|
+
"$padding": padding,
|
|
9630
|
+
"$maxWidth": maxWidth
|
|
9626
9631
|
}, React__default.createElement(MainText, {
|
|
9627
9632
|
"$mtc": maintextcolor,
|
|
9628
9633
|
"$mtfs": maintextfontsize,
|
|
@@ -9679,7 +9684,9 @@ var TableRow = function TableRow(_ref) {
|
|
|
9679
9684
|
subtextweight: cellData.subtextweight,
|
|
9680
9685
|
alignment: cellData.alignment,
|
|
9681
9686
|
CustomFunction: cellData.CustomFunction,
|
|
9682
|
-
minHeight: '30px'
|
|
9687
|
+
minHeight: '30px',
|
|
9688
|
+
minWidth: cellData.minWidth,
|
|
9689
|
+
maxWidth: cellData.maxWidth
|
|
9683
9690
|
});
|
|
9684
9691
|
}));
|
|
9685
9692
|
}));
|
|
@@ -9816,6 +9823,8 @@ var Table = function Table(_ref8) {
|
|
|
9816
9823
|
})) : null), React__default.createElement(TableCell, {
|
|
9817
9824
|
maintext: (_columndata$maintext = columndata.maintext) != null ? _columndata$maintext : '',
|
|
9818
9825
|
width: columndata.width,
|
|
9826
|
+
minWidth: columndata.minWidth,
|
|
9827
|
+
maxWidth: columndata.maxWidth,
|
|
9819
9828
|
alignment: columndata.alignment
|
|
9820
9829
|
}));
|
|
9821
9830
|
})), React__default.createElement(Divider, null), loading ? React__default.createElement(Container, {
|